@extends('layout.app')

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

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

@section('active_trips', '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">
                <div class="content-header-left col-md-6 col-12 mb-2 breadcrumb-new">
                    <h3 class="content-header-title mb-0 d-inline-block">{{ __('Trips')}}</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">{{$trip->reference}}</li>
                            </ol>
                        </div>
                    </div>
                </div>
                <div class="content-header-right col-md-6 col-12">
                    <div class="btn-group float-md-right">
                        <a class="btn btn-dark" href="{{ route('trips.index') }}">
                            <i class="la la-arrow-left"></i> {{ __('Trips') }}
                        </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('trips.edit', $trip->id)}}">{{ __('Edit') }}</a> @endif
                                    @if(in_array('start', $permissions)) <button class="dropdown-item" type="button" data-toggle="modal" data-target="#actionModal" data-status="start"> {{ __('Démarrer') }}</button> @endif
                                    @if(in_array('end', $permissions)) <button class="dropdown-item" type="button" data-toggle="modal" data-target="#actionModal" data-status="end">{{ __('Terminer') }}</button> @endif
                                    @if(in_array('failed', $permissions)) <button class="dropdown-item" type="button" data-toggle="modal" data-target="#actionModal" data-status="failed"> {{ __('échouer') }}</button> @endif
                                    @if(in_array('overdue', $permissions)) <button class="dropdown-item" type="button" data-toggle="modal" data-target="#actionModal" data-status="overdue"> {{ __('Marquer comme retard') }}</button> @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 trip")}}
                                    </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">
                                        {{ __("Passager")}}
                                    </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>#{{$trip->reference??''}}</td></tr>
                                                                        <tr><td class="bg-light w-25 text-bold-600">{{ __("Crée par")}}</td><td> [#{{$trip->employe->reference}}] {{$trip->employe->first_name.' '.$trip->employe->last_name??''}}</td></tr>
                                                                        <tr><td class="bg-light w-25 text-bold-600">{{ __("Description")}}</td><td>{!! $trip->description??'' !!}</td></tr>
                                                                        <tr><td class="bg-light w-25 text-bold-600">{{ __("Date")}}</td><td>{{$trip->start_date->format('Y-m-d H:i')??''}}</td></tr>
                                                                        <tr><td class="bg-light w-25 text-bold-600">{{ __("Véhicule")}}</td><td>{{$trip->vehicule ? $trip->vehicule->immatriculation.' | '.$trip->vehicule->marque: ''}}</td></tr>
                                                                        <tr><td class="bg-light w-25 text-bold-600">{{ __("Driver")}}</td><td>{{$trip->driver ? '[#'.$trip->driver->reference.'] '.$trip->driver->first_name.' '.$trip->driver->last_name??'' : ''}}</td></tr>
                                                                        <tr>
                                                                            <td class="bg-light w-25 text-bold-600">{{ __("Départ")}}</td>
                                                                            <td>
                                                                                @if ($trip->depart_site)
                                                                                    <i class="la la-map-signs"></i> {{$trip->depart_site->name}}
                                                                                @elseif($trip->depart)
                                                                                    <i class="la la-map-marker danger"></i> {!! $trip->depart !!}
                                                                                @endif
                                                                            </td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td class="bg-light w-25 text-bold-600">{{ __("Destination")}}</td>
                                                                            <td>
                                                                                @if ($trip->destination_site)
                                                                                    <i class="la la-map-signs"></i> {{$trip->destination_site->name}}
                                                                                @elseif($trip->destination)
                                                                                    <i class="la la-map-marker danger"></i> {!! $trip->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($trip->status))}} </span>
                                                                            </td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td class="bg-light w-25 text-bold-600">{{ __("Passagers")}}</td> <td><span class="badge badge-primary round ml-1"> {{ $trip->nb_places}} </span></td>
                                                                        </tr>
                                                                        <tr><td class="bg-light w-25 text-bold-600">{{ __("Crée le")}}</td><td>{{$trip->created_at??''}}</td></tr>
                                                                        @if ($trip->start)
                                                                            <tr>
                                                                                <td class="bg-light w-25 text-bold-600">{{ __("Démarrer le")}}</td>
                                                                                <td>
                                                                                    {{$trip->start}}
                                                                                    {!! $trip->note_start ? '<br>'.$trip->note_start : '' !!}
                                                                                </td>
                                                                            </tr>
                                                                        @endif
                                                                        @if ($trip->end)
                                                                            <tr>
                                                                                <td class="bg-light w-25 text-bold-600">{{ __("Terminé le")}}</td>
                                                                                <td>
                                                                                    {{$trip->end}}
                                                                                    {!! $trip->note_end ? '<br>'.$trip->note_end : '' !!}
                                                                                </td>
                                                                            </tr>
                                                                        @endif
                                                                        @if ($trip->status == "failed")
                                                                            <tr>
                                                                                <td class="bg-light w-25 text-bold-600">{{ __("Failed Note")}}</td>
                                                                                <td>
                                                                                    {!! $trip->note_failed !!}
                                                                                </td>
                                                                            </tr>
                                                                        @endif
                                                                        @if ($trip->status == "overdue")
                                                                            <tr>
                                                                                <td class="bg-light w-25 text-bold-600">{{ __("Overdue Note")}}</td>
                                                                                <td>
                                                                                    {!! $trip->note_overdue !!}
                                                                                </td>
                                                                            </tr>
                                                                        @endif
                                                                    </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-secondary">
                                                                        <tr>
                                                                            <th>{{ __('Passager') }}</th>
                                                                            <th>{{ __('Réservation') }}</th>
                                                                            <th>{{ __('Départ') }}</th>
                                                                            <th>{{ __('Destination') }}</th>
                                                                        </tr>
                                                                    </thead>
                                                                    <tbody>
                                                                        @foreach ($trip->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>
                                                                                    @if ($passager->reservation)
                                                                                        #{{$passager->reservation->reference}}
                                                                                    @endif
                                                                                </td>
                                                                                <td>
                                                                                    @if ($passager->reservation)
                                                                                        @if ($passager->reservation && $passager->type == "retour")
                                                                                            @if ($passager->reservation->destination_site)
                                                                                                <i class="la la-map-signs"></i> {{$passager->reservation->destination_site->name}}
                                                                                            @else
                                                                                                <i class="la la-map-marker danger"></i> {!! $passager->reservation->destination !!}
                                                                                            @endif
                                                                                        @else
                                                                                            @if ($passager->reservation->depart_site)
                                                                                                <i class="la la-map-signs"></i> {{$passager->reservation->depart_site->name}}
                                                                                            @else
                                                                                                <i class="la la-map-marker danger"></i> {!! $passager->reservation->depart !!}
                                                                                            @endif
                                                                                        @endif
                                                                                    @endif
                                                                                </td>
                                                                                <td>
                                                                                    @if ($passager->reservation)
                                                                                        @if ($passager->reservation && $passager->type == "retour")
                                                                                            @if ($passager->reservation->depart_site)
                                                                                                <i class="la la-map-signs"></i> {{$passager->reservation->depart_site->name}}
                                                                                            @else
                                                                                                <i class="la la-map-marker danger"></i> {!! $passager->reservation->depart !!}
                                                                                            @endif
                                                                                        @else
                                                                                            @if ($passager->reservation->destination_site)
                                                                                                <i class="la la-map-signs"></i> {{$passager->reservation->destination_site->name}}
                                                                                            @else
                                                                                                <i class="la la-map-marker danger"></i> {!! $passager->reservation->destination !!}
                                                                                            @endif
                                                                                        @endif
                                                                                    @endif
                                                                                </td>
                                                                            </tr>
                                                                        @endforeach
                                                                    </tbody>
                                                                </table>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
        </div>
    </div>
    @include('trips.comment')
@endsection

@section('modals')
<div class="modal animated bounceInUp text-left" id="actionModal" tabindex="-1" role="dialog" aria-labelledby="actionModalLabel" 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="actionForm" method="POST" action="{{ route('trips.action') }}" enctype="multipart/form-data">
                    @csrf
                    <input type="hidden" name="id" value="{{$trip->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">
                            <label for="description">{{ __('Notes') }}</label>
                            <textarea name="note" id="description" class="form-control" ></textarea>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="submit" form="actionForm" class="btn btn-primary"><i class="la la-save"></i> {{ __('Save') }}</button>
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script src="{{ asset('modern-admin/app-assets/vendors/js/editors/summernote/summernote.js') }}"></script>  
<script>
    $(document).ready(function(){
        $('#description').summernote({
            height: 120,
            toolbar: [
                ['style', ['style']],
                ['font', ['bold', 'italic', 'underline', 'clear']],
                ['fontname', ['fontname']],
                ['color', ['color']],
                ['para', ['ul', 'ol', 'paragraph']],
                ['height', ['height']],
                ['table', ['table']],
                ['insert', ['link', 'picture', 'hr']]
            ]
        });
        $('#actionModal').on('show.bs.modal', function (event) {
            var button = $(event.relatedTarget);
            var status = button.data('status');
            var modal = $(this);
            modal.find('#status').val(status);
            $('#description').summernote('code', '');
        });
        ajaxForm("#actionForm");
    });
</script>
@endpush