@extends('main.main_back')
@php
    if(isset($item)){
        $bus_id = $item->id;
        $brand = $item->bus_brand;
        $model = $item->bus_model;
        $number = $item->bus_number;
        $year = $item->bus_year;
        $place = $item->bus_place;
        $place_users = $item->bus_place_passengers;
        $type = $item->bus_type;
        $all_tickets = null;
        $amount_brut = 0;
        $amount_expense = 0;
        $amount_net = 0;
        $travels_paginate = isset($item->travels) ? $item->travels()->paginate(20000) : [];
        $travels = isset($item->travels) ? $item->travels : [];
        $documents = isset($item->documents) ? $item->documents : [];
        $expensesMechanical = $item->expensesMechanical->sum('amount') ?? 0;

        if(count($travels) > 0){
            foreach ($travels as $key => $travel) {
                $all_tickets = isset($travel->tickets) ? $travel->tickets : [];
                $expenses = isset($travel->expenses) ? $travel->expenses : [];
                if(count($all_tickets) > 0){
                    foreach ($all_tickets as $key => $ticket) {
                        $amount_brut += $ticket->ti_price;
                    }
                }
                //dd($expenses);
                if(count($expenses) > 0){
                    foreach ($expenses as $key => $expense) {
                        $amount_expense += $expense->amount;
                    }
                }
            }
        }
        $amount_net = $amount_brut - ($amount_expense + $expensesMechanical);
        //$amount_net = max(0, $amount_net);
    }
@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 Bus
@endsection

@section('pagination')
    Rechercher un Bus
@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.bus') }}">Liste des Bus</a></li>
            <li class="breadcrumb-item active"><a href="javascript:void(0)">Informations du Bus No {{ $number }}</a></li>
        @else
            <li class="breadcrumb-item active"><a href="javascript:void(0)">Rechercher un Bus </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-location-1"></i>
        </div>
    </a>
    <a class="btn btn-primary btn-sm" href="{{ route('get.backend.list.bus') }}">
        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">Recherche des informations</h4>
            </div>
            <div class="card-body">
                <div class="basic-form">
                    <form id="get_info" method="get" action="{{ route('get.backend.search.bus') }}">
                        <div class="row">
                            <div class="col-sm-12 mb-3">
                                <label class="form-label">Bus (No Bus)</label>
                                <input type="text" class="form-control" id="name_bus" name="name" placeholder="125" value="{{ isset($item) ? $item->bus_number : "" }}" required>
                                <input type="hidden" class="form-control" id="bus_id" name="bus" 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">{{ $brand }}</h4>
                            <h5>{{ $model }}</h5>
                        </div>
                         {{-- <div class="profile-name px-3 pt-2">
                            <h4 class="text-primary mb-0">{{ $place_users }}</h4>
                            <h5>{{ "Nombre de place passagers" }}</h5>
                        </div> --}}
                        <div class="profile-name px-3 pt-2">
                            <h4 class="text-primary mb-0">{{ count($travels) }}</h4>
                            <h5>{{ "Nombre de voyages" }}</h5>
                        </div>
                        <div class="profile-name px-3 pt-2">
                            <h4 class="text-primary mb-0">{{ convert_amount_v2($amount_brut) }}</h4>
                            <h5>{{ "Recette Brut" }}</h5>
                        </div>
                        <div class="profile-name px-3 pt-2">
                            <h4 class="text-primary mb-0">{{ convert_amount_v2($amount_expense) }}</h4>
                            <h5>{{ "Dépenses" }}</h5>
                        </div>
                        <div class="profile-name px-3 pt-2">
                            <h4 class="text-primary mb-0">{{ convert_amount_v2($expensesMechanical) }}</h4>
                            <h5>{{ "Dépenses MécaniQues" }}</h5>
                        </div>
                        <div class="profile-name px-3 pt-2">
                            <h4 class="text-primary mb-0">{{ convert_amount_v2($amount_net) }}</h4>
                            <h5>{{ "Recette Net" }}</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="#Voyages" data-bs-toggle="tab" class="nav-link active show">Voyages</a>
                            </li>
                            <li class="nav-item"><a href="#recipes" data-bs-toggle="tab" class="nav-link">Générer Recette</a>
                            </li>
                            <li class="nav-item"><a href="#documents" data-bs-toggle="tab" class="nav-link">Documents</a>
                            </li>
                        </ul>
                        <div class="tab-content">
                            <div id="Voyages" class="tab-pane fade active show">
                                <div class="card">
                                    <div class="card-header">
                                        <h4 class="card-title">Liste des Voyages</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>Bus (Nbre Place)</th>
                                                        <th>Trajet</th>
                                                        <th>Nbre Place Dispo</th>
                                                        <th>Agence</th>
                                                        <th>Type</th>
                                                        <th>Status</th>
                                                        <th>Admin</th>
                                                        <th>Date Reg</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @isset($travels_paginate)
                                                    @foreach($travels_paginate as $key => $value)
                                                    @php
                                                        $value_id = $value->id;
                                                        $ref = $value->tra_ref;
                                                        $bus = isset($value->bus) ? $value->bus->bus_number : "";
                                                        $bus_place = isset($value->bus) ? $value->bus->bus_place : "";
                                                        $trajet_start = isset($value->trajet) ? $value->trajet->tr_place_start : "";
                                                        $trajet_end = isset($value->trajet) ? $value->trajet->tr_place_end : "";
                                                        $trajet = $trajet_start. " - ".$trajet_end;
                                                        $agency = isset($value->agency) ? $value->agency->ag_name : "";

                                                        $place_available = $value->tra_place_available;
                                                        $date_depart = $value->tra_date_depart;
                                                        $date_arrived = $value->tra_date_arrived;
                                                        $status = $value->tra_status;
                                                        $type = $value->tra_type;
                                                        $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>{{ $bus }} ({{ $bus_place }})</td>
                                                        <td>{{ $trajet }}</td>
                                                        <td>{{ empty($place_available) ? $bus_place : $place_available }}</td>
                                                        <td>{{ $agency }}</td>
                                                        <td>
                                                            <span class="badge badge-info">{{ $type }}</span>
                                                        </td>
                                                        <td>
                                                            @if ($status == 1)
                                                                <span class="badge badge-success">Actif</span>
                                                            @else
                                                                <span class="badge badge-danger">Inactif</span>
                                                            @endif
                                                        </td>
                                                        <td>{{ $admin }}</td>
                                                        <td>{{ $date_reg }}</td>
                                                    </tr>
                                                    @endforeach
                                                    @endisset
                                                </tbody>
                                            </table>
                                            <div class="d-flex justify-content-center align-items-center" style="display:flex;justify-content:center;">
                                                {!! $travels_paginate->links() !!}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div id="recipes" class="tab-pane fade">
                                <div class="card">
                                    <div class="card-header">
                                        <h4 class="card-title">Générer journalièrement et en fonction des dates aussi !</h4>
                                    </div>
                                    <div class="card-body">
                                        <div class="basic-form">
                                            <form id="get_info" method="get" action="{{ route('get.backend.recipe.bus', $bus_id) }}" target="_blank">
                                                <div class="row">
                                                    <div class="col-sm-6 mb-3">
                                                        <label class="form-label">De</label>
                                                        <input type="date" class="form-control" id="start" name="start">
                                                    </div>
                                                    <div class="col-sm-6 mb-3">
                                                        <label class="form-label">A</label>
                                                        <input type="date" class="form-control" id="end" name="end">
                                                    </div>
                                                    <div class="col-sm-12 mb-4">
                                                        <button type="submit" class="btn btn-primary btn_submit mt-3">Recette</button>
                                                        {{-- <a  href="{{ route('get.backend.pdf.recipe') }}" target="_blank" class="btn btn-primary btn_submit mt-3">Recette journalière</a> --}}
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div id="documents" class="tab-pane fade">
                                <div class="card">
                                    <div class="card-header">
                                        <h4 class="card-title">Documents</h4>
                                        <a href="javascript:void(0)" class="btn btn-primary" id="add_documents">Ajouter</a>
                                    </div>
                                    <div class="card-body">
                                        <div class="basic-form">
                                            <form id="add_documents_form" method="post" action="{{ route('post.backend.add.document.bus',$item->id) }}" onsubmit="SendDataAnimation(event,'add_documents_form')">
                                                <div class="row">
                                                    <div id="container_all_doc">
                                                        <div class="row container_documents" id="container_documents">
                                                            <div class="col-sm-5 mb-3">
                                                                <label class="form-label">Libellé</label>
                                                                <input type="text" class="form-control" name="label[]" id="label" placeholder="CARTE GRISE">
                                                            </div>
                                                            <div class="col-sm-5 mb-3">
                                                                <label class="form-label">Fichier</label>
                                                                <input type="file" class="form-control" name="file_bus[]" id="file_bus">
                                                            </div>
                                                            <div class="col-sm-2 mt-5">
                                                                <button class="badge badge-danger btn-remove-document" id="btn-remove-document" style="display: none;">Supprimer</button>
                                                            </div>
                                                            <div class="col-sm-6 mb-3">
                                                                <label class="form-label">Date de délivrance</label>
                                                                <input type="date" class="form-control" name="start[]" id="start">
                                                            </div>
                                                            <div class="col-sm-6 mb-3">
                                                                <label class="form-label">Date d'expiration</label>
                                                                <input type="date" class="form-control" name="end[]" id="label">
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="col-sm-12 mb-4">
                                                        <button type="submit" class="btn btn-primary btn_submit mt-3">Enregistrer</button>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                        <div class="table-responsive">
                                            <table id="example4" class="display" style="min-width: 845px">
                                                <thead>
                                                    <tr>
                                                        <th>No</th>
                                                        <th>Libelle</th>
                                                        <th>Documents</th>
                                                        <th>D. Déliv</th>
                                                        <th>D. d'exp</th>
                                                        <th>Statut</th>
                                                        <th>Admin</th>
                                                        <th>Date Reg</th>
                                                        <th>Actions</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @isset($documents)
                                                    @foreach($documents as $key => $value)
                                                    @php
                                                        $value_id = $value->id;
                                                        $label = $value->document;
                                                        $date_start = $value->date_start;
                                                        $date_end = $value->date_end;
                                                        $document = $value->file;
                                                        $date_reg = $value->created_at;
                                                        $admin = nameUser($value->user_id);
                                                        $toDay =date('Y-m-d');
                                                        $status = $toDay >= $date_end ? 0 : 1;
                                                    @endphp
                                                    <tr id="row_line{{ $value_id }}">
                                                        <td>{{ $key+1 }}</td>
                                                        <td>{{ $label }}</td>
                                                        <td>
                                                            <a class="badge badge-dark" href="{{ $document }}" download="{{ $label }}">document</a>
                                                        </td>
                                                        <td>{{ $date_start }}</td>
                                                        <td>{{ $date_end }}</td>
                                                        <td>
                                                            @if($status == 1)
                                                                <span class="badge light badge-success"><i class="fa fa-circle text-success me-1"></i> Valide</span>
                                                            @else
                                                                <span class="badge light badge-danger"><i class="fa fa-circle text-danger me-1"></i> Expiré</span>
                                                            @endif
                                                        </td>
                                                        <td>{{ $admin }}</td>
                                                        <td>{{ $date_reg }}</td>
                                                        <td>
                                                            <a class="badge badge-danger" href="javascript:void(0);" onclick="deleteRows(event,'{{ $value_id }}','{{ 'Ce Document' }}','{{ route('get.backend.delete.document.bus', $value_id) }}')">Supprimer</a>
                                                        </td>
                                                    </tr>
                                                    @endforeach
                                                    @endisset
                                                </tbody>
                                            </table>
                                        </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>
    $(document).ready(function(){
        var path = "{{ route('get.backend.search.bus.by.number') }}";
            //alert(path)
        $("#name_bus").autocomplete({
            source: function (request, response) {
                //console.log(request.term);
                $.ajax({
                    url: path,
                    type: "GET",
                    dataType: "json",
                    data: {
                        bus: request.term,
                    },
                    success: function (data) {
                        response(data);
                        //alert(data)
                    },
                });
            },
            select: function (event, ui) {
                var content = ui.item.label;
                content = content.split("/");
                $("#name_bus").val(content[0].trim());
                $("#bus_id").val(ui.item.value);
                console.log(ui.item);
                return false;
            },
        });
    });
</script>
<script>
    $(document).ready(function () {
        const containerLessonsAll = $('#container_all_doc');
        const containerLesson = $('.container_documents').last().clone();

        function toggleRemoveButtons() {
            const documents = $('.container_documents');
            if (documents.length > 1) {
                documents.find('.btn-remove-document').show();
            } else {
                documents.find('.btn-remove-document').hide();
            }
        }

        $('#add_documents').click(function () {
            const newContainerLesson = containerLesson.clone();
            newContainerLesson.find('input, textarea').val('');
            containerLessonsAll.append(newContainerLesson);
            newContainerLesson.find('.btn-remove-document').click(function (e) {
                e.preventDefault();
                newContainerLesson.remove();
                toggleRemoveButtons();
            });

            toggleRemoveButtons();
            return false;
        });

        $('.btn-remove-document').click(function (e) {
            e.preventDefault();
            $(this).closest('.container_documents').remove();
            toggleRemoveButtons();
        });

        toggleRemoveButtons();
    });
</script>
@endsection