@extends('backend.layouts.app')

@section('content')

<div class="row">
    <div class="col-lg-10 mx-auto">
        <div class="card">
            <div class="card-header">
                <h5 class="mb-0 h6">Agregar Nueva Salida de Bus</h5>
            </div>
            <div class="card-body">
                <form action="{{ route('salidas.store') }}" method="POST">
                    @csrf
                    <div class="form-group row">
                        <label class="col-sm-3 control-label" for="name">Empresa</label>
                        <div class="col-sm-9">
                            <select name="id_empresa" id="id_empresa" class="form-control aiz-selectpicker" required>
                                @foreach(\App\Models\Empresa::orderBy('name', 'desc')->get() as $empresa)
                                    <option value="{{$empresa->id}}">{{ $empresa->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-3 control-label" for="name">Destino</label>
                        <div class="col-sm-9">
                            <select name="id_destino" id="id_destino" class="form-control aiz-selectpicker" required>
                                @foreach(\App\Models\Destino::orderBy('name', 'desc')->get() as $destino)
                                    <option value="{{$destino->id}}">{{ $destino->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-3 control-label" for="background_color">Puerta de Embarque</label>
                        <div class="col-sm-9">
                            <select name="id_puerta" id="id_puerta" class="form-control aiz-selectpicker" data-selected-text-format="count" data-live-search="true" data-placeholder="{{ translate('Choose Attributes') }}">
                                <option value="" selected>Seleccione una puerta</option>
                                @foreach(\App\Models\Puerta::orderBy('name', 'asc')->get() as $puerta)
                                    <option value="{{$puerta->id}}">{{ $puerta->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>

                    <div class="form-group row">
                        <label class="col-sm-3 control-label" for="background_color">Carril</label>
                        <div class="col-sm-9">
                            <select class="form-control mb-3 aiz-selectpicker" data-live-search="true" name="id_carril" required>

                            </select>
                        </div>
                    </div>

                    
                    
                    <div class="form-group row">
                        <label class="col-sm-3 control-label" for="start_date">{{translate('Date')}}</label>
                        <div class="col-sm-9">
                          <input type="date" class="form-control aiz-date" name="fecha" min="{{ date('Y-m-d') }}" max="" step="" />
                        </div>
                    </div>

                    <div class="form-group row mb-3">
                        <label class="col-sm-3 control-label" for="products">Hora</label>
                        <div class="col-sm-9">
                            <select class="form-control mb-3 aiz-selectpicker" name="h"><option selected="selected">Seleccione la Hora</option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option><option value="11">11</option><option value="12">12</option></select>
                            <select class="form-control mb-3 aiz-selectpicker" name="m"><option selected="selected">Seleccione los Minutos</option><option value="00">00</option><option value="01">01</option><option value="02">02</option><option value="03">03</option><option value="04">04</option><option value="05">05</option><option value="06">06</option><option value="07">07</option><option value="08">08</option><option value="09">09</option><option value="10">10</option><option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option><option value="21">21</option><option value="22">22</option><option value="23">23</option><option value="24">24</option><option value="25">25</option><option value="26">26</option><option value="27">27</option><option value="28">28</option><option value="29">29</option><option value="30">30</option><option value="31">31</option><option value="32">32</option><option value="33">33</option><option value="34">34</option><option value="35">35</option><option value="36">36</option><option value="37">37</option><option value="38">38</option><option value="39">39</option><option value="40">40</option><option value="41">41</option><option value="42">42</option><option value="43">43</option><option value="44">44</option><option value="45">45</option><option value="46">46</option><option value="47">47</option><option value="48">48</option><option value="49">49</option><option value="50">50</option><option value="51">51</option><option value="52">52</option><option value="53">53</option><option value="54">54</option><option value="55">55</option><option value="56">56</option><option value="57">57</option><option value="58">58</option><option value="59">59</option></select>
                            <select class="form-control mb-3 aiz-selectpicker" name="t"><option selected="selected">Seleccione uno</option><option value="AM">AM</option><option value="PM" >PM</option></select> 
                        </div>                        
                    </div>
                    

                    <div class="form-group row">
                        <label class="col-sm-3 control-label" for="background_color">Salida Recurrente</label>
                        <div class="col-sm-9">
                            <div class="custom-control custom-checkbox">
                                <input type="checkbox" class="custom-control-input" id="recurrente" name="recurrente">
                                <label class="custom-control-label" for="recurrente">Salida Recurrente</label>
                            </div>
                        </div>
                    </div>                    

                    <div class="form-group row" id="recurrente-campos" style="display: none;">
                        <label class="col-sm-3 control-label">Recurrencia</label>
                        <div class="col-sm-9">
                            <div class="mb-3">
                                <label>Días Recurrentes</label>
                                <select multiple class="form-control aiz-selectpicker" name="dias_semana[]" id="dias_semana">
                                    <!-- Opciones de días de la semana... -->
                                    <option value="monday">Lunes</option>
                                    <option value="tuesday">Martes</option>
                                    <option value="wednesday">Miércoles</option>
                                    <option value="thursday">Jueves</option>
                                    <option value="friday">Viernes</option>
                                    <option value="saturday">Sábado</option>
                                    <option value="sunday">Domingo</option>
                                </select>
                            </div>
                        </div>
                    </div>


                    <div class="form-group row">
                        <label class="col-lg-3 control-label" for="name">Estado</label>
                        <div class="col-lg-9">
                            <select name="estado" id="text_color" class="form-control aiz-selectpicker" required>
                                
                                <option value="3" selected>Por defecto</option>
                                <option value="2">Llegando</option>
                                <option value="1">En carril</option>
                                <option value="0">Partio el Bus</option>
                            </select>
                        </div>
                    </div>

                    

                    <div class="form-group mb-0 text-right">
                        <button type="submit" class="btn btn-primary">Guardar</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

@endsection

@section('script')
    <script type="text/javascript">
        $(document).ready(function(){
            $('#products').on('change', function(){
                var product_ids = $('#products').val();
                if(product_ids.length > 0){
                    $.post('{{ route('flash_deals.product_discount') }}', {_token:'{{ csrf_token() }}', product_ids:product_ids}, function(data){
                        $('#discount_table').html(data);
                        AIZ.plugins.fooTable();
                    });
                }
                else{
                    $('#discount_table').html(null);
                }
            });

            $('#recurrente').on('change', function(){
                if ($(this).is(':checked')) {
                    $('#recurrente-campos').show();
                } else {
                    $('#recurrente-campos').hide();
                }
            });
        });
        
        $(document).on('change', '[name=id_puerta]', function() {            
            var id_puerta = $(this).val();
            get_carrils(id_puerta);  
                     
        });

        function get_carrils(id_puerta) {
            $('[name="carril"]').html("");
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: "{{route('salidas.get-carril')}}",
                type: 'POST',
                data: {
                    id_puerta  : id_puerta
                },
                success: function (response) {
                    var obj = JSON.parse(response);
                    if(obj != '') {
                        $('[name="id_carril"]').html(obj);
                        AIZ.plugins.bootstrapSelect('refresh');
                    }
                }
            });
        }
        
    </script>
@endsection