<div  class="tab-pane fade show active" id="step-4" role="tabpanel" aria-labelledby="step-4-tab" >
    <v-booking 
       v-bind:has_retour.sync="has_retour" 
        v-if="booking.segments.aller.cruise"
        v-bind:cruise_id.sync="booking.segments.retour.cruise_id" 
        v-bind:room_type_id.sync="booking.segments.retour.room_type_id"
        v-on:change-room="selectRoomType($event,'retour')"
        v-on:change-cruise="changeCruise($event,'retour')"
        :origin_port="booking.segments.aller.cruise.destination_port"
        :destination_port="booking.segments.aller.cruise.origin_port"
        :search_disable="true"
        >
    </v-booking>
    
    <div class="card mt-2">
        <div class="card-body">
            <v-service
                v-if="booking.segments.retour.cruise_id"
                v-bind:cruise_id="booking.segments.retour.cruise_id" 
                v-on:select-service="storeService($event,'retour')"
                v-bind:passengers="booking.passengers" 
            />
        </div>
    </div>
</div>

