@extends('layouts.app')

@section('filtros')

    @include('filtros/editar')
    @include('filtros/eliminar')

    @include('layouts.modal')

    <form action="{{ url('filtros') }}" method="POST">
        {{ csrf_field() }}
        <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
            <h1 class="h2">Filtros</h1>
            <button type="submit" class="d-sm-inline-block btn btn-sm btn-primary shadow-sm"><i class="fas fa-search"></i>&nbsp;&nbsp;&nbsp;{{ __('Aplicar filtro') }}</button>
        </div>

        <div class="card">
            <h5 class="card-header bg-primary text-white" style="font-size: larger; font-weight: bold;">{{ __('Seleccione las casillas en las que necesite filtrar por fecha') }}</h5>
            <div class="card-body">
                <div class="form-row">
                    <div class="col-sm-12 col-md-12 col-lg-2">
                        <div class="form-row">
                            <div class="custom-control custom-checkbox my-2">
                                <div class="col-md-12">
                                    <input type="checkbox" class="custom-control-input" id="filtrarEnvioCreado" name="filtrarEnvioCreado" value="1">
                                    <label class="custom-control-label" for="filtrarEnvioCreado">{{ __('Creado') }}</label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-12 col-md-12 col-lg-5 mb-3">
                        <div class="form-row">
                            <label class="col-md-2 col-form-label">{{ __('Desde:') }}</label>
                            <div class="input-group col-md-10">
                                <div class="input-group-prepend"><span class="input-group-text"><i class="fas fa-calendar-alt"></i></span></div>
                                <input type="date" class="form-control" id="filtrarEnvioCreadoDesde" name="filtrarEnvioCreadoDesde" disabled>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-12 col-md-12 col-lg-5 mb-3">
                        <div class="form-row">
                            <label class="col-md-2 col-form-label">{{ __('Hasta:') }}</label>
                            <div class="input-group col-md-10">
                                <div class="input-group-prepend"><span class="input-group-text"><i class="fas fa-calendar-alt"></i></span></div>
                                <input type="date" class="form-control" id="filtrarEnvioCreadoHasta" name="filtrarEnvioCreadoHasta" disabled>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="form-row">
                    <div class="col-sm-12 col-md-12 col-lg-2">
                        <div class="form-row">
                            <div class="custom-control custom-checkbox my-2">
                                <div class="col-md-12">
                                    <input type="checkbox" class="custom-control-input" id="filtrarEnvioEntrega" name="filtrarEnvioEntrega" value="1">
                                    <label class="custom-control-label" for="filtrarEnvioEntrega">{{ __('Entrega') }}</label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-12 col-md-12 col-lg-5 mb-3">
                        <div class="form-row">
                            <label class="col-md-2 col-form-label">{{ __('Desde:') }}</label>
                            <div class="input-group col-md-10">
                                <div class="input-group-prepend"><span class="input-group-text"><i class="fas fa-calendar-alt"></i></span></div>
                                <input type="date" class="form-control" id="filtrarEnvioEntregaDesde" name="filtrarEnvioEntregaDesde" disabled>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-12 col-md-12 col-lg-5 mb-3">
                        <div class="form-row">
                            <label class="col-md-2 col-form-label">{{ __('Hasta:') }}</label>
                            <div class="input-group col-md-10">
                                <div class="input-group-prepend"><span class="input-group-text"><i class="fas fa-calendar-alt"></i></span></div>
                                <input type="date" class="form-control" id="filtrarEnvioEntregaHasta" name="filtrarEnvioEntregaHasta" disabled>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="form-row">
                    <div class="col-sm-12 col-md-12 col-lg-2">
                        <div class="form-row">
                            <div class="custom-control custom-checkbox my-2">
                                <div class="col-md-12">
                                    <input type="checkbox" class="custom-control-input" id="filtrarEnvioEntregado" name="filtrarEnvioEntregado" value="1">
                                    <label class="custom-control-label" for="filtrarEnvioEntregado">{{ __('Entregado') }}</label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-12 col-md-12 col-lg-5 mb-3">
                        <div class="form-row">
                            <label class="col-md-2 col-form-label">{{ __('Desde:') }}</label>
                            <div class="input-group col-md-10">
                                <div class="input-group-prepend"><span class="input-group-text"><i class="fas fa-calendar-alt"></i></span></div>
                                <input type="date" class="form-control" id="filtrarEnvioEntregadoDesde" name="filtrarEnvioEntregadoDesde" disabled>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-12 col-md-12 col-lg-5 mb-3">
                        <div class="form-row">
                            <label class="col-md-2 col-form-label">{{ __('Hasta:') }}</label>
                            <div class="input-group col-md-10">
                                <div class="input-group-prepend"><span class="input-group-text"><i class="fas fa-calendar-alt"></i></span></div>
                                <input type="date" class="form-control" id="filtrarEnvioEntregadoHasta" name="filtrarEnvioEntregadoHasta" disabled>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="card">
            <h5 class="card-header bg-primary text-white" style="font-size: larger; font-weight: bold;">{{ __('Seleccione los criterios que necesite') }}</h5>
            <div class="card-body">
                <div class="form-row">
                    <div class="col-sm-12 col-md-12 col-lg-4 mb-3">
                        <div class="input-group">
                            <div class="input-group-prepend"><span class="input-group-text"><i class="fas fa-map-marker-alt"></i></span></div>
                            <select class="custom-select @error('filtrarOrigenEnvio') is-invalid @enderror" name="filtrarOrigenEnvio">
                                <option selected disabled value="">{{ __('Eliga el origen...') }}</option>
                                @foreach ($comunas as $comuna)
                                    <option value="{{ $comuna->id }}">{{ $comuna->nombre }}</option>
                                @endforeach
                            </select>
                            @error('filtrarOrigenEnvio') <span class="invalid-feedback"><strong>{{ $message }}</strong></span> @enderror
                        </div>
                    </div>
                    <div class="col-sm-12 col-md-12 col-lg-4 mb-3">
                        <div class="input-group">
                            <div class="input-group-prepend"><span class="input-group-text"><i class="fas fa-map-marker-alt"></i></span></div>
                            <select class="custom-select @error('filtrarDestinoEnvio') is-invalid @enderror" name="filtrarDestinoEnvio">
                                <option selected disabled value="">Eliga el destino...</option>
                                @foreach ($comunas as $comuna)
                                    <option value="{{ $comuna->id }} ">{{ $comuna->nombre }}</option>
                                @endforeach
                            </select>
                            @error('filtrarDestinoEnvio') <span class="invalid-feedback"><strong>{{ $message }}</strong></span> @enderror
                        </div>
                    </div>
                    <div class="col-sm-12 col-md-12 col-lg-4 mb-3">
                        <div class="input-group">
                            <div class="input-group-prepend"><span class="input-group-text"><i class="fas fa-boxes"></i></span></div>
                            <select class="custom-select @error('filtrarEstadoEnvio') is-invalid @enderror" name="filtrarEstadoEnvio">
                                <option selected disabled value="">Eliga el estado...</option>
                                <option value="Pendiente">{{ __('Pendiente') }}</option>
                                <option value="Reparto">{{ __('Reparto') }}</option>
                                <option value="Entregado">{{ __('Entregado') }}</option>
                            </select>
                            @error('filtrarEstadoEnvio') <span class="invalid-feedback"><strong>{{ $message }}</strong></span> @enderror
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>

    <div class="card">
        <div class="card-header"></div>
        <div class="card-body">
            <table class="table table-striped table-bordered display" id="enviosFiltrados" cellspacing="0" width="100%">
                <thead class="thead-light">
                    <tr>
                        <th style="width: 5%;"></th>
                        <th class="none" style="width: 5%; display: none;">ID</th>
                        <th class="none" style="width: 5%; display: none;">Creado</th>
                        <th style="width: 5%;">Creado</th>
                        <th class="none" style="width: 5%; display: none;">Datos del Remitente</th>
                        <th style="width: 10%;">Nombre</th>
                        <th class="none" style="width: 10%; display: none;">RUT</th>
                        <th style="width: 10%;">Teléfono</th>
                        <th class="none" style="width: 15%; display: none;">Correo</th>
                        <th class="none" style="width: 10%; display: none;">Origen</th>
                        <th class="none" style="width: 10%; display: none;">Origen</th>
                        <th style="width: 10%;">Origen</th>
                        <th class="none" style="width: 15%; display: none;">Dirección</th>
                        <th class="none" style="width: 5%; display: none;">Datos del Destinatario</th>
                        <th class="none" style="width: 10%; display: none;">Nombre</th>
                        <th class="none" style="width: 10%; display: none;">Nombre</th>
                        <th class="none" style="width: 10%; display: none;">A. Paterno</th>
                        <th class="none" style="width: 10%; display: none;">A. Materno</th>
                        <th class="none" style="width: 10%; display: none;">Teléfono</th>
                        <th class="none" style="width: 10%; display: none;">Destino</th>
                        <th class="none" style="width: 10%; display: none;">Destino</th>
                        <th style="width: 10%;">Destino</th>
                        <th class="none" style="width: 15%; display: none;">Dirección</th>
                        <th class="none" style="width: 5%; display: none;">Datos del Envío</th>
                        <th class="none" style="width: 30%; display: none;">Descripción</th>
                        <th class="none" style="width: 5%; display: none;">Medida</th>
                        <th class="none" style="width: 5%; display: none;">Cantidad</th>
                        <th class="none" style="width: 5%; display: none;">Valor</th>
                        <th class="none" style="width: 10%; display: none;">Pagado</th>
                        <th style="width: 5%;">Estado</th>
                        <th style="width: 5%;">Entrega</th>
                        <th style="width: 5%;">Entregado</th>
                        <th style="width: 5%;">Acciones</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($envios as $envio)
                        <tr>
                            <td></td>
                            <td style="display: none;">{{ $envio->id }}</td>
                            <td style="display: none;">{{ $envio->created_at }}</td>
                            <td>{{ Carbon\Carbon::parse($envio->created_at)->format('d/m/Y H:i:s') }}</td>
                            <td style="display: none;"></td>
                            <td>{{ $envio->usuario['nombre'] . ' ' . $envio->usuario['apellido_paterno'] . ' ' . $envio->usuario['apellido_materno'] }}</td>
                            <td style="display: none;">{{ $envio->usuario['rut'] }}</td>
                            <td>{{ '+56 9 ' . $envio->usuario['telefono'] }}</td>
                            <td style="display: none;">{{ $envio->usuario['email'] }}</td>
                            <td style="display: none;">{{ $envio->zonaorigen['id'] }}</td>
                            <td style="display: none;">{{ $envio->comunaorigen['id'] }}</td>
                            <td>{{ $envio->comunaorigen['nombre'] }}</td>
                            <td style="display: none;">{{ $envio->direccion_origen }}</td>
                            <td style="display: none;"></td>
                            <td style="display: none;">{{ $envio->nombre . ' ' . $envio->apellido_paterno . ' ' . $envio->apellido_materno }}</td>
                            <td style="display: none;">{{ $envio->nombre }}</td>
                            <td style="display: none;">{{ $envio->apellido_paterno }}</td>
                            <td style="display: none;">{{ $envio->apellido_materno }}</td>
                            <td style="display: none;">{{ '+56 9 ' . $envio->telefono }}</td>
                            <td style="display: none;">{{ $envio->zonadestino['id'] }}</td>
                            <td style="display: none;">{{ $envio->comunadestino['id'] }}</td>
                            <td>{{ $envio->comunadestino['nombre'] }}</td>
                            <td style="display: none;">{{ $envio->direccion_destino }}</td>
                            <td style="display: none;"></td>
                            <td style="display: none;">{{ $envio->descripcion }}</td>
                            <td style="display: none;">{{ $envio->medida }}</td>
                            <td style="display: none;">{{ $envio->cantidad }}</td>
                            <td style="display: none;">{{ $envio->valor }}</td>
                            <td style="display: none;">{{ $envio->pagado }}</td>
                            <td>{{ $envio->estado }}</td>
                            <td>{{ Carbon\Carbon::parse($envio->entrega)->format('d/m/Y') }}</td>
                            <td>{{ Carbon\Carbon::parse($envio->entregado)->format('d/m/Y') }}</td>
                            <td></td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>

    <script>
        $(document).ready(function()
        {
            $('input[type="checkbox"]').click(function()
            {
                var fechaActual = new Date();
                var mesAnterior = new Date()

                mesAnterior.setMonth(mesAnterior.getMonth() - 1);

                if($('#filtrarEnvioCreado').is(':checked'))
                {
                    $('#filtrarEnvioCreadoDesde').attr('disabled', false);
                    $('#filtrarEnvioCreadoHasta').attr('disabled', false);

                    $('#filtrarEnvioCreadoDesde').val(mesAnterior.toISOString().slice(0, 10));
                    $('#filtrarEnvioCreadoHasta').val(fechaActual.toISOString().slice(0, 10));
                }
                else
                {
                    $('#filtrarEnvioCreadoDesde').attr('disabled', true);
                    $('#filtrarEnvioCreadoHasta').attr('disabled', true);

                    $('#filtrarEnvioCreadoDesde').val('');
                    $('#filtrarEnvioCreadoHasta').val('');
                }

                if($('#filtrarEnvioEntrega').is(':checked'))
                {
                    $('#filtrarEnvioEntregaDesde').attr('disabled', false);
                    $('#filtrarEnvioEntregaHasta').attr('disabled', false);

                    $('#filtrarEnvioEntregaDesde').val(mesAnterior.toISOString().slice(0, 10));
                    $('#filtrarEnvioEntregaHasta').val(fechaActual.toISOString().slice(0, 10));
                }
                else
                {
                    $('#filtrarEnvioEntregaDesde').attr('disabled', true);
                    $('#filtrarEnvioEntregaHasta').attr('disabled', true);

                    $('#filtrarEnvioEntregaDesde').val('');
                    $('#filtrarEnvioEntregaHasta').val('');
                }

                if($('#filtrarEnvioEntregado').is(':checked'))
                {
                    $('#filtrarEnvioEntregadoDesde').attr('disabled', false);
                    $('#filtrarEnvioEntregadoHasta').attr('disabled', false);

                    $('#filtrarEnvioEntregadoDesde').val(mesAnterior.toISOString().slice(0, 10));
                    $('#filtrarEnvioEntregadoHasta').val(fechaActual.toISOString().slice(0, 10));
                }
                else
                {
                    $('#filtrarEnvioEntregadoDesde').attr('disabled', true);
                    $('#filtrarEnvioEntregadoHasta').attr('disabled', true);

                    $('#filtrarEnvioEntregadoDesde').val('');
                    $('#filtrarEnvioEntregadoHasta').val('');
                }
            });
        });
    </script>

    <script>
        var table = $('#enviosFiltrados').DataTable(
        {
            processing: true,
            responsive: true,
            columnDefs:
            [
                { className: 'text-center', targets: [4, 13, 23] },
                { responsivePriority: 1, targets: 2 },
                { responsivePriority: 2, targets: 32 }
            ],
            order: [[ 1, 'desc' ]],
            language: { url: "{{ asset('plugins/datatables/spanish.json') }}" },
            columns:
            [
                { orderable: false },
                { className: 'd-none' },
                { className: 'd-none' },
                { orderable: false },
                { orderable: false },
                { orderable: false },
                { orderable: false },
                { orderable: false },
                { orderable: false },
                { className: 'd-none' },
                { className: 'd-none' },
                { orderable: false },
                { orderable: false },
                { orderable: false },
                { orderable: false },
                { className: 'd-none' },
                { className: 'd-none' },
                { className: 'd-none' },
                { orderable: false },
                { className: 'd-none' },
                { className: 'd-none' },
                { orderable: false },
                { orderable: false },
                { orderable: false },
                { orderable: false },
                { className: 'd-none' },
                { orderable: false },
                { orderable: false },
                { className: 'd-none' },
                { orderable: false },
                { orderable: false },
                { orderable: false },
                {
                    data: null,
                    orderable: false,
                    render: function (data, type, row, meta)
                    {
                        url = ``;
                        html = '\n'+
                        '<div class="btn-toolbar justify-content-around">\n'+
                            '<div class="btn-group m-1">\n'+
                                '<button type="button" class="btn btn-warning btn-sm editarEnvioFiltrado"><i class="fas fa-pencil-alt"></i></button>\n'+
                            '</div>\n'+
                            '<div class="btn-group m-1">\n'+
                                '<button type="button" class="btn btn-danger btn-sm eliminarEnvioFiltrado"><i class="fas fa-trash"></i></button>\n'+
                            '</div>\n'+
                        '</div>';
                        return html;
                    }
                }
            ]
        });
    </script>

	@include('layouts.javascript')

@endsection