@extends('layout.app')

@section('title')
    {{ __('Reservations') }}
@endsection

@push('styles')
    <link rel="stylesheet" type="text/css" href="{{ asset('modern-admin/app-assets/vendors/css/ui/jquery-ui.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('modern-admin/app-assets/css/plugins/ui/jqueryui.css') }}">
@endpush

@section('active_reservations', 'active')
@section('data_col', '2-columns')
@section('body_class', '2-columns')

@section('content')
    <div class="app-content content">
        <div class="content-overlay"></div>
        <div class="content-wrapper">
            <div class="content-header row mb-1">
                <div class="content-header-left col-md-6 col-12 breadcrumb-new">
                    <h3 class="content-header-title mb-0 d-inline-block">{{ __('Reservations')}}</h3>
                    <div class="row breadcrumbs-top d-inline-block">
                        <div class="breadcrumb-wrapper col-12">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item">{{ __('Détail') }}</li>
                                <li class="breadcrumb-item active">{{$reservation->reference}}</li>
                            </ol>
                        </div>
                    </div>
                </div>
                <div class="content-header-right col-md-6 col-12">
                    <div class="btn-group float-msm-right">
                        <a class="btn btn-dark" href="{{ route('reservations.index') }}">
                            <i class="la la-arrow-left"></i> {{ __('Reservations') }}
                        </a>
                        @if (count($permissions) > 1)
                            <span class="dropdown actions-datatable ml-1">
                                <button id="btnSearchDrop" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" class="btn btn-primary dropdown-toggle dropdown-menu-right">
                                    {{ __("Actions")}} <i class="la la-angle-down"></i>
                                </button>
                                <span aria-labelledby="btnSearchDrop" class="dropdown-menu mt-1 dropdown-menu-right">
                                    @if(in_array('edit', $permissions)) <a class="dropdown-item" href="{{route('reservations.edit', $reservation->id)}}">{{ __('Edit') }}</a> @endif
                                    @if(in_array('cancel', $permissions)) <a class="dropdown-item annuler-validation" href="{{route('reservations.annuler', $reservation->id)}}"> {{ __('Annuler la réservation') }}</a> @endif
                                    @if(in_array('activate', $permissions)) <a class="dropdown-item annuler-validation" href="{{route('reservations.activer', $reservation->id)}}">{{ __('Activer la réservation') }}</a> @endif
                                    @if(in_array('reject', $permissions)) <button class="dropdown-item" type="button" data-toggle="modal" data-target="#validateModal" data-status="rejected"> {{ __('Rejeter') }}</button> @endif
                                    @if(in_array('cancel accept', $permissions)) <a class="dropdown-item annuler-validation" href="{{route('reservations.annulerValidation', $vd->id)}}"> {{ __('Annuler la validation') }}</a> @endif
                                    @if(in_array('accept', $permissions)) <button class="dropdown-item" type="button" data-toggle="modal" data-target="#validateModal" data-status="accepted"> {{ __('Valider') }}</button> @endif
                                    @if(in_array('cancel reject', $permissions)) <a class="dropdown-item annuler-validation" href="{{route('reservations.annulerValidation', $vd->id)}}"> {{ __('Annuler le rejet') }}</a> @endif
                                    @if(in_array('planify', $permissions)) <button class="dropdown-item" type="button" data-toggle="modal" data-target="#planifyModal" > {{ __('Planify') }}</button> @endif
                                    {{--@if(in_array('planify', $permissions))
                                        @if ($reservation->round_trip)
                                            @if ($reservation->waitPassagers->count())
                                                <button class="dropdown-item" type="button" data-toggle="modal" data-target="#planify1Modal"> {{ __('Planifier nouveau voyage (Aller)') }}</button>
                                                @if ($trips->count())
                                                    <button class="dropdown-item" type="button" data-toggle="modal" data-target="#planify2Modal"> {{ __('Affecter à une voyage (Aller)') }}</button>
                                                @endif
                                            @endif
                                            @if ($reservation->waitReturnPassagers->count())
                                                <button class="dropdown-item" type="button" data-toggle="modal" data-target="#planifyRetour1Modal"> {{ __('Planifier nouveau voyage (Retour)') }}</button>
                                                @if ($trips->count())
                                                    <button class="dropdown-item" type="button" data-toggle="modal" data-target="#planifyRetour2Modal"> {{ __('Affecter à une voyage (Retour)') }}</button>
                                                @endif
                                            @endif
                                        @else
                                            @if ($reservation->waitPassagers->count())
                                                <button class="dropdown-item" type="button" data-toggle="modal" data-target="#planify1Modal"> {{ __('Planifier nouveau voyage') }}</button>
                                                @if ($trips->count())
                                                    <button class="dropdown-item" type="button" data-toggle="modal" data-target="#planify2Modal"> {{ __('Affecter à une voyage') }}</button>
                                                @endif
                                            @endif
                                        @endif
                                    @endif--}}
                                </span>
                            </span>
                        @endif
                    </div>
                </div>
            </div>
            <div class="content-body pb-5">
                <section id="page-account-settings">
                    <div class="row">
                        <div class="col-md-2 mb-2 mb-md-0">
                            <ul class="nav nav-pills flex-column mt-md-0 mt-1 bg-white shadow-sm">
                                <li class="nav-item">
                                    <a class="nav-link d-flex active" id="account-pill-general" data-toggle="pill" href="#account-vertical-general" aria-expanded="true">
                                        {{ __("Détail réservation")}}
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link d-flex" id="account-pill-password" data-toggle="pill" href="#account-vertical-password" aria-expanded="false">
                                        {{ __("Détail validations")}}
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link d-flex" id="account-pill-trip" data-toggle="pill" href="#account-vertical-trip" aria-expanded="false">
                                        {{ __("Détail Trip")}}
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="col-md-10">
                            <div class="card">
                                <div class="card-content">
                                    <div class="card-body">
                                        <div class="tab-content">
                                            <div role="tabpanel" class="tab-pane active" id="account-vertical-general" aria-labelledby="account-pill-general" aria-expanded="true">
                                                <div class="card w-100">
                                                    <div class="card-content">
                                                        <div class="media-list position-relative">
                                                            <div class="table-responsive">
                                                                <table class="table table-bordered p-1">
                                                                    <tbody>
                                                                        <tr><td class="bg-light w-25 text-bold-600">{{ __("Réference")}}</td><td>#{{$reservation->reference??''}}</td></tr>
                                                                        <tr><td class="bg-light w-25 text-bold-600">{{ __("Mission")}}</td><td>{{$reservation->mission->name??''}}</td></tr>
                                                                        <tr><td class="bg-light w-25 text-bold-600">{{ __("Demandeur")}}</td><td> <span class="text-info mr-1"> #{{$reservation->employe->reference}} </span>{{$reservation->employe->first_name.' '.$reservation->employe->last_name??''}}</td></tr>
                                                                        <tr><td class="bg-light w-25 text-bold-600">{{ __("Description")}}</td><td>{!! $reservation->description??'' !!}</td></tr>
                                                                        <tr><td class="bg-light w-25 text-bold-600">{{ __("Date")}}</td><td>{{$reservation->date->format('Y-m-d H:i')??''}}</td></tr>
                                                                        <tr>
                                                                            <td class="bg-light w-25 text-bold-600">{{ __("Round trip")}}</td>
                                                                            <td>
                                                                                <span class="badge badge-pill badge-{{$reservation->round_trip ? 'success' : 'danger'}}">{{$reservation->round_trip ? __('Yes') : __('No')}}</span>
                                                                            </td>
                                                                        </tr>
                                                                        @if ($reservation->round_trip)
                                                                            <tr><td class="bg-light w-25 text-bold-600">{{ __("Date of Round trip")}}</td><td>{{$reservation->date_round_trip->format('Y-m-d H:i')??''}}</td></tr>
                                                                        @endif
                                                                        <tr>
                                                                            <td class="bg-light w-25 text-bold-600">{{ __("Départ")}}</td>
                                                                            <td>
                                                                                @if ($reservation->depart_site)
                                                                                    <i class="la la-map-signs"></i> {{$reservation->depart_site->name}}
                                                                                @else
                                                                                    <i class="la la-map-marker danger"></i> {!! $reservation->depart !!}
                                                                                @endif
                                                                            </td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td class="bg-light w-25 text-bold-600">{{ __("Destination")}}</td>
                                                                            <td>
                                                                                @if ($reservation->destination_site)
                                                                                    <i class="la la-map-signs"></i> {{$reservation->destination_site->name}}
                                                                                @else
                                                                                    <i class="la la-map-marker danger"></i> {!! $reservation->destination !!}
                                                                                @endif
                                                                            </td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td class="bg-light w-25 text-bold-600">{{ __("Status")}}</td>
                                                                            <td>
                                                                                <span class="badge badge-pill badge-primary"> {{ __(ucfirst($reservation->status))}} </span>
                                                                            </td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td class="bg-light w-25 text-bold-600">{{ __("Priority")}}</td>
                                                                            <td>
                                                                                @switch($reservation->priority)
                                                                                    @case('low')
                                                                                        <span class="badge badge-pill badge-info"> {{ __('Low')}} </span>
                                                                                        @break
                                                                                    @case('medium')
                                                                                        <span class="badge badge-pill badge-primary"> {{ __('Medium')}} </span>
                                                                                        @break
                                                                                    @case('high')
                                                                                        <span class="badge badge-pill badge-warning"> {{ __('High')}} </span>
                                                                                        @break
                                                                                    @case('urgent')
                                                                                        <span class="badge badge-pill badge-danger"> {{ __('Urgent')}} </span>  
                                                                                        @break
                                                                                @endswitch
                                                                            </td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td class="bg-light w-25 text-bold-600">{{ __("Passagers")}} <span class="badge badge-primary round ml-1"> {{ $reservation->nb_places}} </span></td>
                                                                            <td>
                                                                                <ul>
                                                                                    @foreach ($reservation->passagers as $passager)
                                                                                        <li> <i class="la la-check mr-1 success"></i> <span class="text-info mr-1"> #{{$passager->employe->reference}}</span> {{$passager->employe->first_name.' '.$passager->employe->last_name??''}} </li>
                                                                                    @endforeach
                                                                                </ul>
                                                                            </td>
                                                                        </tr>
                                                                        <tr><td class="bg-light w-25 text-bold-600">{{ __("Crée le")}}</td><td>{{$reservation->created_at??''}}</td></tr>
                                                                    </tbody>
                                                                </table>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="tab-pane fade " id="account-vertical-password" role="tabpanel" aria-labelledby="account-pill-password" aria-expanded="false">
                                                <div class="card w-100">
                                                    <div class="card-content">
                                                        <div class="media-list position-relative">
                                                            <div class="table-responsive">
                                                                <table class="table table-bordered p-1">
                                                                    <thead class="text-uppercase text-center text-white bg-teal-maq">
                                                                        <tr>
                                                                            <th>{{ __('Ordre') }}</th>
                                                                            <th>{{ __('Validateur') }}</th>
                                                                            <th>{{ __('Médiateur') }}</th>
                                                                            <th>{{ __('Status') }}</th>
                                                                            <th>{{ __('Date') }}</th>
                                                                            <th>{{ __('Note') }}</th>
                                                                        </tr>
                                                                    </thead>
                                                                    <tbody>
                                                                        @foreach ($reservation->validators as $validator)
                                                                            <tr>
                                                                                <td class="bg-light text-bold-600">{{ $validator->order }}</td>
                                                                                <td> 
                                                                                    <span class="text-info mr-1">#{{$validator->employe->reference}} </span> {{$validator->employe->first_name.' '.$validator->employe->last_name??''}}
                                                                                </td>
                                                                                <td>
                                                                                    @if ($validator->est_mediateur)
                                                                                        <span class="badge badge-success badge-pill"> {{ __('Yes')}} </span>
                                                                                    @else
                                                                                        <span class="badge badge-danger badge-pill"> {{ __('No')}} </span>
                                                                                    @endif
                                                                                </td>
                                                                                <td>
                                                                                    @switch($validator->status)
                                                                                        @case('pending')
                                                                                            <span class="badge badge-pill badge-info badge-sm"> <i class="la la-hourglass"></i> {{ __('Pending')}} </span>
                                                                                            @break
                                                                                        @case('accepted')
                                                                                            <span class="badge badge-pill badge-success badge-sm"> <i class="la la-check-circle"></i> {{ __('Accepted')}} </span>
                                                                                            @break
                                                                                        @case('rejected')
                                                                                            <span class="badge badge-pill badge-danger badge-sm"> <i class="la la-times-circle"></i> {{ __('Rejected')}} </span>
                                                                                            @break
                                                                                    @endswitch
                                                                                    {!! $validator->action_by ? '<br>'.__('By').': '. $validator->actionBy->first_name.' '.$validator->actionBy->last_name : '' !!}
                                                                                </td>
                                                                                @if ($validator->status == "accepted")
                                                                                    <td>{{$validator->date_accepted}}</td>
                                                                                    <td>{!! $validator->note_accepted !!}</td>
                                                                                @elseif ($validator->status == "rejected")
                                                                                    <td>{{$validator->date_rejected}}</td>
                                                                                    <td>{!! $validator->note_rejected !!}</td>
                                                                                @else
                                                                                    <td></td>
                                                                                    <td></td>
                                                                                @endif
                                                                            </tr>
                                                                        @endforeach
                                                                    </tbody>
                                                                </table>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="tab-pane fade " id="account-vertical-trip" role="tabpanel" aria-labelledby="account-pill-trip" aria-expanded="false">
                                                <div class="card w-100">
                                                    <div class="card-content">
                                                        <div class="media-list position-relative">
                                                            <div class="table-responsive">
                                                                <table class="table table-bordered p-1">
                                                                    <thead class="text-uppercase text-center text-white bg-teal-maq">
                                                                        <tr>
                                                                            <th>{{ __('Passager') }}</th>
                                                                            <th>{{ __('Status') }}</th>
                                                                            <th>{{ __('Trip') }}</th>
                                                                            <th>{{ __('Date') }}</th>
                                                                            <th>{{ __('Voiture') }}</th>
                                                                            <th>{{ __('Chauffeur') }}</th>
                                                                            <th></th>
                                                                        </tr>
                                                                    </thead>
                                                                    <tbody>
                                                                        @foreach ($reservation->passagers as $passager)
                                                                            <tr>
                                                                                <td><span class="text-info mr-1"> #{{$passager->employe->reference}}</span> {{$passager->employe->first_name.' '.$passager->employe->last_name??''}} </td>
                                                                                <td> {{$passager->trip_id ? __('Planifié') : __('Non planifié')}} </td>
                                                                                @if ($passager->trip_id)
                                                                                    <td>{{$passager->trip->reference}}</td>
                                                                                    <td>{{$passager->trip->start_date}}</td>
                                                                                    <td>{{$passager->trip->vehicule ? $passager->trip->vehicule->immatriculation.' | '.$passager->trip->vehicule->marque : ''}}</td>
                                                                                    <td>{{$passager->trip->driver ? '['.$passager->trip->driver->reference.'] '.$passager->trip->driver->first_name.' '.$passager->trip->driver->last_name : ''}}</td>
                                                                                    <td>
                                                                                        @php
                                                                                            $p = \App\Models\Trip\Passager::where('type', 'aller')->where('trip_id', $passager->trip_id)->where('reservation_employe_id', $passager->id)->first();
                                                                                        @endphp
                                                                                        @if ($p)
                                                                                            <a class="btn btn-sm btn-danger annuler-validation" href="{{route('reservations.removePassager', $p->id)}}"> <i class="la la-times"></i> </a>
                                                                                        @endif
                                                                                    </td>
                                                                                @else
                                                                                    <td colspan="5"></td>
                                                                                @endif
                                                                            </tr>
                                                                        @endforeach
                                                                        @if ($reservation->round_trip)
                                                                            <tr><td colspan="6">{{ __('Round trip')}}</td></tr>
                                                                            @foreach ($reservation->passagers as $passager)
                                                                                <tr>
                                                                                    <td><span class="text-info mr-1"> #{{$passager->employe->reference}}</span> {{$passager->employe->first_name.' '.$passager->employe->last_name??''}} </td>
                                                                                    <td> {{$passager->return_trip_id ? __('Planifié') : __('Non planifié')}} </td>
                                                                                    @if ($passager->return_trip_id)
                                                                                        <td>{{$passager->returnTrip->reference}}</td>
                                                                                        <td>{{$passager->returnTrip->start_date}}</td>
                                                                                        <td>{{$passager->returnTrip->vehicule ? $passager->returnTrip->vehicule->immatriculation.' | '.$passager->returnTrip->vehicule->marque : ''}}</td>
                                                                                        <td>{{$passager->returnTrip->driver ? '['.$passager->returnTrip->driver->reference.'] '.$passager->returnTrip->driver->first_name.' '.$passager->returnTrip->driver->last_name : ''}}</td>
                                                                                        <td>
                                                                                            @php
                                                                                                $p = \App\Models\Trip\Passager::where('type', 'retour')->where('trip_id', $passager->return_trip_id)->where('reservation_employe_id', $passager->id)->first();
                                                                                            @endphp
                                                                                            @if ($p)
                                                                                                <a class="btn btn-sm btn-danger annuler-validation" href="{{route('reservations.removePassager', $p->id)}}"> <i class="la la-times"></i> </a>
                                                                                            @endif
                                                                                        </td>
                                                                                    @else
                                                                                        <td colspan="5"></td>
                                                                                    @endif
                                                                                </tr>
                                                                            @endforeach
                                                                        @endif
                                                                    </tbody>
                                                                </table>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
        </div>
    </div>
    @include('reservations.comment')
@endsection

@section('modals')
    <div class="modal animated bounceInUp text-left" id="validateModal" tabindex="-1" role="dialog" aria-labelledby="validateModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-body px-2 pb-3">
                    <form id="validateForm" method="POST" action="{{ route('reservations.validate') }}" enctype="multipart/form-data">
                        @csrf
                        <input type="hidden" name="id" value="{{$vd ? $vd->id : ''}}">
                        <input type="hidden" name="status" id="status">
                        <input type="hidden" name="action_by" value="{{auth()->user()->employe_id}}">
                        <div class="row">
                            <div class="form-group col-12">
                                <label for="description">{{ __('Notes') }}</label>
                                <textarea name="note" id="description" class="form-control" rows="5"></textarea>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="submit" form="validateForm" class="btn btn-primary"><i class="la la-save"></i> {{ __('Save') }}</button>
                </div>
            </div>
        </div>
    </div>
    {{--<div class="modal animated bounceInUp text-left" id="planify1Modal" tabindex="-1" role="dialog" aria-labelledby="planify1ModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-body px-2 pb-3">
                    <form id="planify1Form" method="POST" action="{{ route('reservations.planify') }}" enctype="multipart/form-data">
                        @csrf
                        <input type="hidden" name="employe_id" value="{{auth()->user()->employe_id}}">
                        <input type="hidden" name="status" value="pending">
                        <input type="hidden" name="reservation_id" value="{{$reservation->id}}">
                        <input type="hidden" name="start_date" value="{{$reservation->date}}">
                        <input type="hidden" name="type" value="aller">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="vehicule_id">{{ __('Vehicle') }} </label>
                                    <select id="vehicule_id" name="vehicule_id" class="form-control select2">
                                        <option value="">{{ __('Select a vehicle') }}</option>
                                        @foreach($vehicles as $vehicle)
                                            <option value="{{ $vehicle->id }}">{{ $vehicle->immatriculation }} - {{ $vehicle->marque }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="driver_id">{{ __('Driver') }}</label>
                                    <select id="driver_id" name="driver_id" class="form-control select2">
                                        <option value="">{{ __('Select a driver') }}</option>
                                        @foreach($drivers as $driver)
                                            <option value="{{ $driver->id }}">{{ $driver->first_name }} {{ $driver->last_name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-12">
                                <h4> {{ __("Passagers")}} </h4>
                                <fieldset class="text-center mt-2">
                                    @foreach ($reservation->waitPassagers as $item)
                                        <label for="wait-ps-{{$item->id}}">{{'['.$item->employe->reference.'] '.$item->employe->first_name.' '.$item->employe->last_name}}</label>
                                        <input type="checkbox" name="passagers[]" id="wait-ps-{{$item->id}}" class="wait-passager-radio-buttons" value="{{$item->id}}" checked>
                                    @endforeach
                                </fieldset>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-12 form-group">
                                <label for="description">{{ __('Notes') }}</label>
                                <textarea name="description" id="description2" class="form-control"></textarea>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="submit" form="planify1Form" class="btn btn-primary"><i class="la la-save"></i> {{ __('Save') }}</button>
                </div>
            </div>
        </div>
    </div>
    <div class="modal animated bounceInUp text-left" id="planifyRetour1Modal" tabindex="-1" role="dialog" aria-labelledby="planifyRetour1ModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-body px-2 pb-3">
                    <form id="planifyRetour1Form" method="POST" action="{{ route('reservations.planify') }}" enctype="multipart/form-data">
                        @csrf
                        <input type="hidden" name="employe_id" value="{{auth()->user()->employe_id}}">
                        <input type="hidden" name="status" value="pending">
                        <input type="hidden" name="reservation_id" value="{{$reservation->id}}">
                        <input type="hidden" name="start_date" value="{{$reservation->date_round_trip}}">
                        <input type="hidden" name="type" value="retour">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="vehicule_id">{{ __('Vehicle') }} </label>
                                    <select id="vehicule_id" name="vehicule_id" class="form-control select2">
                                        <option value="">{{ __('Select a vehicle') }}</option>
                                        @foreach($vehicles as $vehicle)
                                            <option value="{{ $vehicle->id }}">{{ $vehicle->immatriculation }} - {{ $vehicle->marque }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="driver_id">{{ __('Driver') }}</label>
                                    <select id="driver_id" name="driver_id" class="form-control select2">
                                        <option value="">{{ __('Select a driver') }}</option>
                                        @foreach($drivers as $driver)
                                            <option value="{{ $driver->id }}">{{ $driver->first_name }} {{ $driver->last_name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-12">
                                <h4> {{ __("Passagers")}} </h4>
                                <fieldset class="text-center mt-2">
                                    @foreach ($reservation->waitReturnPassagers as $item)
                                        <label for="wait-ps-1-{{$item->id}}">{{'['.$item->employe->reference.'] '.$item->employe->first_name.' '.$item->employe->last_name}}</label>
                                        <input type="checkbox" name="passagers[]" id="wait-ps-1-{{$item->id}}" class="wait-passager-2-radio-buttons" value="{{$item->id}}" checked>
                                    @endforeach
                                </fieldset>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-12 form-group">
                                <label for="description">{{ __('Notes') }}</label>
                                <textarea name="description" id="description3" class="form-control"></textarea>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="submit" form="planifyRetour1Form" class="btn btn-primary"><i class="la la-save"></i> {{ __('Save') }}</button>
                </div>
            </div>
        </div>
    </div>
    <div class="modal animated bounceInUp text-left" id="planify2Modal" tabindex="-1" role="dialog" aria-labelledby="planify2ModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-body px-2 pb-3">
                    <form id="planify2Form" method="POST" action="{{ route('reservations.planify2') }}" enctype="multipart/form-data">
                        @csrf
                        <input type="hidden" name="reservation_id" value="{{$reservation->id}}">
                        <input type="hidden" name="type" value="aller">
                        <div class="row">
                            <div class="col-12">
                                <h4> {{ __("Passagers")}} </h4>
                                <fieldset class="text-center mt-2">
                                    @foreach ($reservation->waitPassagers as $item)
                                        <label for="wait-ps-3-{{$item->id}}">{{'['.$item->employe->reference.'] '.$item->employe->first_name.' '.$item->employe->last_name}}</label>
                                        <input type="checkbox" name="passagers[]" id="wait-ps-3-{{$item->id}}" class="wait-passager-3-radio-buttons" value="{{$item->id}}" checked>
                                    @endforeach
                                </fieldset>
                            </div>
                            <div class="col-12">
                                <h4> {{ __("trips")}} </h4>
                                <fieldset class="text-center mt-2">
                                    @foreach ($trips as $item)
                                        <label for="trips-2-{{$item->id}}">{{$item->reference}}</label>
                                        <input type="radio" name="trip_id" id="trips-2-{{$item->id}}" class="trips-radio-buttons" value="{{$item->id}}">
                                    @endforeach
                                </fieldset>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="submit" form="planify2Form" class="btn btn-primary"><i class="la la-save"></i> {{ __('Save') }}</button>
                </div>
            </div>
        </div>
    </div>
    <div class="modal animated bounceInUp text-left" id="planifyRetour2Modal" tabindex="-1" role="dialog" aria-labelledby="planifyRetour2ModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-body px-2 pb-3">
                    <form id="planifyRetour2Form" method="POST" action="{{ route('reservations.planify2') }}" enctype="multipart/form-data">
                        @csrf
                        <input type="hidden" name="reservation_id" value="{{$reservation->id}}">
                        <input type="hidden" name="type" value="retour">
                        <div class="row">
                            <div class="col-12">
                                <h4> {{ __("Passagers")}} </h4>
                                <fieldset class="text-center mt-2">
                                    @foreach ($reservation->waitReturnPassagers as $item)
                                        <label for="wait-ps-4-{{$item->id}}">{{'['.$item->employe->reference.'] '.$item->employe->first_name.' '.$item->employe->last_name}}</label>
                                        <input type="checkbox" name="passagers[]" id="wait-ps-4-{{$item->id}}" class="wait-passager-4-radio-buttons" value="{{$item->id}}" checked>
                                    @endforeach
                                </fieldset>
                            </div>
                            <div class="col-12">
                                <h4> {{ __("trips")}} </h4>
                                <fieldset class="text-center mt-2">
                                    @foreach ($trips as $item)
                                        <label for="trips-{{$item->id}}">{{$item->reference}}</label>
                                        <input type="radio" name="trip_id" id="trips-{{$item->id}}" class="trips-radio-buttons" value="{{$item->id}}">
                                    @endforeach
                                </fieldset>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="submit" form="planifyRetour2Form" class="btn btn-primary"><i class="la la-save"></i> {{ __('Save') }}</button>
                </div>
            </div>
        </div>
    </div>--}}
    <div class="modal animated bounceInUp text-left" id="planifyModal" tabindex="-1" role="dialog" aria-labelledby="planifyModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-xl" role="document">
            <div class="modal-content">
                <div class="modal-body px-2 pb-3">
                    <!-- Progress bar -->
                    <div class="progress mb-3" style="height: 30px;">
                        <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" style="width: 25%" id="formProgress">Step 1/4</div>
                    </div>
                    
                    <!-- Step indicators -->
                    <ul class="nav nav-pills nav-justified mb-3">
                        <li class="nav-item" id="step1Indicator">
                            <a class="nav-link active" href="#">{{ __('Step 1') }}: {{ __('Choice') }}</a>
                        </li>
                        <li class="nav-item" id="step2Indicator">
                            <a class="nav-link disabled" href="#">{{ __('Step 2') }}: {{ __('Trip Details') }}</a>
                        </li>
                        <li class="nav-item" id="step3Indicator">
                            <a class="nav-link disabled" href="#">{{ __('Step 3') }}: {{ __('Passengers (Go)') }}</a>
                        </li>
                        <li class="nav-item" id="step4Indicator">
                            <a class="nav-link disabled" href="#">{{ __('Step 4') }}: {{ __('Passengers (Return)') }}</a>
                        </li>
                    </ul>
    
                    <form id="planifyForm" method="POST" action="{{ route('reservations.planify') }}" enctype="multipart/form-data">
                        @csrf
                        <input type="hidden" name="employe_id" value="{{auth()->user()->employe_id}}">
                        <input type="hidden" name="status" value="pending">
                        <input type="hidden" name="reservation_id" value="{{$reservation->id}}">
                        <input type="hidden" name="start_date" value="{{$reservation->date}}">
                        
                        <!-- Step 1: Choice between new trip or existing trip -->
                        <div class="step" id="step1">
                            <div class="row">
                                <div class="col-12">
                                    <h4>{{ __('Choose an option') }}</h4>
                                    <div class="form-group">
                                        <div class="custom-control custom-radio mb-2">
                                            <input type="radio" id="new_trip" name="trip_choice" class="custom-control-input" value="new" checked>
                                            <label class="custom-control-label" for="new_trip">{{ __('Add a new trip') }}</label>
                                        </div>
                                        <div class="custom-control custom-radio">
                                            <input type="radio" id="existing_trip" name="trip_choice" class="custom-control-input" value="existing" {{ $trips->count() == 0 ? 'disabled' : '' }}>
                                            <label class="custom-control-label" for="existing_trip">{{ __('Choose an existing trip') }}</label>
                                        </div>
                                        @if($trips->count() == 0)
                                            <small class="text-muted">{{ __('No existing trips available') }}</small>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
    
                        <!-- Step 2: Trip details (conditional) -->
                        <div class="step" id="step2" style="display: none;">
                            <!-- New Trip Form -->
                            <div id="newTripForm">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="vehicule_id">{{ __('Vehicle') }} <span class="text-danger">*</span></label>
                                            <select id="vehicule_id" name="vehicule_id" class="form-control select2">
                                                <option value="">{{ __('Select a vehicle') }}</option>
                                                @foreach($vehicles as $vehicle)
                                                    <option value="{{ $vehicle->id }}">{{ $vehicle->immatriculation }} - {{ $vehicle->marque }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="driver_id">{{ __('Driver') }} <span class="text-danger">*</span></label>
                                            <select id="driver_id" name="driver_id" class="form-control select2">
                                                <option value="">{{ __('Select a driver') }}</option>
                                                @foreach($drivers as $driver)
                                                    <option value="{{ $driver->id }}">{{ $driver->first_name }} {{ $driver->last_name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="form-group">
                                            <label for="description">{{ __('Notes') }}</label>
                                            <textarea name="description" id="description2" class="form-control" rows="3"></textarea>
                                        </div>
                                    </div>
                                </div>
                            </div>
    
                            <!-- Existing Trip Selection -->
                            <div id="existingTripForm" style="display: none;">
                                <div class="row">
                                    <div class="col-12">
                                        <h4>{{ __('Select an existing trip') }}</h4>
                                        <div class="form-group">
                                            <select name="trip_id" id="trip_id" class="form-control select2">
                                                <option value="">{{ __('Select a trip') }}</option>
                                                @foreach($trips as $item)
                                                    <option value="{{ $item->id }}">{{ $item->reference }} - {{ $item->start_date ?? '' }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
    
                        <!-- Step 3: Passagers aller -->
                        <div class="step" id="step3" style="display: none;">
                            <div class="row">
                                <div class="col-12">
                                    <h4>{{ __('Select passengers for departure') }}</h4>
                                    <div class="form-group">
                                        @if($reservation->waitPassagers->count() > 0)
                                        <fieldset class="text-center mt-2">
                                            @foreach ($reservation->waitPassagers as $item)
                                                <label for="wait-ps-{{$item->id}}">{{'['.$item->employe->reference.'] '.$item->employe->first_name.' '.$item->employe->last_name}}</label>
                                                <input type="checkbox" name="passagersAller[]" id="wait-ps-{{$item->id}}" class="wait-passager-radio-buttons" value="{{$item->id}}" checked>
                                            @endforeach
                                        </fieldset>
                                        @else
                                            <p class="text-muted">{{ __('No passengers available') }}</p>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
    
                        <!-- Step 4: Passagers retour (si round_trip == true) -->
                        <div class="step" id="step4" style="display: none;">
                            @if($reservation->round_trip == true)
                                <div class="row">
                                    <div class="col-12">
                                        <h4>{{ __('Select passengers for return') }}</h4>
                                        <div class="form-group">
                                            @if($reservation->waitReturnPassagers->count() > 0)
                                                <fieldset class="text-center mt-2">
                                                    @foreach ($reservation->waitReturnPassagers as $item)
                                                        <label for="wait-ps-1-{{$item->id}}">{{'['.$item->employe->reference.'] '.$item->employe->first_name.' '.$item->employe->last_name}}</label>
                                                        <input type="checkbox" name="passagersRetour[]" id="wait-ps-1-{{$item->id}}" class="wait-passager-2-radio-buttons" value="{{$item->id}}" checked>
                                                    @endforeach
                                                </fieldset>
                                            @else
                                                <p class="text-muted">{{ __('No return passengers available') }}</p>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            @else
                                <input type="hidden" name="passagersRetour[]" value="">
                                <p class="text-center">{{ __('No return trip for this reservation') }}</p>
                            @endif
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" id="prevBtn" onclick="changeStep(-1)" disabled>{{ __('Previous') }}</button>
                    <button type="button" class="btn btn-primary" id="nextBtn" onclick="changeStep(1)">{{ __('Next') }}</button>
                    <button type="submit" form="planifyForm" class="btn btn-success" id="submitBtn" style="display: none;">{{ __('Save') }}</button>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
    <script src="{{ asset('modern-admin/app-assets/js/core/libraries/jquery_ui/jquery-ui.min.js') }}"></script>    
    <script>
        $(document).ready(function(){
            $('#validateModal').on('show.bs.modal', function (event) {
                var button = $(event.relatedTarget);
                var status = button.data('status');
                var modal = $(this);
                modal.find('#status').val(status);
                $('#description').text('');
            });
            $('.annuler-validation').click(function(e) {
                if(!confirm("{{ __('Êtes-vous sûr de vouloir continuer ?')}}")) {
                    e.preventDefault();
                } else{
                    $("body").LoadingOverlay("show");
                }
            });
            $(".wait-passager-radio-buttons").checkboxradio({icon: false});
            $(".wait-passager-2-radio-buttons").checkboxradio({icon: false});
            $(".wait-passager-3-radio-buttons").checkboxradio({icon: false});
            $(".wait-passager-4-radio-buttons").checkboxradio({icon: false});
            $(".trips-radio-buttons").checkboxradio({icon: false});
            ajaxForm("#validateForm");
            ajaxForm("#planifyForm");
            /*ajaxForm("#planifyRetour1Form");
            ajaxForm("#planify2Form");
            ajaxForm("#planifyRetour2Form");*/
        });
    </script>
    <script>
        let currentStep = 1;
        const totalSteps = {{ $reservation->round_trip == true ? 4 : 3 }};
    
        // Update progress bar and indicators
        function updateProgress() {
            const progress = (currentStep / totalSteps) * 100;
            document.getElementById('formProgress').style.width = progress + '%';
            document.getElementById('formProgress').innerHTML = 'Step ' + currentStep + '/' + totalSteps;
            
            // Update step indicators
            for(let i = 1; i <= totalSteps; i++) {
                const indicator = document.getElementById('step' + i + 'Indicator');
                if(indicator) {
                    const link = indicator.querySelector('a');
                    if(i === currentStep) {
                        link.classList.add('active');
                        link.classList.remove('disabled');
                    } else if(i < currentStep) {
                        link.classList.remove('active');
                        link.classList.remove('disabled');
                    } else {
                        link.classList.remove('active');
                        link.classList.add('disabled');
                    }
                }
            }
            
            // Show/hide navigation buttons
            document.getElementById('prevBtn').disabled = (currentStep === 1);
            
            if(currentStep === totalSteps) {
                document.getElementById('nextBtn').style.display = 'none';
                document.getElementById('submitBtn').style.display = 'inline-block';
            } else {
                document.getElementById('nextBtn').style.display = 'inline-block';
                document.getElementById('submitBtn').style.display = 'none';
            }
        }
    
        // Change step
        function changeStep(direction) {
            
            // Hide current step
            document.getElementById('step' + currentStep).style.display = 'none';
            
            // Update step
            currentStep += direction;
            
            // Show new step
            document.getElementById('step' + currentStep).style.display = 'block';
            
            // Update progress
            updateProgress();
            
            // Special handling for step 2 based on trip choice
            if(currentStep === 2) {
                const tripChoice = document.querySelector('input[name="trip_choice"]:checked').value;
                if(tripChoice === 'new') {
                    document.getElementById('newTripForm').style.display = 'block';
                    document.getElementById('existingTripForm').style.display = 'none';
                    document.getElementById('trip_type').value = 'new';
                } else {
                    document.getElementById('newTripForm').style.display = 'none';
                    document.getElementById('existingTripForm').style.display = 'block';
                    document.getElementById('trip_type').value = 'existing';
                }
            }
            
            // Refresh Select2 if needed
            if(typeof $ !== 'undefined' && $.fn.select2) {
                $('.select2').select2({
                    dropdownParent: $('#planifyModal')
                });
            }
        }
    
        // Handle trip choice change
        document.querySelectorAll('input[name="trip_choice"]').forEach(radio => {
            radio.addEventListener('change', function() {
                if(currentStep === 2) {
                    if(this.value === 'new') {
                        document.getElementById('newTripForm').style.display = 'block';
                        document.getElementById('existingTripForm').style.display = 'none';
                        document.getElementById('trip_type').value = 'new';
                    } else {
                        document.getElementById('newTripForm').style.display = 'none';
                        document.getElementById('existingTripForm').style.display = 'block';
                        document.getElementById('trip_type').value = 'existing';
                    }
                }
            });
        });
    
        // Initialize
        document.addEventListener('DOMContentLoaded', function() {
            // Show first step
            document.getElementById('step1').style.display = 'block';
            updateProgress();
            
            // Initialize Select2
            if(typeof $ !== 'undefined' && $.fn.select2) {
                $('.select2').select2({
                    dropdownParent: $('#planifyModal')
                });
            }
        });
    </script>
@endpush