@extends('main.main_back')
@php
    if(isset($item)){
        $value_id = $item->id;
        $gender = $item->pa_gender;
        $first_name = $item->pa_first_name;
        $last_name = $item->pa_last_name;
        $name = $item->pa_name;
        $phone = $item->pa_phone;
        $address = $item->pa_address;
        $doc = $item->pa_doc;
        $num_doc = $item->pa_num_doc;
        $date_reg = $item->created_at;

        $tickets = isset($item->tickets) ? $item->tickets : [];
        $tickets_count = isset($item->tickets) ? $item->tickets->count() : 0;
        $tickets_sum = isset($item->tickets) ? $item->tickets->sum('ti_price') : 0;
    }
@endphp
@section('style-up')
    <link href="{{ asset('vendor/select2/css/select2.min.css') }}" rel="stylesheet">
    <link rel="stylesheet" href="{{ asset('css/jquery-ui.min.css') }}">
    <link href="{{ asset('vendor/datatables/css/jquery.dataTables.min.css') }}" rel="stylesheet">
@endsection
@section('title')
    Rechercher un passager
@endsection

@section('pagination')
    Rechercher un passager
@endsection
@php
    $trajet_price = 0;
    $bus_place = 0;
@endphp
@section('content')
<div class="row page-titles">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{ route('get.backend.dashboard') }}">Dashboard</a></li>
        @if (isset($item))
            <li class="breadcrumb-item"><a href="{{ route('get.backend.list.passenger') }}">Liste passagers</a></li>
            <li class="breadcrumb-item active"><a href="javascript:void(0)">Informations du Passager {{ $name }}</a></li>
        @else
            <li class="breadcrumb-item active"><a href="javascript:void(0)">Rechercher un passager </a></li>
        @endif
    </ol>
</div>
<div class="d-flex align-items-center mb-4 flex-wrap justify-content-between">
    <a href="javascript:voiud(0);">
        <div class="card p-3 me-2 mb-0 filter">
            <i class="flaticon-381-user-9"></i>
        </div>
    </a>
    <a class="btn btn-primary btn-sm" href="{{ route('get.backend.list.passenger') }}">
        Liste
    </a>
</div>
<!-- row -->
<!-- row -->
<div class="row">
    <!-- --column-- -->
    <div class="col-xl-12 col-lg-12">
        <div class="card">
            <div class="card-header">
                <h4 class="card-title">Enregistrements des informations</h4>
            </div>
            <div class="card-body">
                <div class="basic-form">
                    <form id="get_info" method="get" action="{{ route('get.backend.search.passenger') }}">
                        <div class="row">
                            <div class="col-sm-12 mb-3">
                                <label class="form-label">Passager (Nom ou No Téléphone)</label>
                                <input type="text" class="form-control" id="name" name="name" placeholder="MMMR" value="{{ isset($item) ? $item->pa_name : "" }}" required>
                                <input type="hidden" class="form-control" id="user" name="user" value="{{ isset($item) ? $item->id : "" }}">
                            </div>
                            <div class="col-sm-12 mb-4">
                                <button type="submit" class="btn btn-primary btn_submit mt-3">Suivant</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!----/column-- -->
</div>
@if (isset($item))
<div class="row">
    <div class="col-lg-12">
        <div class="profile card card-body px-3 pt-3 pb-0">
            <div class="profile-head">

                <div class="profile-info">
                    <div class="profile-details">
                        <div class="profile-name px-3 pt-2">
                            <h4 class="text-primary mb-0">{{ $name }}</h4>
                            <h5>{{ $phone }}</h5>
                        </div>
                        <div class="profile-name px-3 pt-2">
                            <h4 class="text-primary mb-0">{{ $tickets_count }}</h4>
                            <h5>{{ "Tickets achetés" }}</h5>
                        </div>
                        <div class="profile-name px-3 pt-2">
                            <h4 class="text-primary mb-0">{{ convert_amount_v2($tickets_sum) }}</h4>
                            <h5>{{ "Prix des Tickets" }}</h5>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-xl-12">
        <div class="card">
            <div class="card-body">
                <div class="profile-tab">
                    <div class="custom-tab-1">
                        <ul class="nav nav-tabs">
                            <li class="nav-item"><a href="#infosAll" data-bs-toggle="tab" class="nav-link active show">Informations</a>
                            </li>
                            <li class="nav-item"><a href="#tickets" data-bs-toggle="tab" class="nav-link">Tickets</a>
                            </li>
                            <li class="nav-item"><a href="#infos" data-bs-toggle="tab" class="nav-link">Editer</a>
                            </li>
                        </ul>
                        <div class="tab-content">
                            <div id="infosAll" class="tab-pane fade active show">
                                <div class="profile-personal-info">
                                    <h4 class="text-primary mb-4 mt-4">Details des Informations</h4>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="row mb-2">
                                                <div class="col-sm-3 col-5">
                                                    <h5 class="f-w-500">Nom Complet <span class="pull-end">:</span>
                                                    </h5>
                                                </div>
                                                <div class="col-sm-9 col-7"><span>{{ $name }}</span>
                                                </div>
                                            </div>
                                            <div class="row mb-2">
                                                <div class="col-sm-3 col-5">
                                                    <h5 class="f-w-500">N° Téléphone <span class="pull-end">:</span>
                                                    </h5>
                                                </div>
                                                <div class="col-sm-9 col-7"><span>{{ $phone }}</span>
                                                </div>
                                            </div>
                                            <div class="row mb-2">
                                                <div class="col-sm-3 col-5">
                                                    <h5 class="f-w-500">Sexe <span class="pull-end">:</span></h5>
                                                </div>
                                                <div class="col-sm-9 col-7"><span>{{ $gender }}</span>
                                                </div>
                                            </div>
                                            <div class="row mb-2">
                                                <div class="col-sm-3 col-5">
                                                    <h5 class="f-w-500">Adresse <span class="pull-end">:</span></h5>
                                                </div>
                                                <div class="col-sm-9 col-7"><span>{{ $address }}</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="row mb-2">
                                                <div class="col-sm-3 col-5">
                                                    <h5 class="f-w-500">Document <span class="pull-end">:</span>
                                                    </h5>
                                                </div>
                                                <div class="col-sm-9 col-7"><span>{{ $doc }}</span>
                                                </div>
                                            </div>
                                            <div class="row mb-2">
                                                <div class="col-sm-3 col-5">
                                                    <h5 class="f-w-500">No Document <span class="pull-end">:</span>
                                                    </h5>
                                                </div>
                                                <div class="col-sm-9 col-7"><span>{{ $num_doc }}</span>
                                                </div>
                                            </div>
                                            <div class="row mb-2">
                                                <div class="col-sm-3 col-5">
                                                    <h5 class="f-w-500">Enregistré le <span class="pull-end">:</span></h5>
                                                </div>
                                                <div class="col-sm-9 col-7"><span>{{ $date_reg }}</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div id="tickets" class="tab-pane fade">
                                <div class="card">
                                    <div class="card-header">
                                        <h4 class="card-title">Liste des Tickets</h4>
                                    </div>
                                    <div class="card-body">
                                        <div class="table-responsive">
                                            <table id="example4" class="display" style="min-width: 845px">
                                                <thead>
                                                    <tr>
                                                        <th>No</th>
                                                        <th>
                                                            <div class="form-check custom-checkbox ms-2">
                                                                <input type="checkbox" class="form-check-input" id="checkAll" required="">
                                                                <label class="form-check-label" for="checkAll"></label>
                                                            </div>
                                                        </th>
                                                        <th>Ref</th>
                                                        <th>Trajet</th>
                                                        {{-- <th>No siège</th> --}}
                                                        <th>Prix</th>
                                                        <th>Type</th>
                                                        <th>Agence</th>
                                                        <th>Arret</th>
                                                        {{-- <th>Status</th> --}}
                                                        <th>Admin</th>
                                                        <th>Date Reg</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @isset($tickets)
                                                    @foreach($tickets as $key => $value)
                                                    @php
                                                        $value_id = $value->id;
                                                        $ref = $value->ti_ref;
                                                        $travel = isset($value->travel) ? $value->travel->tra_ref : "";
                                                        $trajet_start = isset($value->travel) && isset($value->travel->trajet) ? $value->travel->trajet->tr_place_start : "";
                                                        $trajet_end = isset($value->travel) && isset($value->travel->trajet) ? $value->travel->trajet->tr_place_end : "";
                                                        $trajet = $trajet_start. " - ".$trajet_end;
                                                        $agency = isset($value->agency) ? $value->agency->ag_name : "";
                                                        $type = $value->ti_type;
                                                        $status = $value->ti_status;
                                                        $price = $value->ti_price;
                                                        // $num_siege = $value->ti_number_seat;
                                                        $stop_name = $value->ti_stop_name;
                                                        $date_reg = $value->created_at;
                                                        $admin = nameUser($value->ad_id);
                                                    @endphp
                                                    <tr id="row_line{{ $value_id }}">
                                                        <td>{{ $key+1 }}</td>
                                                        <td>
                                                            <div class="form-check custom-checkbox ms-2">
                                                                <input type="checkbox" class="form-check-input checkbox-platform" id="customCheckBox{{ $key+5 }}">
                                                                <label class="form-check-label" for="customCheckBox{{ $key+5 }}"></label>
                                                            </div>
                                                        </td>
                                                        <td>{{ $ref }}</td>
                                                        <td>{{ $travel }} ({{ $trajet }})</td>
                                                        <td>{{ $price }}</td>
                                                        <td>
                                                            <span class="badge badge-dark">{{ $type }}</span>
                                                        </td>
                                                        <td>{{ $agency }}</td>
                                                        <td>
                                                            {{ $stop_name }}
                                                        </td>
                                                        <td>{{ $admin }}</td>
                                                        <td>{{ $date_reg }}</td>
                                                    </tr>
                                                    @endforeach
                                                    @endisset
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div id="infos" class="tab-pane fade">
                                <div class="card">
                                    <div class="card-header">
                                        <h4 class="card-title">Modification des informations du passager {{ $name }}</h4>
                                    </div>
                                    <div class="card-body">
                                        <div class="basic-form">
                                            <form id="edit_passenger" method="post" action="{{ route('post.backend.edit.passenger', $value_id) }}" onsubmit="SendDataAnimation(event,'edit_passenger')">
                                                <div class="row">
                                                    <div class="col-sm-12 mb-3">
                                                        <label class="form-label">Genre</label>
                                                        <div class="col-md-2 d-flex align-items-center justify-content-between pt-3">
                                                            <div class="form-check custom-checkbox mb-3">
                                                                <input type="radio" class="form-check-input" value="MASCULIN" id="customCheckBox5" name="gender" {{ $gender =="MASCULIN" ? "checked": "" }}>
                                                                <label class="form-check-label" for="customCheckBox5">MASCULIN</label>
                                                            </div>
                                                            <div class="form-check custom-checkbox mb-3">
                                                                <input type="radio" class="form-check-input" value="FEMININ" id="customCheckBox6" name="gender" {{ $gender =="FEMININ" ? "checked": "" }}>
                                                                <label class="form-check-label" for="customCheckBox6">FEMININ</label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-sm-6 mb-3">
                                                        <label class="form-label">Nom</label>
                                                        <input type="text" class="form-control" id="last_name" name="last_name" placeholder="MMMR" value="{{ $last_name }}">
                                                    </div>
                                                    <div class="col-sm-6 mb-3">
                                                        <label class="form-label">Prénom</label>
                                                        <input type="text" class="form-control" id="first_name" name="first_name" placeholder="MMMR" value="{{ $first_name }}">
                                                    </div>
                                                    <div class="col-sm-6 mb-3">
                                                        <label class="form-label">No Téléphone</label>
                                                        <input type="text" class="form-control" id="phone" name="phone" placeholder="659158486" value="{{ $phone }}">
                                                    </div>
                                                    <div class="col-sm-6 mb-3">
                                                        <label class="form-label">Adresse</label>
                                                        <input type="text" class="form-control" id="address" name="address" placeholder="MANGUIERS" value="{{ $address }}">
                                                    </div>
                                                    <div class="col-sm-6 mb-3">
                                                        <label class="form-label">Document</label>
                                                        <select class="selectpicker nice-select default-select form-control wide mh-auto" name="document" onchange="showInputDoc(this.value)">
                                                            <option value="CNI" {{ $doc =="CNI" ? "selected": "" }}>CNI</option>
                                                            <option value="RECEPISSE" {{ $doc =="RECEPISSE" ? "selected": "" }}>RECEPISSE</option>
                                                            <option value="PASSEPORT" {{ $doc =="PASSEPORT" ? "selected": "" }}>PASSEPORT</option>
                                                            <option value="AUTRES" {{ $doc =="AUTRES" ? "selected": "" }}>AUTRES</option>
                                                        </select>
                                                    </div>
                                                    <div class="col-sm-6 mb-3" id="no_document" style="{{ $doc == "AUTRES" ? "display:none": "display:block" }}">
                                                        <label class="form-label">No Document</label>
                                                        <input type="text" class="form-control" name="document_id" placeholder="500354578" value="{{ $num_doc }}">
                                                    </div>
                                                    <div class="col-sm-12 mb-4">
                                                        <input type="hidden" name="backend" value="backend">
                                                        <button type="submit" class="btn btn-primary btn_submit mt-3">Enregistrer</button>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endif
@endsection
@section("script-up")
<script src="{{ asset('vendor/select2/js/select2.full.min.js') }}"></script>
<script src="{{ asset('js/jquery-ui.min.js') }}"></script>
<script src="{{ asset('vendor/datatables/js/jquery.dataTables.min.js') }}"></script>
@endsection
@section("script-down")
{{-- <script>
    window.onload = function() {
        window.print();
    };
</script> --}}
<script>
    function showInputDoc(value){
        if(value != "AUTRES"){
            $('#no_document').show();
        }else{
            $('#no_document').hide();
        }
    }
    $(document).ready(function(){
        var path = "{{ route('get.backend.search.passenger.by.name') }}";
            //alert(path)
        $("#name").autocomplete({
            source: function (request, response) {
                //console.log(request.term);
                $.ajax({
                    url: path,
                    type: "GET",
                    dataType: "json",
                    data: {
                        user: request.term,
                    },
                    success: function (data) {
                        response(data);
                        //alert(data)
                    },
                });
            },
            select: function (event, ui) {
                var content = ui.item.label;
                content = content.split("/");
                $("#name").val(content[1].trim());
                $("#user").val(content[2].trim());
                console.log(ui.item);
                return false;
            },
        });
    });
</script>
@endsection