@extends('main.main_back')
@section('style-up')
    <link href="{{ asset('vendor/select2/css/select2.min.css') }}" rel="stylesheet">
@endsection
@section('title')
    Ajouter un Ticket
@endsection

@section('pagination')
    Ticket
@endsection

@section('content')
<div class="row page-titles">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{ route('get.backend.dashboard') }}">Dashboard</a></li>
        <li class="breadcrumb-item"><a href="{{ route('get.backend.list.travel') }}">Liste</a></li>
        <li class="breadcrumb-item active"><a href="javascript:void(0)">Ajouter un Ticket </a></li>
    </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-022-copy"></i>
        </div>
    </a>
    <a class="btn btn-primary btn-sm" href="{{ route('get.backend.list.ticket') }}">
        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">Enregistrements des informations</h4>
            </div>
            <div class="card-body">
                <div class="basic-form">
                    <form id="add_ticket" method="post" action="{{ route('post.backend.add.ticket') }}" onsubmit="SendDataAnimation(event,'add_ticket')">
                        <div class="row">
                            <div class="col-sm-6 mb-3">
                                <label class="form-label">Destination</label>
                                <select class="form-control select2" name="travel" onchange="getNumSiege(this.value)">
                                    <option value="">Selectionner une destination</option>
                                    @if(isset($travels) && COUNT($travels) > 0)
                                        @foreach ($travels as $key => $value)
                                        @php
                                            $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;
                                            $bus = isset($value->bus) ? $value->bus->bus_number : "";
                                        @endphp
                                            <option value="{{ $value->id }}">
                                                {{ $value->tra_ref }} / {{ $trajet }} / {{ $bus }}
                                            </option>
                                        @endforeach
                                    @endif
                                    <option value="other">AUTRES</option>
                                </select>
                            </div>
                            <div class="col-sm-2 mb-3">
                                <label class="form-label">No Siège</label>
                                <input type="number" class="form-control" id="siege" placeholder="No Siège" disabled>
                                <input type="hidden" class="form-control" name="num_siege" id="num_siege" disabled>
                            </div>
                            <div class="col-sm-4 mb-3">
                                <label class="form-label">Prix En F CFA</label>
                                <input type="number" class="form-control" id="price" placeholder="3000" disabled>
                                <input type="hidden" class="form-control" name="price_value" id="price_value" disabled>
                            </div>
                            <div class="col-sm-4 mb-3">
                                <label class="form-label">Type</label>
                                <select class="selectpicker nice-select default-select form-control wide mh-auto" name="type">
                                    <option value="CLASSIQUE">CLASSIQUE</option>
                                    <option value="VIP">VIP</option>
                                </select>
                            </div>

                            <div class="col-sm-4 mb-3 d-flex align-items-center justify-content-around pt-3">
                                <div class="form-check custom-checkbox mb-3">
                                    <input type="radio" class="form-check-input" value="DISPONIBLE" id="customCheckBox1" name="status" checked>
                                    <label class="form-check-label" for="customCheckBox1">DISPONIBLE</label>
                                </div>
                                <div class="form-check custom-checkbox mb-3">
                                    <input type="radio" class="form-check-input" value="RESERVE" id="customCheckBox2" name="status">
                                    <label class="form-check-label" for="customCheckBox2">RESERVE</label>
                                </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>
        </div>
    </div>
    <!----/column-- -->
</div>
<!-- /row -->

@endsection
@section("script-up")
<script src="{{ asset('vendor/select2/js/select2.full.min.js') }}"></script>
{{-- <script src="{{ asset('js/plugins-init/select2-init.js') }}"></script> --}}
<script>
    $(document).ready(function() {
        $(".select2").select2({
            width: '100%',
        });
    })
</script>
@endsection
@section("script-down")
<script>
    function getNumSiege(travel){
        $.ajax({
            url: "{{ route('ajax.get.backend.info.ticket') }}",
            type: 'post',
            data: {
                travel : travel,
            },
            headers  : {
                'X-CSRF-TOKEN':    $('meta[name="csrf-token"]').attr('content'),
                'contentType' :   "application/json; charset=utf-8",
                "accept":         "application/json",
            },
            dataType : "json",
            success: function(data) {
                $('#siege').val(data.value)
                $('#num_siege').val(data.value)
                $('#price').val(data.price)
                $('#price_value').val(data.price)
            },
            error: function(xhr, status, error) {
                console.error('Erreur lors du chargement des données :', error);
            }
        });
    }
    $(document).ready(function() {

    })
</script>
@endsection