@extends('layouts.inspinia.app')
@section('title', 'Asignaciones')
@section('titulopagina', 'Seguimiento')

@section('content')

    <div class="row wrapper border-bottom white-bg page-heading">
        <div class="col-sm-4">
            <h2>@yield('title')</h2>
            <ol class="breadcrumb">
                <li class="breadcrumb-item">
                    <a href="#">@yield('title')</a>
                </li>
                <li class="breadcrumb-item active">
                    <strong>Listado</strong>
                </li>
            </ol>
        </div>
        <div class="col-sm-8">
            <div class="title-action">
                <a href="{{ route('asignaciones.create') }}" class="btn btn-primary">Nuevo</a>
            </div>
        </div>
    </div>

    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title"> Asignacion </h4>
                    </div>
                    <div class="card-body">
                        <form class="form" action="{{ route('asignaciones.filtrar') }}" method="POST"
                        name="frm">
                        @csrf

                        <div class="row">
                            <div class="col">
                                <div class="form-group" id="data_5">
                                    <label class="font-normal">Rango de Fecha</label>
                                    <div class="input-daterange input-group" id="datepicker">
                                        <input type="text" class="form-control-sm form-control" name="fecha"
                                            id="fecha" value="{{ $fechadesde }}" />
                                        <span class="input-group-addon"> a </span>
                                        <input type="text" class="form-control-sm form-control" name="fechafin"
                                            id="fechafin" value="{{ $fechahasta }}" />
                                    </div>
                                </div>
                            </div>

                            <div class="col">
                                <div class="form-group">
                                    <label>Agencia</label>
                                    <select class="form-control  form-control-sm" name="cod_agencia" id="cod_agencia" >
                                        @if (Auth::user()->hasRole('Agente') != 1)
                                            <option value="">Seleccione Agencia</option>
                                            <option value="0">Todos</option>
                                        @endif

                                        @if (Auth::user()->hasRole('Agente') != 1)
                                            @foreach ($agencias as $r)
                                                <option value="{{ $r->cod_agencia }}"
                                                    @if ($codigoagencia == $r->cod_agencia) {{ 'selected' }} @endif>
                                                    {{ $r->nom_agencia }}
                                                </option>
                                            @endforeach
                                        @else
                                            @foreach ($agencias as $r)
                                                <option value="{{ $r->cod_agencia }}"
                                                    @if (Auth::user()->cod_agencia == $r->cod_agencia) {{ 'selected' }} @endif>
                                                    {{ $r->nom_agencia }}
                                                </option>
                                            @endforeach
                                        @endif
                                    </select>

                                    @error('cod_agencia')
                                        <small class="text-danger">
                                            *{{ $message }}
                                        </small>
                                    @enderror
                                </div>
                            </div>
                            <div class="col">
                                <div class="form-group">
                                    <label>Chofer</label>
                                    <select class="form-control form-control-sm" id="cod_chofer" name="cod_chofer" >

                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="row">

                            <div class="col">

                                <div class="form-group">
                                    <label>Estado</label>
                                    <select class="form-control  form-control-sm" name="cod_estado" id="cod_estado">

                                        <option value="">Seleccione Estado</option>
                                        <option value="0">Todos</option>
                                        @foreach ($estados as $item)
                                            <option value="{{ $item->cod_estado }}">
                                                {{ $item->descripcion }}
                                            </option>
                                        @endforeach
                                    </select>

                                    @error('cod_estado')
                                        <small class="text-danger">
                                            *{{ $message }}
                                        </small>
                                    @enderror
                                </div>
                            </div>
                            <div class="col">

                                <div class="form-group">
                                    <label>Sub-Estado</label>
                                    <select class="form-control  form-control-sm" name="cod_subestado" id="cod_subestado">

                                        <option value="">Seleccione Sub-Estado</option>
                                        <option value="0">Todos</option>

                                    </select>

                                    @error('cod_subestado')
                                        <small class="text-danger">
                                            *{{ $message }}
                                        </small>
                                    @enderror
                                </div>
                            </div>

                        </div>

                        <div class="row">

                            <div class="float-right">
                               
                                    <div class="col">
                                        <button id="buscar" class="btn btn-xs btn-primary" type="submit">
                                            Buscar
                                        </button>
                                      <!--  <button id="exportar" class="btn btn-xs btn-succes" type="button">
                                            Exportar Excel
                                        </button>-->
                                    </div>
                                

                            </div>
                        </div>
                    </form>

<hr>
                        <div class="table-responsive">
                            <table id="tabla" class="table table-striped table-bordered">
                                <thead class=" text-primary">
                                    <tr>
                                        <th>
                                            Ultimo Estado
                                        </th>
                                        <th>
                                            OS
                                        </th>
                                        <th>
                                            Nombre
                                        </th>
                                        <th>
                                            Direccion
                                        </th>
                                        <th>
                                            Comuna
                                        </th>
                                        <th>
                                            Agencia
                                        </th>

                                        <th>
                                            Fecha
                                        </th>

                                    </tr>
                                </thead>
                                <tbody>

                                    @foreach ($asignaciones as $asignacion)
                                        <tr>
                                            <td>
                                                {{ $asignacion->estado }}
                                            </td>
                                            <td>
                                                {{ $asignacion->n_orden }}
                                            </td>
                                            <td>
                                                {{ $asignacion->nombre }}
                                            </td>
                                            <td>
                                                {{ $asignacion->direccion }}
                                            </td>
                                            <td>
                                                {{ $asignacion->comuna }}
                                            </td>
                                            <td>
                                                {{ $asignacion->agencia }}
                                            </td>


                                            <td>
                                                {{ date('d/m/Y H:i', strtotime($asignacion->fecha)) }}
                                            </td>


                                        </tr>
                                    @endforeach



                                </tbody>
                                <tfoot>

                                </tfoot>
                            </table>

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

   

@endsection

@section('javascript')


    <style>
        .dt-button {
            padding: 0;
            border: none;
            float: right;
            padding: '5px';
            background-color: '#fffff';
           

        }
        .dt-button button{
            background-color: '#fffff';
            border-radius: 8px; 
        
        }
        .toolbar {
    float: left;
}
    </style>


    <script>
        $(document).ready(function() {

            $('#cod_estado').on('change', function() {
                let id = $('#cod_estado').val();
                $('#cod_subestado').empty();
                $('#cod_subestado').append('<option value="" disabled selected>Cargando...</option>');
                $.ajax({
                    type: 'GET',
                    url: '../../listarsubestadosjson/' + id,
                    success: function(response) {
                        var response = JSON.parse(response);
                        $('#cod_subestado').empty();
                        $('#cod_subestado').append(
                            '<option value="" disabled selected >Selecccione SubEstado</option>'
                        );
                        response.forEach(element => {
                            $('#cod_subestado').append('<option value="' + element[
                                'cod_sub_estado'] + '" >' + element[
                                'descripcion'] + '</option>');

                        });

                    }
                })

            })

            $('#cod_agencia').on('change', function() {
                let id = $('#cod_agencia').val();
                $('#cod_chofer').empty();
                $('#cod_chofer').append('<option value="" disabled selected>Cargando...</option>');

                $.ajax({
                    type: 'GET',
                    url: '../../choferagencia/' + id,
                    success: function(response) {
                        var response = JSON.parse(response);
                        $('#cod_chofer').empty();
                        $('#cod_chofer').append(
                            '<option value="" disabled selected >Selecccione Chofer</option>'
                        );
                        response.forEach(element => {
                            $('#cod_chofer').append('<option value="' + element[
                                'cod_chofer'] + '" >' + element[
                                'nombre'] + '</option>');

                        });

                    }
                })

            });

            $('#data_5 .input-daterange').datepicker({
                dateFormat: 'yyyy-mm-dd',
                keyboardNavigation: false,
                forceParse: false,
                autoclose: true,
                language: 'es'
            });

            $('#fecha').datepicker({
                minDate: 0,
                endDate: new Date(),
                //startDate: '1d',
                keyboardNavigation: false,
                forceParse: false,
                autoclose: true,
                language: 'es'
            });

            $('#fechafin').datepicker({
                minDate: 0,
                startDate: '1d',
                keyboardNavigation: false,
                forceParse: false,
                autoclose: true,
                language: 'es'
            });


            var table = $('#tabla').DataTable({

                "language": {
                    "lengthMenu": "Mostrar _MENU_ registros por página",
                    "zeroRecords": "No se encontró nada, lo siento",
                    "info": "Mostrando pagina  _PAGE_ de _PAGES_",
                    "infoEmpty": "No hay registros disponibles",
                    "search": "Buscar:",
                    "infoFiltered": "(filtrado de _MAX_ registros totales)",
                    "paginate": {
                        "first": "Primero",
                        "last": "Ultimo",
                        "next": "Siguiente",
                        "previous": "Anterior"
                    }
                },
                searching: false,
                ordering: false,
                dom: 'Bfrtip',
                lengthChange: false,
                buttons: [{
                        //Botón para Excel
                        extend: 'excel',
                        footer: true,
                        title: 'Archivo Asignacion',
                        filename: 'Export_File',

                        //Aquí es donde generas el botón personalizado
                        text: '<button class="btn-xs btn-primary">Exportar a Excel <i class="fa fa-file-excel-o"></i></button>'
                    }
                    //Botón para PDF
                    //{
                    //    extend: 'pdf',
                    //    footer: true,
                    //    title: 'Asignacion PDF',
                    //    filename: 'Export_File_pdf',
                    //    text: '<button class="btn-xs btn-danger">Exportar a PDF <i class="fa fa-file-pdf-o"></i></button>'
                    //}
                ]
            });


        });
    </script>

@endsection