@extends('adminlte::page')

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

@section('title', 'Intranet | Detalle Vehículo')

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

    </div>
@stop

@section('content')
    <div class="card card-aspen">
        <div class="card-header">
            <h3 class="card-title">Detalle Vehículo</h3>
        </div>
        <div class="card-body">
            <div class="table-responsive table-bordered">
                <table class="table">
                    <thead>
                        <tr>
                            <th>Acción</th>
                            <th>Numero Interno De Faena</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->numero_interno_faena }}</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 Carpetas/Archivos</h3>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-bordered" id="documentacionDatatable">
                    <thead>
                        <tr>
                            <th>Acción</th>
                            <th>Nombre Archivo/Carpeta</th>
                            <th>Tipo</th>
                            <th>Usuario Que Adjunto El Archivo/Carpeta</th>
                            <th>Año</th>
                            <th>Fecha De Vencimiento</th>
                            <th>Alerta</th>
                            <th>Permiso</th>
                            <th>Validación De Documentos</th>
                            <th>Fecha De Subida</th>
                        </tr>
                    </thead>
                    <tbody>
                        @if (isset($carpeta))
                            @foreach ($carpeta->subcarpetas as $subCarpeta)
                                @if ($subCarpeta->permiso == 'administrador')
                                    @if (Gate::check('camioneta.index-carpeta-administrador'))
                                        <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);">
                                                    <a class="dropdown-item" href="{{ route('camioneta.show', [$camioneta, $subCarpeta]) }}"><i class="fas fa-folder-open"></i> Abrir Carpeta</a>
                                                    @if (Gate::check('camioneta.create-carpeta'))
                                                        <a class="dropdown-item" href="#" onclick="abrirModalDelFormularioCreacionDeCarpetaEnUnaCarpeta('{{ $subCarpeta->id }}')"><i class="fas fa-folder-plus"></i> Crear Carpeta</a>
                                                    @endif

                                                    @if (isset($subCarpeta->id_usuario))
                                                        @if (Gate::check('camioneta.edit-carpeta'))
                                                            <a class="dropdown-item" href="#" onclick="abrirModalDelFormularioEditarDeCarpetaEnUnaCarpeta('{{ $subCarpeta->id }}','{{ $subCarpeta->nombre_carpeta }}','{{ $subCarpeta->tipo }}',{{ $subCarpeta->alerta }},'{{ $subCarpeta->permiso }}','{{ $subCarpeta->validacion }}')"><i class="fas fa-folder"></i> Editar Carpeta</a>
                                                        @endif
                                                    @else
                                                        @if (Gate::check('camioneta.edit-alerta') || Gate::check('camioneta.edit-permiso'))
                                                            <a class="dropdown-item" href="#" onclick="abrirModalDelFormularioEditarDeCarpetaEnUnaCarpetaPorDefecto('{{ $subCarpeta->id }}',{{ $subCarpeta->alerta }},'{{ $subCarpeta->permiso }}','{{ $subCarpeta->validacion }}')"><i class="fas fa-folder"></i> Editar Carpeta</a>
                                                        @endif
                                                    @endif

                                                    @if ($subCarpeta->alerta == true)
                                                        @if (Gate::check('camioneta.create-archivo'))
                                                            <a class="dropdown-item" href="#" onclick="abrirModalFormularioSubirDocumento('{{ $subCarpeta->id }}')"><i class="fas fa-upload"></i> Subir Documentos</a>
                                                        @endif
                                                    @else
                                                        @if (Gate::check('camioneta.create-archivo'))
                                                            <a class="dropdown-item" href="#" onclick="abrirModalFormularioSubirDocumentoOpcional('{{ $subCarpeta->id }}')"><i class="fas fa-upload"></i> Subir Documentos</a>
                                                        @endif
                                                    @endif

                                                    @if (Gate::check('camioneta.delete-carpeta') && isset($subCarpeta->id_usuario))
                                                        <a class="dropdown-item" href="#" onclick="alertaDeConfirmarParaEliminarUnaCarpeta('{{ $subCarpeta->id }}', this.parentElement.parentElement.parentElement.parentElement)"><i class="fas fa-folder-minus"></i> Eliminar Carpeta</a>
                                                    @endif
                                                </div>
                                            </td>
                                            <td><a class="link-carpeta" href="{{ route('camioneta.show', [$camioneta, $subCarpeta]) }}"><i class="fas fa-folder-open"></i> {{ $subCarpeta->nombre_carpeta }}</a></td>
                                            <td>{{ $subCarpeta->tipo }}</td>
                                            @if ($subCarpeta->usuario)
                                                <td>{{ $subCarpeta->usuario->name }}</td>
                                            @else
                                                <td>Carpeta Creada De Manera Predeterminada</td>
                                            @endif
                                            <td>NO APLICA</td>
                                            <td>NO APLICA</td>
                                            @if ($subCarpeta->alerta == true)
                                                <td>APLICA</td>
                                            @else
                                                <td>NO APLICA</td>
                                            @endif
                                            <td>{{ $subCarpeta->permiso }}</td>
                                            @if ($subCarpeta->validacion == true)
                                                <td>APLICA</td>
                                            @else
                                                <td>NO APLICA</td>
                                            @endif
                                            <td>{{ fechaConFormatoDeChile($subCarpeta->created_at) }}</td>
                                        </tr>
                                    @endif
                                @elseif($subCarpeta->permiso == 'trabajador')
                                    @if (Gate::check('camioneta.index-carpeta-administrador') || Gate::check('camioneta.index-carpeta-trabajador'))
                                        <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);">
                                                    <a class="dropdown-item" href="{{ route('camioneta.show', [$camioneta, $subCarpeta]) }}"><i class="fas fa-folder-open"></i> Abrir Carpeta</a>
                                                    @if (Gate::check('camioneta.create-carpeta'))
                                                        <a class="dropdown-item" href="#" onclick="abrirModalDelFormularioCreacionDeCarpetaEnUnaCarpeta('{{ $subCarpeta->id }}')"><i class="fas fa-folder-plus"></i> Crear Carpeta</a>
                                                    @endif

                                                    @if (isset($subCarpeta->id_usuario))
                                                        @if (Gate::check('camioneta.edit-carpeta'))
                                                            <a class="dropdown-item" href="#" onclick="abrirModalDelFormularioEditarDeCarpetaEnUnaCarpeta('{{ $subCarpeta->id }}','{{ $subCarpeta->nombre_carpeta }}','{{ $subCarpeta->tipo }}',{{ $subCarpeta->alerta }},'{{ $subCarpeta->permiso }}','{{ $subCarpeta->validacion }}')"><i class="fas fa-folder"></i> Editar Carpeta</a>
                                                        @endif
                                                    @else
                                                        @if (Gate::check('camioneta.edit-alerta') || Gate::check('camioneta.edit-permiso'))
                                                            <a class="dropdown-item" href="#" onclick="abrirModalDelFormularioEditarDeCarpetaEnUnaCarpetaPorDefecto('{{ $subCarpeta->id }}',{{ $subCarpeta->alerta }},'{{ $subCarpeta->permiso }}','{{ $subCarpeta->validacion }}')"><i class="fas fa-folder"></i> Editar Carpeta</a>
                                                        @endif
                                                    @endif

                                                    @if ($subCarpeta->alerta == true)
                                                        @if (Gate::check('camioneta.create-archivo'))
                                                            <a class="dropdown-item" href="#" onclick="abrirModalFormularioSubirDocumento('{{ $subCarpeta->id }}')"><i class="fas fa-upload"></i> Subir Documentos</a>
                                                        @endif
                                                    @else
                                                        @if (Gate::check('camioneta.create-archivo'))
                                                            <a class="dropdown-item" href="#" onclick="abrirModalFormularioSubirDocumentoOpcional('{{ $subCarpeta->id }}')"><i class="fas fa-upload"></i> Subir Documentos</a>
                                                        @endif
                                                    @endif

                                                    @if (Gate::check('camioneta.delete-carpeta') && isset($subCarpeta->id_usuario))
                                                        <a class="dropdown-item" href="#" onclick="alertaDeConfirmarParaEliminarUnaCarpeta('{{ $subCarpeta->id }}', this.parentElement.parentElement.parentElement.parentElement)"><i class="fas fa-folder-minus"></i> Eliminar Carpeta</a>
                                                    @endif
                                                </div>
                                            </td>
                                            <td><a class="link-carpeta" href="{{ route('camioneta.show', [$camioneta, $subCarpeta]) }}"><i class="fas fa-folder-open"></i> {{ $subCarpeta->nombre_carpeta }}</a></td>
                                            <td>{{ $subCarpeta->tipo }}</td>
                                            @if ($subCarpeta->usuario)
                                                <td>{{ $subCarpeta->usuario->name }}</td>
                                            @else
                                                <td>Carpeta Creada De Manera Predeterminada</td>
                                            @endif
                                            <td>NO APLICA</td>
                                            <td>NO APLICA</td>
                                            @if ($subCarpeta->alerta == true)
                                                <td>APLICA</td>
                                            @else
                                                <td>NO APLICA</td>
                                            @endif
                                            <td>{{ $subCarpeta->permiso }}</td>
                                            @if ($subCarpeta->validacion == true)
                                                <td>APLICA</td>
                                            @else
                                                <td>NO APLICA</td>
                                            @endif
                                            <td>{{ fechaConFormatoDeChile($subCarpeta->created_at) }}</td>
                                        </tr>
                                    @endif
                                @else
                                    <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);">
                                                <a class="dropdown-item" href="{{ route('camioneta.show', [$camioneta, $subCarpeta]) }}"><i class="fas fa-folder-open"></i> Abrir Carpeta</a>
                                                @if (Gate::check('camioneta.create-carpeta'))
                                                    <a class="dropdown-item" href="#" onclick="abrirModalDelFormularioCreacionDeCarpetaEnUnaCarpeta('{{ $subCarpeta->id }}')"><i class="fas fa-folder-plus"></i> Crear Carpeta</a>
                                                @endif

                                                @if (isset($subCarpeta->id_usuario))
                                                    @if (Gate::check('camioneta.edit-carpeta'))
                                                        <a class="dropdown-item" href="#" onclick="abrirModalDelFormularioEditarDeCarpetaEnUnaCarpeta('{{ $subCarpeta->id }}','{{ $subCarpeta->nombre_carpeta }}','{{ $subCarpeta->tipo }}',{{ $subCarpeta->alerta }},'{{ $subCarpeta->permiso }}','{{ $subCarpeta->validacion }}')"><i class="fas fa-folder"></i> Editar Carpeta</a>
                                                    @endif
                                                @else
                                                    @if (Gate::check('camioneta.edit-alerta') || Gate::check('camioneta.edit-permiso'))
                                                        <a class="dropdown-item" href="#" onclick="abrirModalDelFormularioEditarDeCarpetaEnUnaCarpetaPorDefecto('{{ $subCarpeta->id }}',{{ $subCarpeta->alerta }},'{{ $subCarpeta->permiso }}','{{ $subCarpeta->validacion }}')"><i class="fas fa-folder"></i> Editar Carpeta</a>
                                                    @endif
                                                @endif

                                                @if ($subCarpeta->alerta == true)
                                                    @if (Gate::check('camioneta.create-archivo'))
                                                        <a class="dropdown-item" href="#" onclick="abrirModalFormularioSubirDocumento('{{ $subCarpeta->id }}')"><i class="fas fa-upload"></i> Subir Documentos</a>
                                                    @endif
                                                @else
                                                    @if (Gate::check('camioneta.create-archivo'))
                                                        <a class="dropdown-item" href="#" onclick="abrirModalFormularioSubirDocumentoOpcional('{{ $subCarpeta->id }}')"><i class="fas fa-upload"></i> Subir Documentos</a>
                                                    @endif
                                                @endif

                                                @if (Gate::check('camioneta.delete-carpeta') && isset($subCarpeta->id_usuario))
                                                    <a class="dropdown-item" href="#" onclick="alertaDeConfirmarParaEliminarUnaCarpeta('{{ $subCarpeta->id }}', this.parentElement.parentElement.parentElement.parentElement)"><i class="fas fa-folder-minus"></i> Eliminar Carpeta</a>
                                                @endif
                                            </div>
                                        </td>
                                        <td><a class="link-carpeta" href="{{ route('camioneta.show', [$camioneta, $subCarpeta]) }}"><i class="fas fa-folder-open"></i> {{ $subCarpeta->nombre_carpeta }}</a></td>
                                        <td>{{ $subCarpeta->tipo }}</td>
                                        @if ($subCarpeta->usuario)
                                            <td>{{ $subCarpeta->usuario->name }}</td>
                                        @else
                                            <td>Carpeta Creada De Manera Predeterminada</td>
                                        @endif
                                        <td>NO APLICA</td>
                                        <td>NO APLICA</td>
                                        @if ($subCarpeta->alerta == true)
                                            <td>APLICA</td>
                                        @else
                                            <td>NO APLICA</td>
                                        @endif
                                        <td>{{ $subCarpeta->permiso }}</td>
                                        @if ($subCarpeta->validacion == true)
                                            <td>APLICA</td>
                                        @else
                                            <td>NO APLICA</td>
                                        @endif
                                        <td>{{ fechaConFormatoDeChile($subCarpeta->created_at) }}</td>
                                    </tr>
                                @endif
                            @endforeach

                            @foreach ($carpeta->archivos as $archivoDeCarpeta)
                                <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 ($archivoDeCarpeta->extension == 'jpeg' || $archivoDeCarpeta->extension == 'jpg' || $archivoDeCarpeta->extension == 'png' || $archivoDeCarpeta->extension == 'gif' || $archivoDeCarpeta->extension == 'pdf' || $archivoDeCarpeta->extension == 'txt')
                                                <a class="dropdown-item" target="_blank" href="{{ route('camioneta.visualizar-archivo', $archivoDeCarpeta) }}"><i class="fas fa-eye"></i> Visualizar Archivo</a>
                                            @endif
                                            <a class="dropdown-item" target="_blank" href="{{ route('camioneta.descargar', $archivoDeCarpeta) }}"><i class="fas fa-download"></i> Descargar Archivo</a>
                                            @if ($archivoDeCarpeta->estado_validacion=="Rechazada")
                                                <a class="dropdown-item" href="#" onclick="verObservacionEstadoValidacionModal('{{$archivoDeCarpeta->observacion_estado_validacion}}','{{$archivoDeCarpeta->nombre_archivo}}')"><i class="fas fa-eye"></i> Ver Motivo De Rechazo</a>
                                            @endif
                                            @if (Gate::check('camioneta.delete-archivo'))
                                                <a class="dropdown-item" href="#" onclick="alertaDeConfirmarParaEliminarUnArchivo('{{ $archivoDeCarpeta->id }}', this.parentElement.parentElement.parentElement.parentElement)"><i class="fas fa-trash"></i> Eliminar Archivo</a>
                                            @endif
                                        </div>
                                    </td>
                                    @if ($archivoDeCarpeta->extension == 'jpeg' || $archivoDeCarpeta->extension == 'jpg' || $archivoDeCarpeta->extension == 'png' || $archivoDeCarpeta->extension == 'gif')
                                        <td><a class="archivo-img" target="_blank" href="{{ route('camioneta.visualizar-archivo', $archivoDeCarpeta) }}"><i class="fas fa-file-image"></i> {{ $archivoDeCarpeta->nombre_archivo }}</a></td>
                                    @elseif($archivoDeCarpeta->extension == 'pdf')
                                        <td><a class="archivo-pdf" target="_blank" href="{{ route('camioneta.visualizar-archivo', $archivoDeCarpeta) }}"><i class="fas fa-file-pdf"></i> {{ $archivoDeCarpeta->nombre_archivo }}</a></td>
                                    @elseif($archivoDeCarpeta->extension == 'xls' || $archivoDeCarpeta->extension == 'xlsx')
                                        <td><span class="archivo-excel"><i class="fas fa-file-excel"></i> {{ $archivoDeCarpeta->nombre_archivo }}</span></td>
                                    @elseif($archivoDeCarpeta->extension == 'doc' || $archivoDeCarpeta->extension == 'docx')
                                        <td><span class="archivo-word"><i class="fas fa-file-word"></i> {{ $archivoDeCarpeta->nombre_archivo }}</span></td>
                                    @elseif($archivoDeCarpeta->extension == 'ppt' || $archivoDeCarpeta->extension == 'pptx')
                                        <td><span class="archivo-power-point"><i class="fas fa-file-powerpoint"></i> {{ $archivoDeCarpeta->nombre_archivo }}</span></td>
                                    @elseif($archivoDeCarpeta->extension == 'txt')
                                        <td><a class="archivo-txt" target="_blank" href="{{ route('camioneta.visualizar-archivo', $archivoDeCarpeta) }}"><i class="fas fa-file-alt"></i> {{ $archivoDeCarpeta->nombre_archivo }}</a></td>
                                    @else
                                        <td><span class="archivo-file"><i class="fas fa-file"></i> {{ $archivoDeCarpeta->nombre_archivo }}</span></td>
                                    @endif

                                    <td>{{ $archivoDeCarpeta->tipo }}</td>
                                    @if ($archivoDeCarpeta->usuario)
                                        <td>{{ $archivoDeCarpeta->usuario->name }}</td>
                                    @else
                                        <td></td>
                                    @endif
                                    <td>{{ $archivoDeCarpeta->ano }}</td>
                                    <td>{{ $archivoDeCarpeta->fecha_vencimiento }}</td>
                                    <td>NO APLICA</td>
                                    <td>{{ $carpeta->permiso }}</td>
                                    @if ($carpeta->validacion == true)
                                        @if ($archivoDeCarpeta->estado_validacion == 'Aprobada')
                                            <td><span class="badge badge-success">{{ $archivoDeCarpeta->estado_validacion }}</span></td>
                                        @elseif($archivoDeCarpeta->estado_validacion == 'Rechazada')
                                            <td><span class="badge badge-danger">{{ $archivoDeCarpeta->estado_validacion }}</span></td>
                                        @elseif($archivoDeCarpeta->estado_validacion == 'Pendiente')
                                            <td><span class="badge badge-secondary">{{ $archivoDeCarpeta->estado_validacion }}</span></td>
                                        @else
                                            <td>{{ $archivoDeCarpeta->estado_validacion }}</td>
                                        @endif
                                    @else
                                        <td>NO APLICA</td>
                                    @endif
                                    <td>{{ fechaConFormatoDeChile($archivoDeCarpeta->created_at) }}</td>
                                </tr>
                            @endforeach
                        @else
                            @foreach ($camioneta->carpetasEnRaiz as $carpetaRaiz)
                                @if ($carpetaRaiz->permiso == 'administrador')
                                    @if (Gate::check('camioneta.index-carpeta-administrador'))
                                        <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);">
                                                    <a class="dropdown-item" href="{{ route('camioneta.show', [$camioneta, $carpetaRaiz]) }}"><i class="fas fa-folder-open"></i> Abrir Carpeta</a>
                                                    @if (Gate::check('camioneta.create-carpeta'))
                                                        <a class="dropdown-item" href="#" onclick="abrirModalDelFormularioCreacionDeCarpetaEnUnaCarpeta('{{ $carpetaRaiz->id }}')"><i class="fas fa-folder-plus"></i> Crear Carpeta</a>
                                                    @endif

                                                    @if (isset($carpetaRaiz->id_usuario))
                                                        @if (Gate::check('camioneta.edit-carpeta'))
                                                            <a class="dropdown-item" href="#" onclick="abrirModalDelFormularioEditarDeCarpetaEnUnaCarpeta('{{ $carpetaRaiz->id }}','{{ $carpetaRaiz->nombre_carpeta }}','{{ $carpetaRaiz->tipo }}',{{ $carpetaRaiz->alerta }},'{{ $carpetaRaiz->permiso }}','{{ $carpetaRaiz->validacion }}')"><i class="fas fa-folder"></i> Editar Carpeta</a>
                                                        @endif
                                                    @else
                                                        @if (Gate::check('camioneta.edit-alerta') || Gate::check('camioneta.edit-permiso'))
                                                            <a class="dropdown-item" href="#" onclick="abrirModalDelFormularioEditarDeCarpetaEnUnaCarpetaPorDefecto('{{ $carpetaRaiz->id }}',{{ $carpetaRaiz->alerta }},'{{ $carpetaRaiz->permiso }}','{{ $carpetaRaiz->validacion }}')"><i class="fas fa-folder"></i> Editar Carpeta</a>
                                                        @endif
                                                    @endif

                                                    @if ($carpetaRaiz->alerta == true)
                                                        @if (Gate::check('camioneta.create-archivo'))
                                                            <a class="dropdown-item" href="#" onclick="abrirModalFormularioSubirDocumento('{{ $carpetaRaiz->id }}')"><i class="fas fa-upload"></i> Subir Documentos</a>
                                                        @endif
                                                    @else
                                                        @if (Gate::check('camioneta.create-archivo'))
                                                            <a class="dropdown-item" href="#" onclick="abrirModalFormularioSubirDocumentoOpcional('{{ $carpetaRaiz->id }}')"><i class="fas fa-upload"></i> Subir Documentos</a>
                                                        @endif
                                                    @endif

                                                    @if (Gate::check('camioneta.delete-carpeta') && isset($carpetaRaiz->id_usuario))
                                                        <a class="dropdown-item" href="#" onclick="alertaDeConfirmarParaEliminarUnaCarpeta('{{ $carpetaRaiz->id }}', this.parentElement.parentElement.parentElement.parentElement)"><i class="fas fa-folder-minus"></i> Eliminar Carpeta</a>
                                                    @endif
                                                </div>
                                            </td>
                                            <td><a href="{{ route('camioneta.show', [$camioneta, $carpetaRaiz]) }}"><i class="fas fa-folder-open"></i> {{ $carpetaRaiz->nombre_carpeta }}</a></td>
                                            <td>{{ $carpetaRaiz->tipo }}</td>
                                            @if ($carpetaRaiz->usuario)
                                                <td>{{ $carpetaRaiz->usuario->name }}</td>
                                            @else
                                                <td>Carpeta Creada De Manera Predeterminada</td>
                                            @endif
                                            <td>NO APLICA</td>
                                            <td>NO APLICA</td>
                                            @if ($carpetaRaiz->alerta == true)
                                                <td>APLICA</td>
                                            @else
                                                <td>NO APLICA</td>
                                            @endif
                                            <td>{{ $carpetaRaiz->permiso }}</td>
                                            @if ($carpetaRaiz->validacion == true)
                                                <td>APLICA</td>
                                            @else
                                                <td>NO APLICA</td>
                                            @endif
                                            <td>{{ fechaConFormatoDeChile($carpetaRaiz->created_at) }}</td>
                                        </tr>
                                    @endif
                                @elseif($carpetaRaiz->permiso == 'trabajador')
                                    @if (Gate::check('camioneta.index-carpeta-administrador') || Gate::check('camioneta.index-carpeta-trabajador'))
                                        <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);">
                                                    <a class="dropdown-item" href="{{ route('camioneta.show', [$camioneta, $carpetaRaiz]) }}"><i class="fas fa-folder-open"></i> Abrir Carpeta</a>
                                                    @if (Gate::check('camioneta.create-carpeta'))
                                                        <a class="dropdown-item" href="#" onclick="abrirModalDelFormularioCreacionDeCarpetaEnUnaCarpeta('{{ $carpetaRaiz->id }}')"><i class="fas fa-folder-plus"></i> Crear Carpeta</a>
                                                    @endif

                                                    @if (isset($carpetaRaiz->id_usuario))
                                                        @if (Gate::check('camioneta.edit-carpeta'))
                                                            <a class="dropdown-item" href="#" onclick="abrirModalDelFormularioEditarDeCarpetaEnUnaCarpeta('{{ $carpetaRaiz->id }}','{{ $carpetaRaiz->nombre_carpeta }}','{{ $carpetaRaiz->tipo }}',{{ $carpetaRaiz->alerta }},'{{ $carpetaRaiz->permiso }}','{{ $carpetaRaiz->validacion }}')"><i class="fas fa-folder"></i> Editar Carpeta</a>
                                                        @endif
                                                    @else
                                                        @if (Gate::check('camioneta.edit-alerta') || Gate::check('camioneta.edit-permiso'))
                                                            <a class="dropdown-item" href="#" onclick="abrirModalDelFormularioEditarDeCarpetaEnUnaCarpetaPorDefecto('{{ $carpetaRaiz->id }}',{{ $carpetaRaiz->alerta }},'{{ $carpetaRaiz->permiso }}','{{ $carpetaRaiz->validacion }}')"><i class="fas fa-folder"></i> Editar Carpeta</a>
                                                        @endif
                                                    @endif

                                                    @if ($carpetaRaiz->alerta == true)
                                                        @if (Gate::check('camioneta.create-archivo'))
                                                            <a class="dropdown-item" href="#" onclick="abrirModalFormularioSubirDocumento('{{ $carpetaRaiz->id }}')"><i class="fas fa-upload"></i> Subir Documentos</a>
                                                        @endif
                                                    @else
                                                        @if (Gate::check('camioneta.create-archivo'))
                                                            <a class="dropdown-item" href="#" onclick="abrirModalFormularioSubirDocumentoOpcional('{{ $carpetaRaiz->id }}')"><i class="fas fa-upload"></i> Subir Documentos</a>
                                                        @endif
                                                    @endif

                                                    @if (Gate::check('camioneta.delete-carpeta') && isset($carpetaRaiz->id_usuario))
                                                        <a class="dropdown-item" href="#" onclick="alertaDeConfirmarParaEliminarUnaCarpeta('{{ $carpetaRaiz->id }}', this.parentElement.parentElement.parentElement.parentElement)"><i class="fas fa-folder-minus"></i> Eliminar Carpeta</a>
                                                    @endif
                                                </div>
                                            </td>
                                            <td><a href="{{ route('camioneta.show', [$camioneta, $carpetaRaiz]) }}"><i class="fas fa-folder-open"></i> {{ $carpetaRaiz->nombre_carpeta }}</a></td>
                                            <td>{{ $carpetaRaiz->tipo }}</td>
                                            @if ($carpetaRaiz->usuario)
                                                <td>{{ $carpetaRaiz->usuario->name }}</td>
                                            @else
                                                <td>Carpeta Creada De Manera Predeterminada</td>
                                            @endif
                                            <td>NO APLICA</td>
                                            <td>NO APLICA</td>
                                            @if ($carpetaRaiz->alerta == true)
                                                <td>APLICA</td>
                                            @else
                                                <td>NO APLICA</td>
                                            @endif
                                            <td>{{ $carpetaRaiz->permiso }}</td>
                                            @if ($carpetaRaiz->validacion == true)
                                                <td>APLICA</td>
                                            @else
                                                <td>NO APLICA</td>
                                            @endif
                                            <td>{{ fechaConFormatoDeChile($carpetaRaiz->created_at) }}</td>
                                        </tr>
                                    @endif
                                @else
                                    <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);">
                                                <a class="dropdown-item" href="{{ route('camioneta.show', [$camioneta, $carpetaRaiz]) }}"><i class="fas fa-folder-open"></i> Abrir Carpeta</a>
                                                @if (Gate::check('camioneta.create-carpeta'))
                                                    <a class="dropdown-item" href="#" onclick="abrirModalDelFormularioCreacionDeCarpetaEnUnaCarpeta('{{ $carpetaRaiz->id }}')"><i class="fas fa-folder-plus"></i> Crear Carpeta</a>
                                                @endif

                                                @if (isset($carpetaRaiz->id_usuario))
                                                    @if (Gate::check('camioneta.edit-carpeta'))
                                                        <a class="dropdown-item" href="#" onclick="abrirModalDelFormularioEditarDeCarpetaEnUnaCarpeta('{{ $carpetaRaiz->id }}','{{ $carpetaRaiz->nombre_carpeta }}','{{ $carpetaRaiz->tipo }}',{{ $carpetaRaiz->alerta }},'{{ $carpetaRaiz->permiso }}','{{ $carpetaRaiz->validacion }}')"><i class="fas fa-folder"></i> Editar Carpeta</a>
                                                    @endif
                                                @else
                                                    @if (Gate::check('camioneta.edit-alerta') || Gate::check('camioneta.edit-permiso'))
                                                        <a class="dropdown-item" href="#" onclick="abrirModalDelFormularioEditarDeCarpetaEnUnaCarpetaPorDefecto('{{ $carpetaRaiz->id }}',{{ $carpetaRaiz->alerta }},'{{ $carpetaRaiz->permiso }}','{{ $carpetaRaiz->validacion }}')"><i class="fas fa-folder"></i> Editar Carpeta</a>
                                                    @endif
                                                @endif

                                                @if ($carpetaRaiz->alerta == true)
                                                    @if (Gate::check('camioneta.create-archivo'))
                                                        <a class="dropdown-item" href="#" onclick="abrirModalFormularioSubirDocumento('{{ $carpetaRaiz->id }}')"><i class="fas fa-upload"></i> Subir Documentos</a>
                                                    @endif
                                                @else
                                                    @if (Gate::check('camioneta.create-archivo'))
                                                        <a class="dropdown-item" href="#" onclick="abrirModalFormularioSubirDocumentoOpcional('{{ $carpetaRaiz->id }}')"><i class="fas fa-upload"></i> Subir Documentos</a>
                                                    @endif
                                                @endif

                                                @if (Gate::check('camioneta.delete-carpeta') && isset($carpetaRaiz->id_usuario))
                                                    <a class="dropdown-item" href="#" onclick="alertaDeConfirmarParaEliminarUnaCarpeta('{{ $carpetaRaiz->id }}', this.parentElement.parentElement.parentElement.parentElement)"><i class="fas fa-folder-minus"></i> Eliminar Carpeta</a>
                                                @endif
                                            </div>
                                        </td>
                                        <td><a href="{{ route('camioneta.show', [$camioneta, $carpetaRaiz]) }}"><i class="fas fa-folder-open"></i> {{ $carpetaRaiz->nombre_carpeta }}</a></td>
                                        <td>{{ $carpetaRaiz->tipo }}</td>
                                        @if ($carpetaRaiz->usuario)
                                            <td>{{ $carpetaRaiz->usuario->name }}</td>
                                        @else
                                            <td>Carpeta Creada De Manera Predeterminada</td>
                                        @endif
                                        <td>NO APLICA</td>
                                        <td>NO APLICA</td>
                                        @if ($carpetaRaiz->alerta == true)
                                            <td>APLICA</td>
                                        @else
                                            <td>NO APLICA</td>
                                        @endif
                                        <td>{{ $carpetaRaiz->permiso }}</td>
                                        @if ($carpetaRaiz->validacion == true)
                                            <td>APLICA</td>
                                        @else
                                            <td>NO APLICA</td>
                                        @endif
                                        <td>{{ fechaConFormatoDeChile($carpetaRaiz->created_at) }}</td>
                                    </tr>
                                @endif
                            @endforeach
                        @endif
                    </tbody>
                </table>
            </div>
        </div>

        <div class="card-footer">
            @if (Gate::check('camioneta.create-carpeta'))
                @if (isset($carpeta))
                    <button type="button" class="btn btn-aspen" id="botonDeCreacionCarpeta" onclick="abrirModalDelFormularioCreacionDeCarpetaEnUnaCarpeta('{{ $carpeta->id }}')"><i class="fas fa-folder-plus" style="margin-right: 2px;"></i> Crear Carpeta En {{ $carpeta->nombre_carpeta }}</button>
                    @if ($carpeta->alerta == true)
                        @if (Gate::check('camioneta.create-archivo'))
                            <button type="button" class="btn btn-info" id="botonDeCreacionArchivo" onclick="abrirModalFormularioSubirDocumento('{{ $carpeta->id }}')"><i class="fas fa-upload" style="margin-right: 2px;"></i> Subir Documentos En {{ $carpeta->nombre_carpeta }}</button>
                        @endif
                    @else
                        @if (Gate::check('camioneta.create-archivo'))
                            <button type="button" class="btn btn-info" id="botonDeCreacionArchivo" onclick="abrirModalFormularioSubirDocumentoOpcional('{{ $carpeta->id }}')"><i class="fas fa-upload" style="margin-right: 2px;"></i> Subir Documentos En {{ $carpeta->nombre_carpeta }}</button>
                        @endif
                    @endif
                @else
                    <button type="button" class="btn btn-aspen" id="botonDeCreacionCarpeta" onclick="abrirModalDelFormularioCreacionDeCarpetaEnRaiz()"><i class="fas fa-folder-plus" style="margin-right: 2px;"></i> Crear Carpeta En Raiz</button>
                @endif
            @endif

            @if (Gate::check('camioneta.index') || Gate::check('amioneta.index-sucursal') || Gate::check('camioneta.index-empresas') || Gate::check('camioneta.index-centros-costos'))
                @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
            @endif
        </div>
    </div>

    <div class="modal fade" id="modalFormularioCreacionCarpeta" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <form id="formularioFormularioCreacionCarpeta">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #B08C1C; color:white;">
                        <h5 class="modal-title" id="exampleModalLabel">Crear Carpeta</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white;">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="form-group">
                            <label for="fechaVencimiento">Nombre Carpeta</label>
                            <input type="text" class="form-control" id="campoNombreCarpetaDelModalFormularioCreacionCarpeta" name="nombre_carpeta" value="{{ old('nombre_carpeta') }}">
                            <div class="invalid-feedback" id="validacionCampoNombreCarpetaDelModalFormularioCreacionCarpeta">

                            </div>
                        </div>

                        <div class="form-group">
                            <label for="fechaVencimiento">Tipo</label>
                            <input type="text" class="form-control" id="campoTipoDelModalFormularioCreacionCarpeta" name="tipo" value="{{ old('tipo') }}">
                            <div class="invalid-feedback" id="validacionCampoTipoDelModalFormularioCreacionCarpeta">

                            </div>
                        </div>

                        @if (Gate::check('camioneta.edit-alerta'))
                            <div class="form-group">
                                <label>Alerta</label>
                                <select class="form-control listaDespegableConBuscador" id="campoAlertaDelModalFormularioCreacionCarpeta" name="alerta" data-live-search="true">
                                    <option value="">--Seleccionar Alerta--</option>
                                    <option value="APLICA">APLICA</option>
                                    <option value="NO APLICA">NO APLICA</option>
                                </select>
                                <div class="invalid-feedback" id="validacionCampoAlertaDelModalFormularioCreacionCarpeta">

                                </div>
                            </div>
                        @endif

                        @if (Gate::check('camioneta.edit-permiso'))
                            <div class="form-group">
                                <label>Permiso</label>
                                <select class="form-control listaDespegableConBuscador" id="campoPermisoDelModalFormularioCreacionCarpeta" name="permiso" data-live-search="true">
                                    <option value="">--Seleccionar Permiso--</option>
                                    @foreach ($permisosDeTrabajos as $permiso)
                                        @if (old('permiso') == $permiso)
                                            <option selected value="{{ $permiso }}">{{ $permiso }}</option>
                                        @else
                                            <option value="{{ $permiso }}">{{ $permiso }}</option>
                                        @endif
                                    @endforeach
                                </select>
                                <div class="invalid-feedback" id="validacionCampoPermisoDelModalFormularioCreacionCarpeta">

                                </div>
                            </div>
                        @endif

                        @if (Gate::check('camioneta.edit-validacion'))
                            <div class="form-group">
                                <label>Validación De Documentos</label>
                                <select class="form-control listaDespegableConBuscador" id="campoValidacionDelModalFormularioCreacionCarpeta" name="validacion" data-live-search="true">
                                    <option value="">--Seleccionar Validación De Documentos--</option>
                                    <option value="APLICA">APLICA</option>
                                    <option value="NO APLICA">NO APLICA</option>
                                </select>
                                <div class="invalid-feedback" id="validacionCampoValidacionDelModalFormularioCreacionCarpeta">

                                </div>
                            </div>
                        @endif
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal" id="cerrarModalFormularioCreacionCarpeta">Cerrar</button>
                        <button type="button" class="btn btn-aspen" onclick="crearCarpeta()" id="botonCrearCarpeta">Crear Carpeta</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade" id="modalFormularioEditarCarpeta" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <form id="formularioFormularioEditarCarpeta">
            @csrf
            @method('put')
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #B08C1C; color:white;">
                        <h5 class="modal-title" id="exampleModalLabel">Editar Carpeta</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white;">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="form-group">
                            <label for="fechaVencimiento">Nombre Carpeta</label>
                            <input type="text" class="form-control" id="campoNombreCarpetaDelModalFormularioEditarCarpeta" name="nombre_carpeta" value="{{ old('nombre_carpeta') }}">
                            <div class="invalid-feedback" id="validacionCampoNombreCarpetaDelModalFormularioEditarCarpeta">

                            </div>
                        </div>

                        <div class="form-group">
                            <label for="fechaVencimiento">Tipo</label>
                            <input type="text" class="form-control" id="campoTipoDelModalFormularioEditarCarpeta" name="tipo" value="{{ old('tipo') }}">
                            <div class="invalid-feedback" id="validacionCampoTipoDelModalFormularioEditarCarpeta">

                            </div>
                        </div>

                        @if (Gate::check('camioneta.edit-alerta'))
                            <div class="form-group">
                                <label>Alerta</label>
                                <select class="form-control listaDespegableConBuscador" id="campoAlertaDelModalFormularioEditarCarpeta" name="alerta" data-live-search="true">
                                    <option value="">--Seleccionar Alerta--</option>
                                    <option value="APLICA">APLICA</option>
                                    <option value="NO APLICA">NO APLICA</option>
                                </select>
                                <div class="invalid-feedback" id="validacionCampoAlertaDelModalFormularioEditarCarpeta">

                                </div>
                            </div>
                        @endif

                        @if (Gate::check('camioneta.edit-permiso'))
                            <div class="form-group">
                                <label>Permiso</label>
                                <select class="form-control listaDespegableConBuscador" id="campoPermisoDelModalFormularioEditarCarpeta" name="permiso" data-live-search="true">
                                    <option value="">--Seleccionar Permiso--</option>
                                    @foreach ($permisosDeTrabajos as $permiso)
                                        @if (old('permiso') == $permiso)
                                            <option selected value="{{ $permiso }}">{{ $permiso }}</option>
                                        @else
                                            <option value="{{ $permiso }}">{{ $permiso }}</option>
                                        @endif
                                    @endforeach
                                </select>
                                <div class="invalid-feedback" id="validacionCampoPermisoDelModalFormularioEditarCarpeta">

                                </div>
                            </div>
                        @endif

                        @if (Gate::check('camioneta.edit-validacion'))
                            <div class="form-group">
                                <label>Validación De Documentos</label>
                                <select class="form-control listaDespegableConBuscador" id="campoValidacionDelModalFormularioEditarCarpeta" name="validacion" data-live-search="true">
                                    <option value="">--Seleccionar Validación De Documentos--</option>
                                    <option value="APLICA">APLICA</option>
                                    <option value="NO APLICA">NO APLICA</option>
                                </select>
                                <div class="invalid-feedback" id="validacionCampoValidacionDelModalFormularioEditarCarpeta">

                                </div>
                            </div>
                        @endif
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal" id="cerrarModalFormularioEditarCarpeta">Cerrar</button>
                        <button type="button" class="btn btn-aspen" onclick="EditarCarpeta()" id="botonEditarCarpeta">Editar Carpeta</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade" id="modalFormularioEditarCarpetaPorDefecto" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <form id="formularioFormularioEditarCarpetaPorDefecto">
            @csrf
            @method('put')
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #B08C1C; color:white;">
                        <h5 class="modal-title" id="exampleModalLabel">Editar Carpeta</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white;">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        @if (Gate::check('camioneta.edit-alerta'))
                            <div class="form-group">
                                <label>Alerta</label>
                                <select class="form-control listaDespegableConBuscador" id="campoAlertaDelModalFormularioEditarCarpetaPorDefecto" name="alerta" data-live-search="true">
                                    <option value="">--Seleccionar Alerta--</option>
                                    <option value="APLICA">APLICA</option>
                                    <option value="NO APLICA">NO APLICA</option>
                                </select>
                                <div class="invalid-feedback" id="validacionCampoAlertaDelModalFormularioEditarCarpetaPorDefecto">

                                </div>
                            </div>
                        @endif

                        @if (Gate::check('camioneta.edit-permiso'))
                            <div class="form-group">
                                <label>Permiso</label>
                                <select class="form-control listaDespegableConBuscador" id="campoPermisoDelModalFormularioEditarCarpetaPorDefecto" name="permiso" data-live-search="true">
                                    <option value="">--Seleccionar Permiso--</option>
                                    @foreach ($permisosDeTrabajos as $permiso)
                                        @if (old('permiso') == $permiso)
                                            <option selected value="{{ $permiso }}">{{ $permiso }}</option>
                                        @else
                                            <option value="{{ $permiso }}">{{ $permiso }}</option>
                                        @endif
                                    @endforeach
                                </select>
                                <div class="invalid-feedback" id="validacionCampoPermisoDelModalFormularioEditarCarpetaPorDefecto">

                                </div>
                            </div>
                        @endif

                        @if (Gate::check('camioneta.edit-validacion'))
                            <div class="form-group">
                                <label>Validación De Documentos</label>
                                <select class="form-control listaDespegableConBuscador" id="campoValidacionDelModalFormularioEditarCarpetaPorDefecto" name="validacion" data-live-search="true">
                                    <option value="">--Seleccionar Validación De Documentos--</option>
                                    <option value="APLICA">APLICA</option>
                                    <option value="NO APLICA">NO APLICA</option>
                                </select>
                                <div class="invalid-feedback" id="validacionCampoValidacionDelModalFormularioEditarCarpetaPorDefecto">

                                </div>
                            </div>
                        @endif
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal" id="cerrarModalFormularioEditarCarpetaPorDefecto">Cerrar</button>
                        <button type="button" class="btn btn-aspen" onclick="EditarCarpetaPorDefecto()" id="botonEditarCarpetaPorDefecto">Editar Carpeta</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade" id="modalFormularioSubirDocumentosCamioneta" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <form id="formularioSubirDocumentosCamioneta" enctype="multipart/form-data">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #B08C1C; color:white;">
                        <h5 class="modal-title" id="exampleModalLabel">Subir Documentos</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white;">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <h6>Nota: Si sube un archivo que tenga el mismo nombre de un archivo anteriormente subido en la misma carpeta, se reemplaza el archivo.</h6>

                        <div class="form-group">
                            <label for="fechaVencimiento">Año</label>
                            <input type="text" class="form-control" id="campoAnoModalSubirDocumento" name="ano" value="{{ old('ano') }}">
                            <div class="invalid-feedback" id="validacionCampoAnoModalSubirDocumento">

                            </div>
                        </div>

                        <div class="form-group">
                            <label for="fechaVencimiento">Fecha Vencimiento</label>
                            <input type="date" class="form-control" id="campoFechaVencimientoModalSubirDocumento" name="fecha_vencimiento" value="{{ old('fecha_vencimiento') }}">
                            <div class="invalid-feedback" id="validacionCampoFechaVencimientoModalSubirDocumento">

                            </div>
                        </div>

                        <div class="form-group">
                            <label>Seleccionar Archivos</label>
                            <input type="file" class="form-control-file " name="archivos" id="campoArchivosModalSubirDocumento">
                            <div class="invalid-feedback" id="validacionCampoArchivosModalSubirDocumento"></div>
                            <div class="valid-feedback" id="validacionCampoArchivosModalSubirDocumentoExito">El archivo es valido</div>
                        </div>

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal" id="cerrarModal">Cerrar</button>
                        <button type="button" class="btn btn-aspen" id="botonSubidaDocumento" onclick="adjuntarArchvos()">Subir Documentos</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade" id="modalFormularioSubirDocumentosCamionetaOpcional" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <form id="formularioSubirDocumentosCamionetaOpcional" enctype="multipart/form-data">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #B08C1C; color:white;">
                        <h5 class="modal-title" id="exampleModalLabel">Subir Documentos</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white;">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <h6>Nota: Si sube un archivo que tenga el mismo nombre de un archivo anteriormente subido en la misma carpeta, se reemplaza el archivo.</h6>

                        <div class="form-group">
                            <label for="fechaVencimiento">Año <span style="font-weight: 700; font-size:11px;">(Opcional)</span></label>
                            <input type="text" class="form-control" id="campoAnoModalSubirDocumentoOpcional" name="ano" value="{{ old('ano') }}">
                            <div class="invalid-feedback" id="validacionCampoAnoModalSubirDocumentoOpcional">

                            </div>
                        </div>

                        <div class="form-group">
                            <label for="fechaVencimiento">Fecha Vencimiento <span style="font-weight: 700; font-size:11px;">(Opcional)</span></label>
                            <input type="date" class="form-control" id="campoFechaVencimientoModalSubirDocumentoOpcional" name="fecha_vencimiento" value="{{ old('fecha_vencimiento') }}">
                            <div class="invalid-feedback" id="validacionCampoFechaVencimientoModalSubirDocumentoOpcional">

                            </div>
                        </div>

                        <div class="form-group">
                            <label>Seleccionar Archivos</label>
                            <input type="file" class="form-control-file " name="archivos" id="campoArchivosModalSubirDocumentoOpcional">
                            <div class="invalid-feedback" id="validacionCampoArchivosModalSubirDocumentoOpcional"></div>
                            <div class="valid-feedback" id="validacionCampoArchivosModalSubirDocumentoExitoOpcional">El archivo es valido</div>
                        </div>

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal" id="cerrarModal">Cerrar</button>
                        <button type="button" class="btn btn-aspen" id="botonSubidaDocumentoOpcional" onclick="adjuntarArchvosOpcional()">Subir Documentos</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade" id="modalFormularioCambioDeClave" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <form id="formularioCambioDeClave">
            @csrf
            @method('put')
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #B08C1C; color:white;">
                        <h5 class="modal-title" id="exampleModalLabel">Clave Camioneta</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white;">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">

                        <div class="form-group">
                            <label for="nombre">Nueva Clave</label>
                            <input type="password" class="form-control" id="campoClaveFormularioCambioDeClave" name="clave">
                            <div class="invalid-feedback" id="validacionCampoClaveFormularioCambioDeClave">

                            </div>
                        </div>

                        <div class="form-group">
                            <label for="nombre">Confirmar Nueva Clave</label>
                            <input type="password" class="form-control" id="campoConfirmacionClaveFormularioCambioDeClave" name="confirmar_clave">
                            <div class="invalid-feedback" id="validacionCampoConfirmacionClaveFormularioCambioDeClave">

                            </div>
                        </div>

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal" id="cerrarModalFormularioCambioDeClave">Cerrar</button>
                        <button type="button" class="btn btn-aspen" id="botonCambioClave">Cambiar Clave </button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade" id="modalEquipamientos" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header" style="background-color: #B08C1C; color:white;">
                    <h5 class="modal-title" id="tituloModalEquipamientos"></h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white;">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">

                    <div class="dt-responsive table-responsive">
                        <table class="table table-striped table-bordered" role="grid" aria-describedby="base-style_info">
                            <thead>
                                <tr role="row">
                                    <th>#</th>
                                    <th>Equipamiento</th>
                                </tr>
                            </thead>
                            <tbody id="registroModalEquipamientos">
                            </tbody>
                        </table>
                    </div>

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-aspen" data-dismiss="modal">Cerrar</button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="modalVerMotivoRechazoDocumento" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <form id="formularioVerMotivoRechazoDocumento">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #B08C1C; color:white;">
                        <h5 class="modal-title" id="tituloVerMotivoRechazoDocumento">Validacion </h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white;">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="form-group">
                            <label id="labelVerMotivoRechazoDocumento">Motivo Del Rechazo</label>
                            <textarea class="form-control" id="campoObservacionVerMotivoRechazoDocumento" rows="3" readonly="true"></textarea>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                    </div>
                </div>
            </div>
        </form>
    </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>
        $('#campoAnoModalSubirDocumento').inputmask({
            mask: '9999',
            clearIncomplete: false,
            placeholder: "",
        });

        $("#campoClaveFormularioCambioDeClave").strength();
        $("#campoConfirmacionClaveFormularioCambioDeClave").strength();

        if (document.getElementById("campoAlertaDelModalFormularioCreacionCarpeta")) {
            $('#campoAlertaDelModalFormularioCreacionCarpeta').selectpicker({
                dropupAuto: false
            });
        }

        if (document.getElementById("campoPermisoDelModalFormularioCreacionCarpeta")) {
            $('#campoPermisoDelModalFormularioCreacionCarpeta').selectpicker({
                dropupAuto: false
            });
        }

        if (document.getElementById("campoAlertaDelModalFormularioEditarCarpeta")) {
            $('#campoAlertaDelModalFormularioEditarCarpeta').selectpicker({
                dropupAuto: false
            });
        }

        if (document.getElementById("campoPermisoDelModalFormularioEditarCarpeta")) {
            $('#campoPermisoDelModalFormularioEditarCarpeta').selectpicker({
                dropupAuto: false
            });
        }

        if (document.getElementById("campoAlertaDelModalFormularioEditarCarpetaPorDefecto")) {
            $('#campoAlertaDelModalFormularioEditarCarpetaPorDefecto').selectpicker({
                dropupAuto: false
            });
        }
        if (document.getElementById("campoPermisoDelModalFormularioEditarCarpetaPorDefecto")) {
            $('#campoPermisoDelModalFormularioEditarCarpetaPorDefecto').selectpicker({
                dropupAuto: false
            });
        }
        if (document.getElementById("campoValidacionDelModalFormularioCreacionCarpeta")) {
            $('#campoValidacionDelModalFormularioCreacionCarpeta').selectpicker({
                dropupAuto: false
            });
        }
        if (document.getElementById("campoValidacionDelModalFormularioEditarCarpeta")) {
            $('#campoValidacionDelModalFormularioEditarCarpeta').selectpicker({
                dropupAuto: false
            });
        }
        if (document.getElementById("campoValidacionDelModalFormularioEditarCarpetaPorDefecto")) {
            $('#campoValidacionDelModalFormularioEditarCarpetaPorDefecto').selectpicker({
                dropupAuto: false
            });
        }
    </script>

    <script>
        var documentacionDatatable = $("#documentacionDatatable").DataTable({
            orderCellsTop: true,
            fixedHeader: true,
            lengthMenu: [
                [10, 25, 50, 100, -1],
                [10, 25, 50, 100, "Todos"],
            ],
            columnDefs: [{
                targets: 0,
                orderable: false
            }],
            language: {
                processing: "Procesando...",
                search: "Buscar",
                lengthMenu: "Mostrar_MENU_ Registros",
                info: "Mostrar desde _START_ hasta _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>>",
        });

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

        $("#documentacionDatatable 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).html(
                    '<input class="form-control" type="text" placeholder="Buscar ' + title + '" />'
                );
                $(this).removeClass("sorting");
                $(this).removeClass("sorting_asc");
                $(this).unbind();
                $(this).parent().attr('id', 'searchColumns');

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

    <script>
        let idCarpetaCreacionCarpeta = null;

        function validarModalDelFormularioCreacionDeCarpeta(data) {
            if (typeof data.responseJSON.errors.nombre_carpeta !== 'undefined') {
                document.getElementById("campoNombreCarpetaDelModalFormularioCreacionCarpeta").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoNombreCarpetaDelModalFormularioCreacionCarpeta").innerHTML = data.responseJSON.errors.nombre_carpeta;
            } else {
                document.getElementById("campoNombreCarpetaDelModalFormularioCreacionCarpeta").setAttribute("class", "form-control is-valid");
                document.getElementById("validacionCampoNombreCarpetaDelModalFormularioCreacionCarpeta").innerHTML = "";
            }

            if (typeof data.responseJSON.errors.tipo !== 'undefined') {
                document.getElementById("campoTipoDelModalFormularioCreacionCarpeta").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoTipoDelModalFormularioCreacionCarpeta").innerHTML = data.responseJSON.errors.tipo;
            } else {
                document.getElementById("campoTipoDelModalFormularioCreacionCarpeta").setAttribute("class", "form-control is-valid");
                document.getElementById("validacionCampoTipoDelModalFormularioCreacionCarpeta").innerHTML = "";
            }

            if (document.getElementById("campoAlertaDelModalFormularioCreacionCarpeta")) {
                if (typeof data.responseJSON.errors.alerta !== 'undefined') {
                    document.getElementById("campoAlertaDelModalFormularioCreacionCarpeta").classList.remove('input-success-icon');
                    document.getElementById("campoAlertaDelModalFormularioCreacionCarpeta").classList.add('input-error-icon');
                    document.getElementById("validacionCampoAlertaDelModalFormularioCreacionCarpeta").innerHTML = data.responseJSON.errors.alerta;
                    document.getElementById("validacionCampoAlertaDelModalFormularioCreacionCarpeta").style.display = "block";
                } else {
                    document.getElementById("campoAlertaDelModalFormularioCreacionCarpeta").classList.remove('input-error-icon');
                    document.getElementById("campoAlertaDelModalFormularioCreacionCarpeta").classList.add('input-success-icon');
                    document.getElementById("validacionCampoAlertaDelModalFormularioCreacionCarpeta").innerHTML = "";
                    document.getElementById("validacionCampoAlertaDelModalFormularioCreacionCarpeta").style.display = "none";
                }
            }

            if (document.getElementById("campoPermisoDelModalFormularioCreacionCarpeta")) {
                if (typeof data.responseJSON.errors.permiso !== 'undefined') {
                    document.getElementById("campoPermisoDelModalFormularioCreacionCarpeta").classList.remove('input-success-icon');
                    document.getElementById("campoPermisoDelModalFormularioCreacionCarpeta").classList.add('input-error-icon');
                    document.getElementById("validacionCampoPermisoDelModalFormularioCreacionCarpeta").innerHTML = data.responseJSON.errors.permiso;
                    document.getElementById("validacionCampoPermisoDelModalFormularioCreacionCarpeta").style.display = "block";
                } else {
                    document.getElementById("campoPermisoDelModalFormularioCreacionCarpeta").classList.remove('input-error-icon');
                    document.getElementById("campoPermisoDelModalFormularioCreacionCarpeta").classList.add('input-success-icon');
                    document.getElementById("validacionCampoPermisoDelModalFormularioCreacionCarpeta").innerHTML = "";
                    document.getElementById("validacionCampoPermisoDelModalFormularioCreacionCarpeta").style.display = "none";
                }
            }
        }

        function abrirModalDelFormularioCreacionDeCarpetaEnRaiz() {
            document.getElementById("campoNombreCarpetaDelModalFormularioCreacionCarpeta").value = "";
            document.getElementById("validacionCampoNombreCarpetaDelModalFormularioCreacionCarpeta").innerHTML = "";
            document.getElementById("campoNombreCarpetaDelModalFormularioCreacionCarpeta").setAttribute("class", "form-control");

            document.getElementById("campoTipoDelModalFormularioCreacionCarpeta").value = "";
            document.getElementById("validacionCampoTipoDelModalFormularioCreacionCarpeta").innerHTML = "";
            document.getElementById("campoTipoDelModalFormularioCreacionCarpeta").setAttribute("class", "form-control");

            if (document.getElementById("campoAlertaDelModalFormularioCreacionCarpeta")) {
                $('#campoAlertaDelModalFormularioCreacionCarpeta').selectpicker('val', "");
                document.getElementById("validacionCampoAlertaDelModalFormularioCreacionCarpeta").innerHTML = "";
                document.getElementById("campoAlertaDelModalFormularioCreacionCarpeta").classList.remove('input-success-icon');
                document.getElementById("campoAlertaDelModalFormularioCreacionCarpeta").classList.remove('input-error-icon');
                document.getElementById("validacionCampoAlertaDelModalFormularioCreacionCarpeta").style.display = "none";
            }

            if (document.getElementById("campoPermisoDelModalFormularioCreacionCarpeta")) {
                $('#campoPermisoDelModalFormularioCreacionCarpeta').selectpicker('val', "");
                document.getElementById("validacionCampoPermisoDelModalFormularioCreacionCarpeta").innerHTML = "";
                document.getElementById("campoPermisoDelModalFormularioCreacionCarpeta").classList.remove('input-success-icon');
                document.getElementById("campoPermisoDelModalFormularioCreacionCarpeta").classList.remove('input-error-icon');
                document.getElementById("validacionCampoPermisoDelModalFormularioCreacionCarpeta").style.display = "none";
            }

            idCarpetaCreacionCarpeta = null;

            $('#modalFormularioCreacionCarpeta').modal('show');
        }

        function abrirModalDelFormularioCreacionDeCarpetaEnUnaCarpeta(idCarpeta) {
            document.getElementById("campoNombreCarpetaDelModalFormularioCreacionCarpeta").value = "";
            document.getElementById("validacionCampoNombreCarpetaDelModalFormularioCreacionCarpeta").innerHTML = "";
            document.getElementById("campoNombreCarpetaDelModalFormularioCreacionCarpeta").setAttribute("class", "form-control");

            document.getElementById("campoTipoDelModalFormularioCreacionCarpeta").value = "";
            document.getElementById("validacionCampoTipoDelModalFormularioCreacionCarpeta").innerHTML = "";
            document.getElementById("campoTipoDelModalFormularioCreacionCarpeta").setAttribute("class", "form-control");

            if (document.getElementById("campoAlertaDelModalFormularioCreacionCarpeta")) {
                $('#campoAlertaDelModalFormularioCreacionCarpeta').selectpicker('val', "");
                document.getElementById("validacionCampoAlertaDelModalFormularioCreacionCarpeta").innerHTML = "";
                document.getElementById("campoAlertaDelModalFormularioCreacionCarpeta").classList.remove('input-success-icon');
                document.getElementById("campoAlertaDelModalFormularioCreacionCarpeta").classList.remove('input-error-icon');
                document.getElementById("validacionCampoAlertaDelModalFormularioCreacionCarpeta").style.display = "none";
            }

            if (document.getElementById("campoPermisoDelModalFormularioCreacionCarpeta")) {
                $('#campoPermisoDelModalFormularioCreacionCarpeta').selectpicker('val', "");
                document.getElementById("validacionCampoPermisoDelModalFormularioCreacionCarpeta").innerHTML = "";
                document.getElementById("campoPermisoDelModalFormularioCreacionCarpeta").classList.remove('input-success-icon');
                document.getElementById("campoPermisoDelModalFormularioCreacionCarpeta").classList.remove('input-error-icon');
                document.getElementById("validacionCampoPermisoDelModalFormularioCreacionCarpeta").style.display = "none";
            }

            idCarpetaCreacionCarpeta = idCarpeta;

            $('#modalFormularioCreacionCarpeta').modal('show');
        }

        function crearCarpeta() {
            document.getElementById("botonCrearCarpeta").setAttribute("disabled", true);
            var datosFormulario = $("#formularioFormularioCreacionCarpeta").serialize();
            generarLoading('{{asset('img/logo.png')}}')

            let url = "";
            if (idCarpetaCreacionCarpeta != null) {
                url = '{{ route('carpeta.store', [$camioneta, ':idCarpeta']) }}';
                url = url.replace(':idCarpeta', idCarpetaCreacionCarpeta);
            } else {
                url = '{{ route('carpeta.store', $camioneta) }}';
            }

            $.ajax({
                type: 'POST',
                datatype: 'json',
                url: url,
                data: datosFormulario,
                success: function(data) {
                    idCarpetaCreacionCarpeta = null;
                    Swal.fire({
                            icon: 'success',
                            title: '¡Carpeta Creada!',
                            text: 'La carpeta ' + data.nombre_carpeta + ' se creo con éxito',
                            confirmButtonColor: "#448aff",
                            confirmButtonText: "Confirmar"
                        }).then((result) => {
                            location.reload();
                        })
                        .catch((error) => {
                            location.reload();
                        });

                        eliminarLoading()
                },
                error: function(data) {
                    console.log(data)
                    validarModalDelFormularioCreacionDeCarpeta(data);
                    document.getElementById("botonCrearCarpeta").removeAttribute("disabled");
                    eliminarLoading()
                }
            })
        }
    </script>

    <script>
        let idCarpetaEditadaCarpeta = null;

        function validarModalDelFormularioEdicionDeCarpeta(data) {
            if (typeof data.responseJSON.errors.nombre_carpeta !== 'undefined') {
                document.getElementById("campoNombreCarpetaDelModalFormularioEditarCarpeta").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoNombreCarpetaDelModalFormularioEditarCarpeta").innerHTML = data.responseJSON.errors.nombre_carpeta;
            } else {
                document.getElementById("campoNombreCarpetaDelModalFormularioEditarCarpeta").setAttribute("class", "form-control is-valid");
                document.getElementById("validacionCampoNombreCarpetaDelModalFormularioEditarCarpeta").innerHTML = "";
            }

            if (typeof data.responseJSON.errors.tipo !== 'undefined') {
                document.getElementById("campoTipoDelModalFormularioEditarCarpeta").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoTipoDelModalFormularioEditarCarpeta").innerHTML = data.responseJSON.errors.tipo;
            } else {
                document.getElementById("campoTipoDelModalFormularioEditarCarpeta").setAttribute("class", "form-control is-valid");
                document.getElementById("validacionCampoTipoDelModalFormularioEditarCarpeta").innerHTML = "";
            }

            if (document.getElementById("campoAlertaDelModalFormularioEditarCarpeta")) {
                if (typeof data.responseJSON.errors.alerta !== 'undefined') {
                    document.getElementById("campoAlertaDelModalFormularioEditarCarpeta").classList.remove('input-success-icon');
                    document.getElementById("campoAlertaDelModalFormularioEditarCarpeta").classList.add('input-error-icon');
                    document.getElementById("validacionCampoAlertaDelModalFormularioEditarCarpeta").innerHTML = data.responseJSON.errors.alerta;
                    document.getElementById("validacionCampoAlertaDelModalFormularioEditarCarpeta").style.display = "block";
                } else {
                    document.getElementById("campoAlertaDelModalFormularioEditarCarpeta").classList.remove('input-error-icon');
                    document.getElementById("campoAlertaDelModalFormularioEditarCarpeta").classList.add('input-success-icon');
                    document.getElementById("validacionCampoAlertaDelModalFormularioEditarCarpeta").innerHTML = "";
                    document.getElementById("validacionCampoAlertaDelModalFormularioEditarCarpeta").style.display = "none";
                }
            }

            if (document.getElementById("campoPermisoDelModalFormularioEditarCarpeta")) {
                if (typeof data.responseJSON.errors.permiso !== 'undefined') {
                    document.getElementById("campoPermisoDelModalFormularioEditarCarpeta").classList.remove('input-success-icon');
                    document.getElementById("campoPermisoDelModalFormularioEditarCarpeta").classList.add('input-error-icon');
                    document.getElementById("validacionCampoPermisoDelModalFormularioEditarCarpeta").innerHTML = data.responseJSON.errors.permiso;
                    document.getElementById("validacionCampoPermisoDelModalFormularioEditarCarpeta").style.display = "block";
                } else {
                    document.getElementById("campoPermisoDelModalFormularioEditarCarpeta").classList.remove('input-error-icon');
                    document.getElementById("campoPermisoDelModalFormularioEditarCarpeta").classList.add('input-success-icon');
                    document.getElementById("validacionCampoPermisoDelModalFormularioEditarCarpeta").innerHTML = "";
                    document.getElementById("validacionCampoPermisoDelModalFormularioEditarCarpeta").style.display = "none";
                }
            }
        }

        function abrirModalDelFormularioEditarDeCarpetaEnUnaCarpeta(idCarpeta, nombreCarpeta, tipoCarpeta, alerta, permiso, validacion) {
            document.getElementById("campoNombreCarpetaDelModalFormularioEditarCarpeta").value = nombreCarpeta;
            document.getElementById("validacionCampoNombreCarpetaDelModalFormularioEditarCarpeta").innerHTML = "";
            document.getElementById("campoNombreCarpetaDelModalFormularioEditarCarpeta").setAttribute("class", "form-control");

            document.getElementById("campoTipoDelModalFormularioEditarCarpeta").value = tipoCarpeta;
            document.getElementById("validacionCampoTipoDelModalFormularioEditarCarpeta").innerHTML = "";
            document.getElementById("campoTipoDelModalFormularioEditarCarpeta").setAttribute("class", "form-control");

            if (document.getElementById("campoAlertaDelModalFormularioEditarCarpeta")) {
                if (alerta == true) {
                    $('#campoAlertaDelModalFormularioEditarCarpeta').selectpicker('val', "APLICA");
                } else {
                    $('#campoAlertaDelModalFormularioEditarCarpeta').selectpicker('val', "NO APLICA");
                }
                document.getElementById("validacionCampoAlertaDelModalFormularioEditarCarpeta").innerHTML = "";
                document.getElementById("campoAlertaDelModalFormularioEditarCarpeta").classList.remove('input-success-icon');
                document.getElementById("campoAlertaDelModalFormularioEditarCarpeta").classList.remove('input-error-icon');
                document.getElementById("validacionCampoAlertaDelModalFormularioEditarCarpeta").style.display = "none";
            }

            if (document.getElementById("campoPermisoDelModalFormularioEditarCarpeta")) {
                $('#campoPermisoDelModalFormularioEditarCarpeta').selectpicker('val', permiso);
                document.getElementById("validacionCampoPermisoDelModalFormularioEditarCarpeta").innerHTML = "";
                document.getElementById("campoPermisoDelModalFormularioEditarCarpeta").classList.remove('input-success-icon');
                document.getElementById("campoPermisoDelModalFormularioEditarCarpeta").classList.remove('input-error-icon');
                document.getElementById("validacionCampoPermisoDelModalFormularioEditarCarpeta").style.display = "none";
            }

            if (document.getElementById("campoValidacionDelModalFormularioEditarCarpeta")) {
                if (validacion == true) {
                    $('#campoValidacionDelModalFormularioEditarCarpeta').selectpicker('val', "APLICA");
                } else {
                    $('#campoValidacionDelModalFormularioEditarCarpeta').selectpicker('val', "NO APLICA");
                }
                document.getElementById("validacionCampoValidacionDelModalFormularioEditarCarpeta").innerHTML = "";
                document.getElementById("campoValidacionDelModalFormularioEditarCarpeta").classList.remove('input-success-icon');
                document.getElementById("campoValidacionDelModalFormularioEditarCarpeta").classList.remove('input-error-icon');
                document.getElementById("validacionCampoValidacionDelModalFormularioEditarCarpeta").style.display = "none";
            }

            idCarpetaEditadaCarpeta = idCarpeta;

            $('#modalFormularioEditarCarpeta').modal('show');
        }

        function EditarCarpeta() {
            document.getElementById("botonEditarCarpeta").setAttribute("disabled", true);
            var datosFormulario = $("#formularioFormularioEditarCarpeta").serialize();
            generarLoading('{{asset('img/logo.png')}}')

            let url = '{{ route('carpeta.update', ':idCarpeta') }}';
            url = url.replace(':idCarpeta', idCarpetaEditadaCarpeta);

            $.ajax({
                type: 'POST',
                datatype: 'json',
                url: url,
                data: datosFormulario,
                success: function(data) {
                    idCarpetaEditadaCarpeta = null;
                    Swal.fire({
                            icon: 'success',
                            title: '¡Carpeta Editada!',
                            text: 'La carpeta ' + data.nombre_carpeta + ' se edito con éxito',
                            confirmButtonColor: "#448aff",
                            confirmButtonText: "Confirmar"
                        }).then((result) => {
                            location.reload();
                        })
                        .catch((error) => {
                            location.reload();
                        });

                        eliminarLoading()
                },
                error: function(data) {
                    console.log(data)
                    validarModalDelFormularioEdicionDeCarpeta(data)
                    document.getElementById("botonEditarCarpeta").removeAttribute("disabled");
                    eliminarLoading()
                }
            })
        }
    </script>

    <script>
        let idCarpetaEditadaCarpetaPorDefecto = null;

        function validarModalDelFormularioEdicionDeCarpetaPorDefecto(data) {
            if (document.getElementById("campoAlertaDelModalFormularioEditarCarpetaPorDefecto")) {
                if (typeof data.responseJSON.errors.alerta !== 'undefined') {
                    document.getElementById("campoAlertaDelModalFormularioEditarCarpetaPorDefecto").classList.remove('input-success-icon');
                    document.getElementById("campoAlertaDelModalFormularioEditarCarpetaPorDefecto").classList.add('input-error-icon');
                    document.getElementById("validacionCampoAlertaDelModalFormularioEditarCarpetaPorDefecto").innerHTML = data.responseJSON.errors.alerta;
                    document.getElementById("validacionCampoAlertaDelModalFormularioEditarCarpetaPorDefecto").style.display = "block";
                } else {
                    document.getElementById("campoAlertaDelModalFormularioEditarCarpetaPorDefecto").classList.remove('input-error-icon');
                    document.getElementById("campoAlertaDelModalFormularioEditarCarpetaPorDefecto").classList.add('input-success-icon');
                    document.getElementById("validacionCampoAlertaDelModalFormularioEditarCarpetaPorDefecto").innerHTML = "";
                    document.getElementById("validacionCampoAlertaDelModalFormularioEditarCarpetaPorDefecto").style.display = "none";
                }
            }

            if (document.getElementById("campoPermisoDelModalFormularioEditarCarpetaPorDefecto")) {
                if (typeof data.responseJSON.errors.permiso !== 'undefined') {
                    document.getElementById("campoPermisoDelModalFormularioEditarCarpetaPorDefecto").classList.remove('input-success-icon');
                    document.getElementById("campoPermisoDelModalFormularioEditarCarpetaPorDefecto").classList.add('input-error-icon');
                    document.getElementById("validacionCampoPermisoDelModalFormularioEditarCarpetaPorDefecto").innerHTML = data.responseJSON.errors.permiso;
                    document.getElementById("validacionCampoPermisoDelModalFormularioEditarCarpetaPorDefecto").style.display = "block";
                } else {
                    document.getElementById("campoPermisoDelModalFormularioEditarCarpetaPorDefecto").classList.remove('input-error-icon');
                    document.getElementById("campoPermisoDelModalFormularioEditarCarpetaPorDefecto").classList.add('input-success-icon');
                    document.getElementById("validacionCampoPermisoDelModalFormularioEditarCarpetaPorDefecto").innerHTML = "";
                    document.getElementById("validacionCampoPermisoDelModalFormularioEditarCarpetaPorDefecto").style.display = "none";
                }
            }
        }

        function abrirModalDelFormularioEditarDeCarpetaEnUnaCarpetaPorDefecto(idCarpeta, alerta, permiso, validacion) {
            if (document.getElementById("campoAlertaDelModalFormularioEditarCarpetaPorDefecto")) {
                if (alerta == true) {
                    $('#campoAlertaDelModalFormularioEditarCarpetaPorDefecto').selectpicker('val', "APLICA");
                } else {
                    $('#campoAlertaDelModalFormularioEditarCarpetaPorDefecto').selectpicker('val', "NO APLICA");
                }
                document.getElementById("validacionCampoAlertaDelModalFormularioEditarCarpetaPorDefecto").innerHTML = "";
                document.getElementById("campoAlertaDelModalFormularioEditarCarpetaPorDefecto").classList.remove('input-success-icon');
                document.getElementById("campoAlertaDelModalFormularioEditarCarpetaPorDefecto").classList.remove('input-error-icon');
                document.getElementById("validacionCampoAlertaDelModalFormularioEditarCarpetaPorDefecto").style.display = "none";
            }

            if (document.getElementById("campoPermisoDelModalFormularioEditarCarpetaPorDefecto")) {
                $('#campoPermisoDelModalFormularioEditarCarpetaPorDefecto').selectpicker('val', permiso);
                document.getElementById("validacionCampoPermisoDelModalFormularioEditarCarpetaPorDefecto").innerHTML = "";
                document.getElementById("campoPermisoDelModalFormularioEditarCarpetaPorDefecto").classList.remove('input-success-icon');
                document.getElementById("campoPermisoDelModalFormularioEditarCarpetaPorDefecto").classList.remove('input-error-icon');
                document.getElementById("validacionCampoPermisoDelModalFormularioEditarCarpetaPorDefecto").style.display = "none";
            }

            if (document.getElementById("campoValidacionDelModalFormularioEditarCarpetaPorDefecto")) {
                if (validacion == true) {
                    $('#campoValidacionDelModalFormularioEditarCarpetaPorDefecto').selectpicker('val', "APLICA");
                } else {
                    $('#campoValidacionDelModalFormularioEditarCarpetaPorDefecto').selectpicker('val', "NO APLICA");
                }
                document.getElementById("validacionCampoValidacionDelModalFormularioEditarCarpetaPorDefecto").innerHTML = "";
                document.getElementById("campoValidacionDelModalFormularioEditarCarpetaPorDefecto").classList.remove('input-success-icon');
                document.getElementById("campoValidacionDelModalFormularioEditarCarpetaPorDefecto").classList.remove('input-error-icon');
                document.getElementById("validacionCampoValidacionDelModalFormularioEditarCarpetaPorDefecto").style.display = "none";
            }

            idCarpetaEditadaCarpetaPorDefecto = idCarpeta;

            $('#modalFormularioEditarCarpetaPorDefecto').modal('show');
        }

        function EditarCarpetaPorDefecto() {
            document.getElementById("botonEditarCarpetaPorDefecto").setAttribute("disabled", true);
            var datosFormulario = $("#formularioFormularioEditarCarpetaPorDefecto").serialize();
            generarLoading('{{asset('img/logo.png')}}')

            let url = '{{ route('carpeta.update', ':idCarpeta') }}';
            url = url.replace(':idCarpeta', idCarpetaEditadaCarpetaPorDefecto);

            $.ajax({
                type: 'POST',
                datatype: 'json',
                url: url,
                data: datosFormulario,
                success: function(data) {
                    idCarpetaEditadaCarpeta = null;
                    Swal.fire({
                            icon: 'success',
                            title: '¡Carpeta Editada!',
                            text: 'La carpeta se edito con éxito',
                            confirmButtonColor: "#448aff",
                            confirmButtonText: "Confirmar"
                        }).then((result) => {
                            location.reload();
                        })
                        .catch((error) => {
                            location.reload();
                        });

                        eliminarLoading()
                },
                error: function(data) {
                    console.log(data)
                    validarModalDelFormularioEdicionDeCarpetaPorDefecto(data)
                    document.getElementById("botonEditarCarpetaPorDefecto").removeAttribute("disabled");
                    eliminarLoading()
                }
            })
        }
    </script>

    <script>
        let idCarpetaAdjuntarArchivo = null;

        function validarModalDelFormularioSubirDocumento(data) {
            if (typeof data.responseJSON.errors.ano !== 'undefined') {
                document.getElementById("campoAnoModalSubirDocumento").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoAnoModalSubirDocumento").innerHTML = data.responseJSON.errors.ano;
            } else {
                document.getElementById("campoAnoModalSubirDocumento").setAttribute("class", "form-control is-valid");
                document.getElementById("validacionCampoAnoModalSubirDocumento").innerHTML = "";
            }

            if (typeof data.responseJSON.errors.fecha_vencimiento !== 'undefined') {
                document.getElementById("campoFechaVencimientoModalSubirDocumento").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoFechaVencimientoModalSubirDocumento").innerHTML = data.responseJSON.errors.fecha_vencimiento;
            } else {
                document.getElementById("campoFechaVencimientoModalSubirDocumento").setAttribute("class", "form-control is-valid");
                document.getElementById("validacionCampoFechaVencimientoModalSubirDocumento").innerHTML = "";
            }

            if (typeof data.responseJSON.errors.archivos !== 'undefined') {
                document.getElementById("campoArchivosModalSubirDocumento").setAttribute("class", "form-control-file is-invalid");
                document.getElementById("validacionCampoArchivosModalSubirDocumento").innerHTML = data.responseJSON.errors.archivos;
                document.getElementById("validacionCampoArchivosModalSubirDocumento").style.display = "block";
                document.getElementById("validacionCampoArchivosModalSubirDocumentoExito").style.display = "none";
            } else {
                document.getElementById("campoArchivosModalSubirDocumento").setAttribute("class", "form-control-file is-valid");
                document.getElementById("validacionCampoArchivosModalSubirDocumento").innerHTML = "";
                document.getElementById("validacionCampoArchivosModalSubirDocumento").style.display = "none";
                document.getElementById("validacionCampoArchivosModalSubirDocumentoExito").style.display = "block";
            }
        }

        function abrirModalFormularioSubirDocumento(idCarpeta) {
            document.getElementById("campoAnoModalSubirDocumento").value = "";
            document.getElementById("validacionCampoAnoModalSubirDocumento").innerHTML = "";
            document.getElementById("campoAnoModalSubirDocumento").setAttribute("class", "form-control");

            document.getElementById("campoFechaVencimientoModalSubirDocumento").value = "";
            document.getElementById("validacionCampoFechaVencimientoModalSubirDocumento").innerHTML = "";
            document.getElementById("campoFechaVencimientoModalSubirDocumento").setAttribute("class", "form-control");

            document.getElementById("formularioSubirDocumentosCamioneta").reset();
            document.getElementById("validacionCampoArchivosModalSubirDocumento").innerHTML = "";
            document.getElementById("validacionCampoArchivosModalSubirDocumento").style.display = "none";
            document.getElementById("validacionCampoArchivosModalSubirDocumentoExito").style.display = "none";
            document.getElementById("campoArchivosModalSubirDocumento").setAttribute("class", "form-control-file");

            idCarpetaAdjuntarArchivo = idCarpeta;

            $('#modalFormularioSubirDocumentosCamioneta').modal('show');
        }

        function adjuntarArchvos() {
            document.getElementById("botonSubidaDocumento").setAttribute("disabled", true);
            generarLoading('{{asset('img/logo.png')}}')

            var formData = new FormData();
            let archivosParaSubir = document.getElementById("campoArchivosModalSubirDocumento").files;
            formData.append('ano', document.getElementById("campoAnoModalSubirDocumento").value);
            formData.append('fecha_vencimiento', document.getElementById("campoFechaVencimientoModalSubirDocumento").value);
            for (let archivo of archivosParaSubir) {
                formData.append('archivos', archivo);
            }

            let url = '{{ route('archivo.store', [$camioneta, ':idCarpeta']) }}';
            url = url.replace(':idCarpeta', idCarpetaAdjuntarArchivo);

            let csrf = '{{ csrf_token() }}';
            $.ajax({
                url: url,
                method: 'POST',
                data: formData,
                contentType: false,
                processData: false,
                dataType: 'json',
                headers: {
                    'X-CSRF-TOKEN': csrf
                },
                success: function(data) {
                    idCarpetaCreacionCarpeta = null;
                    Swal.fire({
                            icon: 'success',
                            title: '¡Archivos Subidos!',
                            text: 'Los archivos se subieron con éxito',
                            confirmButtonColor: "#448aff",
                            confirmButtonText: "Confirmar"
                        }).then((result) => {
                            location.reload();
                        })
                        .catch((error) => {
                            location.reload();
                        });

                        eliminarLoading()
                },
                error: function(data) {
                    console.log(data)
                    validarModalDelFormularioSubirDocumento(data);
                    document.getElementById("botonSubidaDocumento").removeAttribute("disabled");
                    eliminarLoading()
                }
            })
        }
    </script>

    <script>
        function validarModalDelFormularioSubirDocumentoOpcional(data) {
            if (typeof data.responseJSON.errors.ano !== 'undefined') {
                document.getElementById("campoAnoModalSubirDocumentoOpcional").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoAnoModalSubirDocumentoOpcional").innerHTML = data.responseJSON.errors.ano;
            } else {
                document.getElementById("campoAnoModalSubirDocumentoOpcional").setAttribute("class", "form-control is-valid");
                document.getElementById("validacionCampoAnoModalSubirDocumentoOpcional").innerHTML = "";
            }

            if (typeof data.responseJSON.errors.fecha_vencimiento !== 'undefined') {
                document.getElementById("campoFechaVencimientoModalSubirDocumentoOpcional").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoFechaVencimientoModalSubirDocumentoOpcional").innerHTML = data.responseJSON.errors.fecha_vencimiento;
            } else {
                document.getElementById("campoFechaVencimientoModalSubirDocumentoOpcional").setAttribute("class", "form-control is-valid");
                document.getElementById("validacionCampoFechaVencimientoModalSubirDocumentoOpcional").innerHTML = "";
            }

            if (typeof data.responseJSON.errors.archivos !== 'undefined') {
                document.getElementById("campoArchivosModalSubirDocumentoOpcional").setAttribute("class", "form-control-file is-invalid");
                document.getElementById("validacionCampoArchivosModalSubirDocumentoOpcional").innerHTML = data.responseJSON.errors.archivos;
                document.getElementById("validacionCampoArchivosModalSubirDocumentoOpcional").style.display = "block";
                document.getElementById("validacionCampoArchivosModalSubirDocumentoExitoOpcional").style.display = "none";
            } else {
                document.getElementById("campoArchivosModalSubirDocumentoOpcional").setAttribute("class", "form-control-file is-valid");
                document.getElementById("validacionCampoArchivosModalSubirDocumentoOpcional").innerHTML = "";
                document.getElementById("validacionCampoArchivosModalSubirDocumentoOpcional").style.display = "none";
                document.getElementById("validacionCampoArchivosModalSubirDocumentoExitoOpcional").style.display = "block";
            }
        }

        function abrirModalFormularioSubirDocumentoOpcional(idCarpeta) {
            document.getElementById("campoAnoModalSubirDocumentoOpcional").value = "";
            document.getElementById("validacionCampoAnoModalSubirDocumentoOpcional").innerHTML = "";
            document.getElementById("campoAnoModalSubirDocumentoOpcional").setAttribute("class", "form-control");

            document.getElementById("campoFechaVencimientoModalSubirDocumentoOpcional").value = "";
            document.getElementById("validacionCampoFechaVencimientoModalSubirDocumentoOpcional").innerHTML = "";
            document.getElementById("campoFechaVencimientoModalSubirDocumentoOpcional").setAttribute("class", "form-control");

            document.getElementById("formularioSubirDocumentosCamionetaOpcional").reset();
            document.getElementById("validacionCampoArchivosModalSubirDocumentoOpcional").innerHTML = "";
            document.getElementById("validacionCampoArchivosModalSubirDocumentoOpcional").style.display = "none";
            document.getElementById("validacionCampoArchivosModalSubirDocumentoExitoOpcional").style.display = "none";
            document.getElementById("campoArchivosModalSubirDocumentoOpcional").setAttribute("class", "form-control-file");

            idCarpetaAdjuntarArchivo = idCarpeta;

            $('#modalFormularioSubirDocumentosCamionetaOpcional').modal('show');
        }

        function adjuntarArchvosOpcional() {
            document.getElementById("botonSubidaDocumentoOpcional").setAttribute("disabled", true);
            generarLoading('{{asset('img/logo.png')}}')

            var formData = new FormData();
            let archivosParaSubir = document.getElementById("campoArchivosModalSubirDocumentoOpcional").files;
            formData.append('ano', document.getElementById("campoAnoModalSubirDocumentoOpcional").value);
            formData.append('fecha_vencimiento', document.getElementById("campoFechaVencimientoModalSubirDocumentoOpcional").value);
            for (let archivo of archivosParaSubir) {
                formData.append('archivos', archivo);
            }

            let url = '{{ route('archivo.store-opcional', [$camioneta, ':idCarpeta']) }}';
            url = url.replace(':idCarpeta', idCarpetaAdjuntarArchivo);

            let csrf = '{{ csrf_token() }}';
            $.ajax({
                url: url,
                method: 'POST',
                data: formData,
                contentType: false,
                processData: false,
                dataType: 'json',
                headers: {
                    'X-CSRF-TOKEN': csrf
                },
                success: function(data) {
                    idCarpetaCreacionCarpeta = null;
                    Swal.fire({
                            icon: 'success',
                            title: '¡Archivos Subidos!',
                            text: 'Los archivos se subieron con éxito',
                            confirmButtonColor: "#448aff",
                            confirmButtonText: "Confirmar"
                        }).then((result) => {
                            location.reload();
                        })
                        .catch((error) => {
                            location.reload();
                        });

                        eliminarLoading()
                },
                error: function(data) {
                    console.log(data)
                    validarModalDelFormularioSubirDocumentoOpcional(data);
                    document.getElementById("botonSubidaDocumentoOpcional").removeAttribute("disabled");
                    eliminarLoading()
                }
            })
        }
    </script>

    <script>
        function alertaDeConfirmarParaEliminarUnaCarpeta(idCarpeta, filaCarpeta) {
            Swal.fire({
                title: '¿Esta seguro?',
                text: "Esta carpeta se eliminara definitivamente de la plataforma",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: '¡Si, eliminar!',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    eliminarCarpeta(idCarpeta, filaCarpeta);
                }
            })
        }

        function eliminarCarpeta(idCarpeta, filaCarpeta) {
            generarLoading('{{asset('img/logo.png')}}')

            var url = '{{ route('carpeta.destroy', [':idCarpeta']) }}';
            url = url.replace(':idCarpeta', idCarpeta);
            var csrf = '{{ csrf_token() }}';

            $.ajax({
                type: 'DELETE',
                datatype: 'json',
                url: url,
                headers: {
                    'X-CSRF-TOKEN': csrf
                },
                success: function(data) {
                    eliminarLoading()

                    if (data.estado == "eliminado") {
                        documentacionDatatable.row(filaCarpeta).remove().draw(false);
                        Swal.fire({
                                icon: 'success',
                                title: '¡Carpeta Eliminada!',
                                text: 'La carpeta ' + data.nombre + ' se elimino con éxito',
                                confirmButtonColor: "#448aff",
                                confirmButtonText: "Confirmar"
                            }).then((result) => {
                                location.reload();
                            })
                            .catch((error) => {
                                location.reload();
                            });
                    }

                    if (data.estado == "no-eliminado") {
                        Swal.fire({
                            icon: 'error',
                            title: '¡Problemas Con La Eliminación!',
                            text: 'La carpeta ' + data.nombre + ' no puede ser eliminado, tiene asociaciones que complican la operación',
                            confirmButtonColor: "#448aff",
                            confirmButtonText: "Confirmar"
                        })
                    }
                },
                error: function(data) {
                    console.log(data)
                    eliminarLoading()
                }
            })
        }
    </script>

    <script>
        function alertaDeConfirmarParaEliminarUnArchivo(idArchivo, filaArchivo) {
            Swal.fire({
                title: '¿Esta seguro?',
                text: "Este archivo se eliminara definitivamente de la plataforma",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: '¡Si, eliminar!',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    eliminarArchivo(idArchivo, filaArchivo);
                }
            })
        }

        function eliminarArchivo(idArchivo, filaArchivo) {
            generarLoading('{{asset('img/logo.png')}}')

            var url = '{{ route('archivo.destroy', [':idArchivo']) }}';
            url = url.replace(':idArchivo', idArchivo);
            var csrf = '{{ csrf_token() }}';

            $.ajax({
                type: 'DELETE',
                datatype: 'json',
                url: url,
                headers: {
                    'X-CSRF-TOKEN': csrf
                },
                success: function(data) {
                    eliminarLoading()

                    if (data.estado == "eliminado") {
                        documentacionDatatable.row(filaArchivo).remove().draw(false);
                        Swal.fire({
                                icon: 'success',
                                title: '¡Archivo Eliminado!',
                                text: 'El archivo ' + data.nombre + ' se elimino con éxito',
                                confirmButtonColor: "#448aff",
                                confirmButtonText: "Confirmar"
                            }).then((result) => {
                                location.reload();
                            })
                            .catch((error) => {
                                location.reload();
                            });
                    }

                    if (data.estado == "no-eliminado") {
                        Swal.fire({
                            icon: 'error',
                            title: '¡Problemas Con La Eliminación!',
                            text: 'El archivo ' + data.nombre + ' no puede ser eliminado, tiene asociaciones que complican la operación',
                            confirmButtonColor: "#448aff",
                            confirmButtonText: "Confirmar"
                        })
                    }
                },
                error: function(data) {
                    console.log(data)
                    eliminarLoading()
                }
            })
        }
    </script>

    <script>
        function alertaDeConfirmarParaEliminarUnCamioneta(idCamioneta) {
            Swal.fire({
                title: '¿Esta seguro?',
                text: "Esta camioneta se eliminara definitivamente de la plataforma",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: '¡Si, eliminar!',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    eliminarCamioneta(idCamioneta);
                }
            })
        }

        function eliminarCamioneta(idCamioneta) {
            generarLoading('{{asset('img/logo.png')}}')

            var url = '{{ route('camioneta.destroy', [':idCamioneta']) }}';
            url = url.replace(':idCamioneta', idCamioneta);
            var csrf = '{{ csrf_token() }}';

            $.ajax({
                type: 'DELETE',
                datatype: 'json',
                url: url,
                headers: {
                    'X-CSRF-TOKEN': csrf
                },
                success: function(data) {
                    eliminarLoading()

                    if (data.estado == "eliminado") {
                        Swal.fire({
                                icon: 'success',
                                title: '¡Camioneta Eliminado!',
                                text: 'La camioneta con la patente ' + data.nombre + ' se elimino con éxito',
                                confirmButtonColor: "#448aff",
                                confirmButtonText: "Confirmar"
                            }).then((result) => {
                                location.href = "{{ route('camioneta.index') }}";
                            })
                            .catch((error) => {
                                location.href = "{{ route('camioneta.index') }}";
                            });
                    }

                    if (data.estado == "no-eliminado") {
                        Swal.fire({
                            icon: 'error',
                            title: '¡Problemas Con La Eliminación!',
                            text: 'La camioneta con la patente ' + data.nombre + ' no puede ser eliminada, tiene asociaciones que complican la operación',
                            confirmButtonColor: "#448aff",
                            confirmButtonText: "Confirmar"
                        })
                    }
                },
                error: function(data) {
                    console.log(data)
                    eliminarLoading()
                }
            })
        }
    </script>

    <script>
        function detalleEquipamiento(patente, equipamientos) {
            let listadoEquipamientos = equipamientos;
            document.getElementById("registroModalEquipamientos").innerHTML = "";
            let cantidadEquipamiento = 0;
            listadoEquipamientos.forEach(equipamiento => {
                cantidadEquipamiento++;
                document.getElementById("registroModalEquipamientos").innerHTML +=
                    '<tr role="row" class="odd">' +
                    '<td class="tabla-contador-modal-equipamiento">' + cantidadEquipamiento + '</td>' +
                    '<td class="tabla-modal-equipamiento-equipamiento">' + equipamiento.equipamiento + '</td>' +
                    '</tr>';
            });
            document.getElementById("tituloModalEquipamientos").innerHTML = "Equipamientos del vehículo " + patente;
            $("#modalEquipamientos").modal("show");
        }
    </script>

    <script>
        function verObservacionEstadoValidacionModal(observacion,nombreArchivo){
            document.getElementById("campoObservacionVerMotivoRechazoDocumento").value=observacion;
            document.getElementById("tituloVerMotivoRechazoDocumento").innerHTML=nombreArchivo;
            $('#modalVerMotivoRechazoDocumento').modal('show');
        }
    </script>

    @if (isset($carpeta))
        <script>
            document.getElementById("ordenArchivos").style.color = "#666666";
            document.getElementById("ordenArchivos").style.fontSize = "18px";
            document.getElementById("ordenArchivos").style.fontWeight = "700";
            document.getElementById("ordenArchivos").innerHTML = "{!! $ruta !!}";
            document.getElementById("rutaActual").style.color = "#1b2733";
        </script>
    @else
        <script>
            document.getElementById("ordenArchivos").style.color = "#666666";
            document.getElementById("ordenArchivos").style.fontSize = "18px";
            document.getElementById("ordenArchivos").style.fontWeight = "700";
            document.getElementById("ordenArchivos").innerHTML = "{!! $ruta !!}";
            document.getElementById("rutaActual").style.color = "#1b2733";
        </script>
    @endif
@stop