@extends('main.main_back')
@php
    if(isset($item)){
        $admin_priority = "";
        $admin_priority_2 = "";

        $item_id = $item->id;
        $ref = $item->bor_ref;
        $user_id_valid = $item->user_id_valid;
        $travel = isset($item->travel) ? $item->travel->tra_ref : "";
        $trajet_start = isset($item->travel) && isset($item->travel->trajet) ? $item->travel->trajet->tr_place_start : "";
        $trajet_end = isset($item->travel) && isset($item->travel->trajet) ? $item->travel->trajet->tr_place_end : "";
        $trajet = $trajet_start. " - ".$trajet_end;

        $status = $item->bor_status;
        $amount_brut = convert_amount($item->amount_brut);
        $amount_spending = convert_amount($item->amount_spending);
        $amount_net = convert_amount($item->amount_net);
        $date_reg = $item->created_at;
        $expenses = isset($item->travel) && isset($item->travel->expenses) ? $item->travel->expenses : null;
    }
@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 Bordereau
@endsection

@section('pagination')
    Rechercher un Bordereau
@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.bordereau') }}">Liste</a></li>
            <li class="breadcrumb-item active"><a href="javascript:void(0)">Bordereau {{ $ref }}</a></li>
        @else
            <li class="breadcrumb-item active"><a href="javascript:void(0)">Rechercher un bordereau </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-transfer"></i>
        </div>
    </a>
    <a class="btn btn-primary btn-sm" href="{{ route('get.backend.list.bordereau') }}">
        Liste
    </a>
</div>
<!-- row -->
<div class="row">
    <!-- --column-- -->
    <div class="col-xl-12 col-lg-12">
        <div class="card">
            <div class="card-header">
                <h4 class="card-title">Rechercher les informations</h4>
            </div>
            <div class="card-body">
                <div class="basic-form">
                    <form id="get_info" method="get" action="{{ route('get.backend.search.bordereau') }}">
                        <div class="row">
                            <div class="col-sm-12 mb-3">
                                <label class="form-label">Référence du Bordereau (Code)</label>
                                <input type="text" class="form-control" id="amount" name="amount" placeholder="24B1254155" value="{{ isset($item) ? $ref : "" }}" required>
                                <input type="hidden" class="form-control" id="code" name="code" value="{{ isset($item) ? $ref : "" }}">
                            </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="card">
            <div class="card-header">
                <h6 class="card-title">bordereau No : {{ $ref }}</h6>
            </div>
            <div class="card-body">
                <div class="order-lg-2">
                    <ul class="list-group mb-3">
                        <li class="list-group-item d-flex justify-content-between lh-condensed">
                            <div>
                                <a class="btn btn-primary btn-sm" target="_blank" href="{{ route('get.backend.pdf.bordereau', $ref) }}" >
                                    Bordereau pdf
                                </a>
                                @if($status == 1)
                                <a class="btn btn-success btn-sm" href="javascript:void(0)" >
                                    Bordereau Validé
                                </a>
                                @else
                                <a class="btn btn-primary btn-sm" href="javascript:void(0);" onclick="changeStatus(event,'{{ $status }}','{{ route('post.backend.change.status.bordereau', $item_id) }}')" >
                                    Valider le Bordereau
                                </a>
                                @endif
                            </div>
                        </li>
                    </ul>
                </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.passenger.by.code') }}";
            //alert(path)
        $("#amount").autocomplete({
            source: function (request, response) {
                //console.log(request.term);
                $.ajax({
                    url: path,
                    type: "GET",
                    dataType: "json",
                    data: {
                        code: request.term,
                    },
                    success: function (data) {
                        response(data);
                        //alert(data)
                    },
                });
            },
            select: function (event, ui) {
                var content = ui.item.label;
                content = content.split("/");
                $("#amount").val(content[1].trim());
                $("#code").val(content[0].trim());
                console.log(ui.item);
                return false;
            },
        });
    });
</script>
@endsection