@extends('layouts.layout-para-vista-sin-menus')

@section('title', 'Intranet | Ingreso Clave')
@section('plugins.Datatables', true)
@section('plugins.Sweetalert2', true)

@section('content_header')
    <div class="container-fluid">
        <div class="row justify-content-center">
            <div class="col-lg-9">
                <br>
                <div class="card card-primary">
                    <div class="card-header">
                        <h3 class="card-title">Registros De Camionetas</h3>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table">
                                <thead>
                                    <tr>
                                        <th>Patente</th>
                                        <th>Año</th>
                                        <th>Combustible</th>
                                        <th>Tracción</th>
                                        <th>Nro. Motor</th>
                                        <th>Nro. Chasis/VIN</th>
                                        <th>Centro De Costo</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>{{ $camioneta->patente }}</td>
                                        <td>{{ $camioneta->ano }}</td>
                                        <td>{{ $camioneta->combustible }}</td>
                                        <td>{{ $camioneta->traccion }}</td>
                                        <td>{{ $camioneta->numero_motor }}</td>
                                        <td>{{ $camioneta->numero_chasis }}</td>
                                        <td>{{ $camioneta->centroDeCosto->centro_costo }}</td>

                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="card card-primary">
                    <div class="card-header">
                        <h3 class="card-title">Registros De Archivos</h3>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <br>
                            <table class="table table-striped table-bordered" id="documentacionDatatable">
                                <thead>
                                    <tr>
                                        <th>Acción</th>
                                        <th>Tipo De Archivo</th>
                                        <th>Fecha Inducción de
                                            Mantención</th>
                                        <th>Kilometraje Próxima
                                            Mantención</th>
                                        <th>Fecha De Subida</th>
                                        <th>Archivo</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @if ($archivos_db->isEmpty())
                                        <tr>
                                            <td colspan="6">No hay documentos subidos</td>
                                        </tr>
                                    @else
                                        @foreach ($archivos_db as $archivo_db)
                                            @if ($archivo_db->tipo == 'Certificado De Mantención')
                                                <tr>
                                                    <td>
                                                        <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 (
                                                                $archivo_db->extension == 'jpeg' ||
                                                                    $archivo_db->extension == 'jpg' ||
                                                                    $archivo_db->extension == 'png' ||
                                                                    $archivo_db->extension == 'gif' ||
                                                                    $archivo_db->extension == 'pdf' ||
                                                                    $archivo_db->extension == 'txt')
                                                                <a class="dropdown-item" target="_blank"
                                                                    href="{{ route('camioneta.visualizar-archivo', $archivo_db) }}"><i
                                                                        class="fas fa-eye"></i> Visualizar Archivo</a>
                                                            @endif
                                                            <a class="dropdown-item" target="_blank"
                                                                href="{{ route('camioneta.descargar', $archivo_db) }}"><i
                                                                    class="fas fa-download"></i> Descargar Archivo</a>
                                                            @if (Gate::check('camioneta.delete-archivo'))
                                                                <a class="dropdown-item" href="#"
                                                                    onclick="alertaDeConfirmarParaEliminarUnArchivo('{{ $archivo_db->id }}', this.parentElement.parentElement.parentElement.parentElement)"><i
                                                                        class="fas fa-trash"></i> Eliminar Archivo</a>
                                                            @endif
                                                        </div>
                                                    </td>
                                                    <td>
                                                        {{ $archivo_db->tipo === 'Otros' ? $archivo_db->tercer_nombre : $archivo_db->tipo }}
                                                    </td>
                                                    <td>
                                                        @if ($archivo_db->ano)
                                                            {{ \Carbon\Carbon::parse($archivo_db->ano)->format('d-m-Y') }}
                                                        @else
                                                            <span style="font-weight: 700; font-size:13px;"></span>
                                                        @endif
                                                    </td>
                                                    <td>
                                                        {{ $camioneta->kilometraje_proxima_mantencion }}
                                                    </td>
                                                    <td>{{ $archivo_db->created_at->format('d-m-Y') }}</td>
                                                    <td>
                                                        <button type="button" class="btn btn-default"
                                                            @if (
                                                                $archivo_db->extension == 'jpeg' ||
                                                                    $archivo_db->extension == 'jpg' ||
                                                                    $archivo_db->extension == 'png' ||
                                                                    $archivo_db->extension == 'gif' ||
                                                                    $archivo_db->extension == 'pdf' ||
                                                                    $archivo_db->extension == 'txt') onclick="window.open('{{ route('camioneta.visualizar-archivo', $archivo_db) }}', '_blank')" @endif>
                                                            <i class="fas fa-eye"></i>
                                                        </button>
                                                    </td>
                                                </tr>
                                            @endif
                                        @endforeach
                                    @endif
                                </tbody>
                            </table>
                            <br>

                            <table class="table table-striped table-bordered" id="documentacionDatatable">
                                <thead>
                                    <tr>
                                        <th>Acción</th>
                                        <th>Tipo De Archivo</th>
                                        <th>Año</th>
                                        <th>Fecha De Vencimiento</th>
                                        <th>Fecha De Subida</th>
                                        <th>Archivo</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @if ($archivos_db->isEmpty())
                                        <tr>
                                            <td colspan="6">No hay documentos subidos</td>
                                        </tr>
                                    @else
                                        @foreach ($archivos_db as $archivo_db)
                                            @if ($archivo_db->tipo !== 'Certificado De Mantención')
                                                <tr>
                                                    <td>
                                                        <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 (
                                                                $archivo_db->extension == 'jpeg' ||
                                                                    $archivo_db->extension == 'jpg' ||
                                                                    $archivo_db->extension == 'png' ||
                                                                    $archivo_db->extension == 'gif' ||
                                                                    $archivo_db->extension == 'pdf' ||
                                                                    $archivo_db->extension == 'txt')
                                                                <a class="dropdown-item" target="_blank"
                                                                    href="{{ route('camioneta.visualizar-archivo', $archivo_db) }}"><i
                                                                        class="fas fa-eye"></i> Visualizar Archivo</a>
                                                            @endif
                                                            <a class="dropdown-item" target="_blank"
                                                                href="{{ route('camioneta.descargar', $archivo_db) }}"><i
                                                                    class="fas fa-download"></i> Descargar Archivo</a>
                                                            @if (Gate::check('camioneta.delete-archivo'))
                                                                <a class="dropdown-item" href="#"
                                                                    onclick="alertaDeConfirmarParaEliminarUnArchivo('{{ $archivo_db->id }}', this.parentElement.parentElement.parentElement.parentElement)"><i
                                                                        class="fas fa-trash"></i> Eliminar Archivo</a>
                                                            @endif
                                                        </div>
                                                    </td>
                                                    <td>{{ $archivo_db->tipo }}</td>
                                                    <td>
                                                        @if ($archivo_db->ano)
                                                            {{ \Carbon\Carbon::parse($archivo_db->ano)->format('Y') }}
                                                        @else
                                                            <span style="font-weight: 700; font-size:13px;"></span>
                                                        @endif
                                                    </td>
                                                    <td>
                                                        @if ($archivo_db->fecha_vencimiento)
                                                            {{ \Carbon\Carbon::parse($archivo_db->fecha_vencimiento)->format('d-m-Y') }}
                                                        @else
                                                            <span style="font-weight: 700; font-size:13px;"></span>
                                                        @endif
                                                    </td>
                                                    <td>{{ $archivo_db->created_at->format('d-m-Y') }}</td>
                                                    <td>
                                                        <button type="button" class="btn btn-default"
                                                            @if (
                                                                $archivo_db->extension == 'jpeg' ||
                                                                    $archivo_db->extension == 'jpg' ||
                                                                    $archivo_db->extension == 'png' ||
                                                                    $archivo_db->extension == 'gif' ||
                                                                    $archivo_db->extension == 'pdf' ||
                                                                    $archivo_db->extension == 'txt') onclick="window.open('{{ route('camioneta.visualizar-archivo', $archivo_db) }}', '_blank')" @endif>
                                                            <i class="fas fa-eye"></i>
                                                        </button>
                                                    </td>
                                                </tr>
                                            @endif
                                        @endforeach
                                    @endif
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@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