@extends('adminlte::page')

@section('plugins.Datatables', true)
@section('plugins.Sweetalert2', true)
@section('plugins.Select1', true)

@section('title', 'Intranet | Registros De Las Veces Que No Se Ingreso El Kilometraje De Forma Semanal')

@section('content_header')
    <div class="container-fluid">

    </div>
@stop

@section('content')
    <div class="card card-aspen">
        <div class="card-header">
            <h3 class="card-title">Registros De Vehículos</h3>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table">
                    <thead>
                        <tr>
                            <th>Acción</th>
                            <th>Patente</th>
                            <th>Tipo Vehículo</th>
                            <th>Marca</th>
                            <th>Modelo</th>
                            <th>Año</th>
                            <th>Tracción</th>
                            <th>Color</th>
                            <th>Nro. Motor</th>
                            <th>Nro. Chasis/VIN</th>
                            <th>Nro. Asientos</th>
                            <th>Tipo De Moneda</th>
                            <th>Tarifa $/Mes</th>
                            <th>Centro De Costo</th>
                            <th>Tipo Estándar</th>
                            <th>Fecha Inicio Contrato</th>
                            <th>Fecha Término Contrato</th>
                            <th>Período (Meses)</th>

                            <th>Límite Del Kilometraje</th>
                            <th>Kilometraje Última Mantención</th>
                            <th>Kilometraje Proxima Mantención</th>
                            <th>Kilometraje Estimado Diario</th>
                            <th>Fecha Estimada De Mantención</th>
                            <th>Kilometraje De La Camioneta</th>
                            <th>Kilometraje Restantes</th>

                            <th>Fecha Última Mantención</th>
                            <th>Fecha Proxima Mantención</th>
                            <th>Días Restantes</th>
                            <th>Alerta De Mantención</th>

                            <th>Empresa Arrendadora</th>
                            <th>Razón Social</th>
                            <th>Rut</th>
                            <th>Sucursal</th>
                            <th>Ciudad</th>
                            <th>Faena</th>
                            <th>Gerencia</th>
                            <th>Fecha De Creacion</th>
                            <th>Fecha En Que Se Dio De Baja</th>
                            <th>Estado</th>
                            <th>Estado Mantención</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>
                                @if (Gate::check('camioneta.edit') || Gate::check('camioneta.edit-kilometraje') || Gate::check('camioneta.edit-mantencion') || Gate::check('camioneta.destroy') || Gate::check('camioneta.view-registros-modificaciones') || Gate::check('camioneta.view-registros-kilometraje-no-modificable') || Gate::check('camioneta.view-registros-mantenciones-vencidas') || count($camioneta->equipamientos)>0)
                                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                                        Acciones
                                    </button>
                                    <div class="dropdown-menu" x-placement="bottom-start" style="position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(12px, 173px, 0px);">
                                        @if(count($camioneta->equipamientos)>0)
                                        <a class='dropdown-item' href='#' onclick='detalleEquipamiento("{{$camioneta->patente}}",{{json_encode($camioneta->equipamientos) }})'><i class='fas fa-wrench' aria-hidden='true'></i> Equipamientos</a>
                                        @endif

                                        @if (Gate::check('camioneta.view-registros-modificaciones'))
                                            <a class="dropdown-item" href="{{ route('camioneta.acciones-realizadas', $camioneta) }}"><i class="fas fa-table" aria-hidden="true"></i> Detalle De Las Acciones Realizadas</a>
                                        @endif

                                        @if (Gate::check('camioneta.view-registros-kilometraje-no-modificable'))
                                            <a class="dropdown-item" href="{{ route('camioneta.no-ingreso-semanal-kilometraje', $camioneta) }}"><i class="fas fa-table" aria-hidden="true"></i> Registros De Las Veces Que No Se Ingreso El Kilometraje Semanal</a>
                                        @endif

                                        @if (Gate::check('camioneta.view-registros-mantenciones-vencidas'))
                                            <a class="dropdown-item" href="{{ route('camioneta.mantenciones-vencidas', $camioneta) }}"><i class="fas fa-table" aria-hidden="true"></i> Registros De Mantenciones Vencidas</a>
                                        @endif 

                                        @if ($camioneta->estado == 'Vigente')
                                            @if (Gate::check('camioneta.edit'))
                                                <a class="dropdown-item" href="{{ route('camioneta.edit', $camioneta) }}"><i class="fas fa-edit" aria-hidden="true"></i> Editar Camioneta</a>
                                            @elseif(Gate::check('camioneta.edit-sucursal'))
                                                @if ($camioneta->sucursal == auth()->user()->sucursal)
                                                    <a class="dropdown-item" href="{{ route('camioneta.edit', $camioneta) }}"><i class="fas fa-edit" aria-hidden="true"></i> Editar Camioneta</a>
                                                @endif
                                            @endif

                                            @if (Gate::check('camioneta.edit') || Gate::check('camioneta.edit-kilometraje'))
                                                @if(isset($camioneta->centroDeCosto->clave_flota))
                                                <a class="dropdown-item" href="{{ route('camioneta.ingreso-clave', $camioneta) }}"><i class="fas fa-car" aria-hidden="true"></i> Editar Kilometraje</a>   
                                                @endif
                                            @endif

                                            @if (Gate::check('camioneta.edit') || Gate::check('camioneta.edit-mantencion'))
                                                <a class="dropdown-item" href="{{ route('camioneta.edit-mantencion-kilometraje', $camioneta) }}"><i class="fas fa-wrench" aria-hidden="true"></i> Editar Mantención En Kilometraje</a>
                                                <a class="dropdown-item" href="{{ route('camioneta.edit-mantencion-fecha', $camioneta) }}"><i class="fas fa-calendar-alt" aria-hidden="true"></i> Editar Mantención En Fecha</a>
                                            @elseif(Gate::check('camioneta.edit-mantencion-sucursal'))
                                                @if ($camioneta->sucursal == auth()->user()->sucursal)
                                                    <a class="dropdown-item" href="{{ route('camioneta.edit-mantencion-kilometraje', $camioneta) }}"><i class="fas fa-wrench" aria-hidden="true"></i> Editar Mantención En Kilometraje</a>
                                                    <a class="dropdown-item" href="{{ route('camioneta.edit-mantencion-fecha', $camioneta) }}"><i class="fas fa-calendar-alt" aria-hidden="true"></i> Editar Mantención En Fecha</a>
                                                @endif
                                            @endif

                                            <a class="dropdown-item" href="{{ route('camioneta.generar-codigo-qr', [$camioneta->id]) }}"><i class="fas fa-qrcode"></i> Generar Codigo Qr Para Documentos</a>
                                            <a class="dropdown-item" href="{{ route('camioneta.generar-codigo-qr-edit-kilometraje', [$camioneta->id]) }}"><i class="fas fa-qrcode"></i> Generar Codigo Qr Para Editar Kilometraje</a>

                                            @if (Gate::check('camioneta.destroy'))
                                                <a class="dropdown-item" href="#" onclick="alertaDeConfirmarParaEliminarUnCamioneta('{{ $camioneta->id }}')"><i class="fa fa-trash" aria-hidden="true"></i> Eliminar Camioneta</a>
                                            @endif
                                        @endif

                                    </div>
                                @endif
                            </td>
                            <td>{{ $camioneta->patente }}</td>
                            <td>{{ $camioneta->tipo_vehiculo }}</td>
                            <td>{{ $camioneta->marca }}</td>
                            <td>{{ $camioneta->modelo }}</td>
                            <td>{{ $camioneta->ano }}</td>
                            <td>{{ $camioneta->traccion }}</td>
                            <td>{{ $camioneta->color }}</td>
                            <td>{{ $camioneta->numero_motor }}</td>
                            <td>{{ $camioneta->numero_chasis }}</td>
                            <td>{{ $camioneta->numero_asiento }}</td>
                            <td>{{ $camioneta->tipo_moneda }}</td>
                            <td>{{ $camioneta->tarifa_mes_texto }}</td>
                            @if (isset($camioneta->centroDeCosto))
                                <td>{{ $camioneta->centroDeCosto->centro_costo }}</td>
                            @else
                                <td></td>
                            @endif
                            <td>{{ $camioneta->tipo_estandar }}</td>
                            <td>{{ fechaConFormatoDeChile($camioneta->fecha_inicio_contrato) }}</td>
                            <td>{{ fechaConFormatoDeChile($camioneta->fecha_termino_contrato) }}</td>
                            <td>{{ $camioneta->periodo }}</td>

                            <td>{{ $camioneta->limite_kilometraje }}</td>
                            <td>{{ $camioneta->kilometraje_ultima_mantencion }}</td>
                            <td>{{ $camioneta->kilometraje_proxima_mantencion }}</td>
                            <td>{{ $camioneta->kilometraje_estimado_diario }}</td>
                            <td>{{ $camioneta->kilometraje_fecha_estimada_proxima_mantencion }}</td>
                            <td>{{ $camioneta->kilometraje }}</td>
                            <td>{{ $camioneta->kilometraje_restante }}</td>
                            <td>{{ $camioneta->fecha_ultima_mantencion }}</td>
                            <td>{{ $camioneta->fecha_proxima_mantencion }}</td>
                            <td></td>
                            <td>{{ $camioneta->tipo_alerta }}</td>

                            @if (isset($camioneta->empresa))
                                <td>{{ $camioneta->empresa->nombre_fantasia }}</td>
                                <td>{{ $camioneta->empresa->razon_social }}</td>
                                <td>{{ $camioneta->empresa->rut }}</td>
                            @else
                                <td></td>
                                <td></td>
                                <td></td>
                            @endif
                            <td>{{ $camioneta->sucursal }}</td>
                            <td>{{ $camioneta->ciudad }}</td>
                            <td>{{ $camioneta->faena }}</td>
                            <td>{{ $camioneta->gerencia }}</td>
                            <td>{{ fechaConFormatoDeChile($camioneta->created_at) }}</td>
                            <td>{{ fechaConFormatoDeChile($camioneta->fecha_dado_de_baja) }}</td>
                            @if ($camioneta->estado == 'Vigente')
                                <td><span class="badge badge-success">{{ $camioneta->estado }}</span></td>
                            @elseif($camioneta->estado == 'Dado De Baja')
                                <td><span class="badge badge-danger">{{ $camioneta->estado }}</span></td>
                            @endif

                            @if ($camioneta->estado_mantencion == 'Al Día')
                                <td><span class="badge badge-success">{{ $camioneta->estado_mantencion }}</span></td>
                            @elseif($camioneta->estado_mantencion == 'Mantención Por Vencer')
                                <td><span class="badge badge-warning">{{ $camioneta->estado_mantencion }}</span></td>
                            @elseif($camioneta->estado_mantencion == 'Mantención Vencida' || $camioneta->estado_mantencion == 'Faltan Datos De Mantención')
                                <td><span class="badge badge-danger">{{ $camioneta->estado_mantencion }}</span></td>
                            @endif
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <!-- /.card-body -->
    </div>

    <div class="card card-aspen">

        <div class="card-header">
            <h3 class="card-title">Registros De Las Veces Que No Se Ingreso El Kilometraje De Forma Semanal</h3>
        </div>
        <div class="card-body">
            <div id="scroll-header-table">
                <div style="width:3000px; font-size:1px; color:white;">s</div>
            </div>
            <div class="table-responsive" id="scroll-footer-table" style="margin-bottom: 20px;">
                <table class="table table-striped table-bordered" id="datatable">
                    <thead>
                        <tr>
                            <th>Patente</th>
                            <th>Fecha Desde</th>
                            <th>Fecha Hasta</th>
                            <th>Cantidad De Veces Que Se Envió La Alerta</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($registros as $registro)
                            <tr>
                                <td>{{$registro->patente}}</td>
                                <td>{{ fechaConFormatoDeChile($registro->fecha_desde) }}</td>
                                @if (isset($registro->fecha_hasta))
                                    <td>{{ fechaConFormatoDeChile($registro->fecha_hasta) }}</td>
                                @else
                                    <td></td>
                                @endif
                                <td>{{$registro->cantidad_envio_alerta}}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>

        <div class=" card-footer">
            @if (URL::previous() == URL::current())
                <a href="{{ route('camioneta.index') }}" role="button" class="btn btn-secondary"><i class="fas fa-arrow-alt-circle-left" style="margin-right: 2px;"></i> Volver</a>
            @else
                <a href="{{ URL::previous() }}" role="button" class="btn btn-secondary"><i class="fas fa-arrow-alt-circle-left" style="margin-right: 2px;"></i> Volver</a>
            @endif
        </div>
    </div>

@stop

@section('footer')
    <div class="float-right d-none d-sm-inline">
        Intranet
    </div>
    <strong>Copyright © 2021 <a href="http://guinezingenieria.cl/">GuiñezIngeniería.cl</a>.</strong>
@stop

@section('css')
    <link rel="stylesheet" href="{{ asset('css/estilo-generico.css') }}">
    <style>
        table>tbody>tr>td {
            vertical-align: middle !important;
        }

        #validacionCampoArchivosModalSubirDocumento {
            display: none;
        }

        #validacionCampoArchivosModalSubirDocumentoExito {
            display: none;
        }

        .link-carpeta {
            color: #007bff;
        }

        .archivo-img {
            color: #17a2b8;
        }

        .archivo-img:hover {
            color: #096472;
        }

        .archivo-pdf {
            color: #ad0b00;
        }

        .archivo-pdf:hover {
            color: #620902;
        }

        .archivo-word {
            color: #015097;
        }

        .archivo-power-point {
            color: #c33e22;
        }

        .archivo-excel {
            color: #006d37;
        }

        .archivo-txt {
            color: #ac05ff;
        }

        .archivo-txt:hover {
            color: #3f0650;
        }

        .archivo-file {
            color: #212529;
        }

        .archivo-file:hover {
            color: #212529;
        }
    </style>
@stop

@section('js')
    <script src="{{ asset('js/funcionalidades-genericas.js') }}"></script>

    <script>
        let datatable = $("#datatable").DataTable({
            orderCellsTop: true,
            ordering: true,
            lengthMenu: [
                [10, 25, 50, 100, -1],
                [10, 25, 50, 100, "Todos"],
            ],
            language: {
                processing: "Procesando...",
                search: "Buscar",
                lengthMenu: "Mostrar _MENU_ Registros",
                info: "Mostrando _START_ al _END_ de _TOTAL_ registros",
                infoEmpty: "Opcion no disponible",
                infoFiltered: "",
                infoPostFix: "",
                loadingRecords: "Cargandos registros",
                zeroRecords: "No hay datos disponibles en la tabla",
                emptyTable: "No hay datos disponibles en la tabla",
                paginate: {
                    first: "Primero",
                    previous: "Anterior",
                    next: "Siguiente",
                    last: "Ultimo",
                },
                aria: {
                    sortAscending: ": Activar orden de columna ascendente",
                    sortDescending: ": Activar orden de columna desendente"
                }
            },
            dom: "<'row'<'#ordenArchivos.col-sm-4'><'col-sm-4 d-flex justify-content-center' l><'col-sm-4'f>>" + "<'row'<'col-sm-12'tr>>" + "<'row'<'col-sm-6'i><'col-sm-6'p>>",
        });

        $("#datatable thead tr").clone(true).appendTo("#datatable thead");

        $("#datatable thead tr:eq(1) th").each(function(i) {
            var title = $(this).text(); //es el nombre de la columna
            if (title != "Acción" && title != "Selección") {
                $(this).removeClass("sorting");
                $(this).removeClass("sorting_asc");
                $(this).html(
                    '<input class="form-control" type="text" placeholder="Buscar ' + title + '" />'
                );
                $(this).unbind();
                $(this).parent().attr('id', 'searchColumns');

                $("input", this).on("keyup change", function() {
                    if (datatable.column(i).search() !== this.value) {
                        datatable.column(i).search(this.value).draw();
                    }
                });
            } else {
                $(this).html("<div></div>");
                $(this).removeClass("sorting");
                $(this).removeClass("sorting_asc");
            }
        });
    </script>

@stop