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

@section('title', 'Intranet | Detalle Vehículo')
@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">Datos del Vehículo {{ $camioneta->patente }}</h3>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-bordered">
                                <thead>
                                    <tr>
                                        <th>Acción</th>
                                        <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>
                                        <th>Estado</th>
                                        <th>Estado Mantención</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>
                                            <div class="btn-group">
                                                <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 Acciones Realizadas</a>
                                                    @endif
        
                                                    @if ($camioneta->estado == 'Vigente')
                                                        @if (Gate::check('camioneta.edit') || Gate::check('camioneta.edit-sucursal'))
                                                            <a class="dropdown-item" href="{{ route('camioneta.edit', $camioneta) }}"><i class="fas fa-edit" aria-hidden="true"></i> Editar Vehículo</a>
                                                            <a class="dropdown-item" href="{{ route('camioneta.edit-kilometraje', $camioneta) }}"><i class="fas fa-car" aria-hidden="true"></i> Editar Kilometraje</a>
                                                            <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>
                                                        @elseif(Gate::check('camioneta.edit-kilometraje')) 
                                                            <a class="dropdown-item" href="{{ route('camioneta.edit-kilometraje', $camioneta) }}"><i class="fas fa-car" aria-hidden="true"></i> Editar Kilometraje</a>
                                                        @elseif(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> 
                                                        @endif
        
                                                        <a class="dropdown-item" href="{{ route('camioneta.generar-codigo-qr', $camioneta) }}"><i class="fas fa-qrcode"></i> Generar Codigo Qr para Documentos</a>
        
                                                        @if (Gate::check('camioneta.edit') || Gate::check('camioneta.edit-sucursal') || Gate::check('camioneta.edit-kilometraje'))
                                                            <a class="dropdown-item" href="{{ route('camioneta.generar-codigo-qr-edit-kilometraje', $camioneta) }}"><i class="fas fa-qrcode"></i> Generar Codigo Qr para Editar Kilometraje</a>
                                                        @endif
                                                    @endif
        
                                                    @if (Gate::check('camioneta.destroy'))
                                                        <a class="dropdown-item" href="#" onclick="alertaDeConfirmarParaEliminarUnCamioneta('{{ $camioneta->id }}', this.parentElement.parentElement.parentElement.parentElement)"><i class="fa fa-trash" aria-hidden="true"></i> Eliminar Vehículo</a>
                                                    @endif
                                                </div>
                                            </div>
                                        </td>
                                        <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>
                                        <td>
                                            @if ($camioneta->estado == 'Vigente')
                                                <span class="badge badge-success">{{ $camioneta->estado }}</span>
                                            @elseif ($camioneta->estado == 'Dado De Baja')
                                                <span class="badge badge-danger">{{ $camioneta->estado }}</span>
                                            @endif
                                        </td>
                                        <td>
                                            @if ($camioneta->estado == 'Vigente')
                                                @if ($camioneta->estado_mantencion == 'Al Día')
                                                    <span
                                                        class="badge badge-success">{{ $camioneta->estado_mantencion }}</span>
                                                @elseif ($camioneta->estado_mantencion == 'Mantención Por Vencer')
                                                    <span
                                                        class="badge badge-warning">{{ $camioneta->estado_mantencion }}</span>
                                                @elseif (
                                                    $camioneta->estado_mantencion == 'Mantención Vencida' ||
                                                        $camioneta->estado_mantencion == 'Faltan Datos De Mantención')
                                                    <span
                                                        class="badge badge-danger">{{ $camioneta->estado_mantencion }}</span>
                                                @endif
                                            @elseif ($camioneta->estado == 'Dado De Baja')
                                                <span class="badge badge-danger">{{ $camioneta->estado }}</span>
                                            @endif
                                        </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="datatable-documentos-mantencion">
                                <thead>
                                    <tr>
                                        <th colspan="6" class="text-center">ARCHIVO DE CERTIFICADO DE MANTENCIÓN ACTUAL</th>
                                    </tr>
                                    <tr>
                                        <th class="text-center">Acción</th>
                                        <th class="text-center">Tipo de Archivo</th>
                                        <th class="text-center">Fecha Inducción de Mantención</th>
                                        <th class="text-center">Kilometraje Próxima Mantención</th>
                                        <th class="text-center">Fecha de Subida</th>
                                        <th class="text-center">Archivo</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @if (isset($archivoDeMantencion))
                                        <tr>
                                            <td class="text-center">
                                                <div class="btn-group">
                                                    <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 (
                                                                $archivoDeMantencion->extension == 'jpeg' ||
                                                                $archivoDeMantencion->extension == 'jpg' ||
                                                                $archivoDeMantencion->extension == 'png' ||
                                                                $archivoDeMantencion->extension == 'gif' ||
                                                                $archivoDeMantencion->extension == 'pdf' ||
                                                                $archivoDeMantencion->extension == 'txt')
                                                            <a class="dropdown-item" target="_blank" href="{{ route('camioneta.visualizar-archivo', $archivoDeMantencion) }}"><i class="fas fa-eye"></i> Visualizar Archivo</a>
                                                        @endif
                
                                                        <a class="dropdown-item" target="_blank" href="{{ route('camioneta.descargar', $archivoDeMantencion) }}"><i class="fas fa-download"></i> Descargar Archivo</a>
                                                        @if (Gate::check('camioneta.delete-archivo'))
                                                            <a class="dropdown-item" href="#" onclick="alertaDeConfirmarParaEliminarUnArchivo('{{ $archivoDeMantencion->id }}', this.parentElement.parentElement.parentElement.parentElement)"><i class="fas fa-trash"></i> Eliminar Archivo</a>
                                                        @endif
                                                    </div>
                                                </div>
                                            </td>
                                            <td class="text-center">{{$archivoDeMantencion->tipo}}</td>
                                            <td class="text-center">
                                                @if (isset($archivoDeMantencion->ano))  
                                                {{ \Carbon\Carbon::parse($archivoDeMantencion->ano)->format('d-m-Y') }}
                                                @endif
                                            </td>
                                            <td class="text-center">{{ $archivoDeMantencion->kilometraje_proxima_mantencion_archivo }}</td>
                                            <td class="text-center">{{ $archivoDeMantencion->created_at->format('d-m-Y') }}</td>
                                            <td class="text-center">
                                                <button type="button" class="btn btn-default"
                                                    @if (
                                                        $archivoDeMantencion->extension == 'jpeg' ||
                                                            $archivoDeMantencion->extension == 'jpg' ||
                                                            $archivoDeMantencion->extension == 'png' ||
                                                            $archivoDeMantencion->extension == 'gif' ||
                                                            $archivoDeMantencion->extension == 'pdf' ||
                                                            $archivoDeMantencion->extension == 'txt') onclick="window.open('{{ route('camioneta.visualizar-archivo', $archivoDeMantencion) }}', '_blank')" @endif>
                                                    <i class="fas fa-eye"></i>
                                                </button>
                                            </td>
                                        </tr>
                                    @else
                                        <tr>
                                            <td colspan="6" class="text-center">No hay documentos subidos</td>
                                        </tr>
                                    @endif
                                </tbody>
                            </table>
                
                            <br>
                
                            <table class="table table-striped table-bordered" id="datatable-documentos-varios">
                                <thead>
                                    <tr>
                                        <th colspan="6" class="text-center">ARCHIVOS VARIOS</th>
                                    </tr>
                                    <tr>
                                        <th class="text-center">Acción</th>
                                        <th class="text-center">Tipo de Archivo</th>
                                        <th class="text-center">Año</th>
                                        <th class="text-center">Fecha de Subida</th>
                                        <th class="text-center">Fecha de Vencimiento</th>
                                        <th class="text-center">Archivo</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @if (count($listadoDeArchivos)>0)
                                        @foreach ($listadoDeArchivos as $archivo)
                                            <tr>
                                                <td class="text-center">
                                                    <div class="btn-group">
                                                        <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->extension == 'jpeg' ||
                                                                    $archivo->extension == 'jpg' ||
                                                                    $archivo->extension == 'png' ||
                                                                    $archivo->extension == 'gif' ||
                                                                    $archivo->extension == 'pdf' ||
                                                                    $archivo->extension == 'txt')
                                                                <a class="dropdown-item" target="_blank" href="{{ route('camioneta.visualizar-archivo', $archivo) }}"><i class="fas fa-eye"></i> Visualizar Archivo</a>
                                                            @endif
                    
                                                            <a class="dropdown-item" target="_blank" href="{{ route('camioneta.descargar', $archivo) }}"><i class="fas fa-download"></i> Descargar Archivo</a>
                                                            @if (Gate::check('camioneta.delete-archivo'))
                                                                <a class="dropdown-item" href="#" onclick="alertaDeConfirmarParaEliminarUnArchivo('{{ $archivo->id }}', this.parentElement.parentElement.parentElement.parentElement)"><i class="fas fa-trash"></i> Eliminar Archivo</a>
                                                            @endif
                                                        </div>
                                                    </div>
                                                </td>
                                                @if ($archivo->tipo=="Otros")
                                                    <td class="text-center">{{$archivo->tercer_nombre}}</td>
                                                @else
                                                    <td class="text-center">{{$archivo->tipo}}</td>
                                                @endif
                                                <td class="text-center">
                                                    @if (isset($archivo->ano))  
                                                    {{ \Carbon\Carbon::parse($archivo->ano)->format('Y') }}
                                                    @endif
                                                </td>
                                                <td class="text-center">{{ $archivo->created_at->format('d-m-Y') }}</td>
                                                <td class="text-center">
                                                    @if (isset($archivo->fecha_vencimiento))  
                                                    {{ \Carbon\Carbon::parse($archivo->fecha_vencimiento)->format('d-m-Y') }}
                                                    @endif
                                                </td>
                                                <td class="text-center">
                                                    <button type="button" class="btn btn-default"
                                                        @if (
                                                            $archivo->extension == 'jpeg' ||
                                                            $archivo->extension == 'jpg' ||
                                                            $archivo->extension == 'png' ||
                                                            $archivo->extension == 'gif' ||
                                                            $archivo->extension == 'pdf' ||
                                                            $archivo->extension == 'txt') onclick="window.open('{{ route('camioneta.visualizar-archivo', $archivo) }}', '_blank')" @endif>
                                                        <i class="fas fa-eye"></i>
                                                    </button>
                                                </td>
                                            </tr>
                                        @endforeach
                                    @else
                                        <tr>
                                            <td colspan="6" class="text-center">No hay documentos subidos</td>
                                        </tr>
                                    @endif
                                </tbody>
                            </table>

                            <br>

                            <table class="table table-striped table-bordered" id="datatable-documentos-varios">
                                <thead>
                                    <tr>
                                        <th colspan="6" class="text-center">ARCHIVOS DE REGISTROS DE DEVOLUCIONES</th>
                                    </tr>
                                    <tr>
                                        <th class="text-center">Acción</th>
                                        <th class="text-center">Tipo de Archivo</th>
                                        <th class="text-center">Fecha de Subida</th>
                                        <th class="text-center">Fecha de Devolución</th>
                                        <th class="text-center">Archivo</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @if (count($listadoDeArchivosRegistrosDeDevoluciones)>0)
                                        @foreach ($listadoDeArchivosRegistrosDeDevoluciones as $archivo)
                                            <tr>
                                                <td class="text-center">
                                                    <div class="btn-group">
                                                        <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->extension == 'jpeg' ||
                                                                    $archivo->extension == 'jpg' ||
                                                                    $archivo->extension == 'png' ||
                                                                    $archivo->extension == 'gif' ||
                                                                    $archivo->extension == 'pdf' ||
                                                                    $archivo->extension == 'txt')
                                                                <a class="dropdown-item" target="_blank" href="{{ route('camioneta.visualizar-archivo', $archivo) }}"><i class="fas fa-eye"></i> Visualizar Archivo</a>
                                                            @endif
                    
                                                            <a class="dropdown-item" target="_blank" href="{{ route('camioneta.descargar', $archivo) }}"><i class="fas fa-download"></i> Descargar Archivo</a>
                                                            @if (Gate::check('camioneta.delete-archivo'))
                                                                <a class="dropdown-item" href="#" onclick="alertaDeConfirmarParaEliminarUnArchivo('{{ $archivo->id }}', this.parentElement.parentElement.parentElement.parentElement)"><i class="fas fa-trash"></i> Eliminar Archivo</a>
                                                            @endif
                                                        </div>
                                                    </div>
                                                </td>
                                                @if ($archivo->tipo=="Otros")
                                                    <td class="text-center">{{$archivo->tercer_nombre}}</td>
                                                @else
                                                    <td class="text-center">{{$archivo->tipo}}</td>
                                                @endif
                                                <td class="text-center">{{ $archivo->created_at->format('d-m-Y') }}</td>
                                                <td class="text-center">
                                                    @if (isset($archivo->fecha_vencimiento))  
                                                    {{ \Carbon\Carbon::parse($archivo->fecha_vencimiento)->format('d-m-Y') }}
                                                    @endif
                                                </td>
                                                <td class="text-center">
                                                    <button type="button" class="btn btn-default"
                                                        @if (
                                                            $archivo->extension == 'jpeg' ||
                                                            $archivo->extension == 'jpg' ||
                                                            $archivo->extension == 'png' ||
                                                            $archivo->extension == 'gif' ||
                                                            $archivo->extension == 'pdf' ||
                                                            $archivo->extension == 'txt') onclick="window.open('{{ route('camioneta.visualizar-archivo', $archivo) }}', '_blank')" @endif>
                                                        <i class="fas fa-eye"></i>
                                                    </button>
                                                </td>
                                            </tr>
                                        @endforeach
                                    @else
                                        <tr>
                                            <td colspan="6" class="text-center">No hay documentos subidos</td>
                                        </tr>
                                    @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