@extends('base')
@section('titulo')
    file
@endsection


@section('extracss')
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
@endsection


@section('extrajs')
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
    <script>
        $(document).ready(function() {
            $('select[name="id_cotizacion"').select2();
            document.querySelector('select[name="id_cotizacion"').parentElement.querySelector('span.select2-container')
                .style.width = "100%"
        });
    </script>

<script type="text/javascript">
    function getFileId(id) {
        $("#idFile").val(id);
    }
    //Limpiar los campos de la modal de traslados
    function limpiarCampos() {
        $('#nombre_cotizacion').val(''); //Limpiando el input
        $("#categoria_id").val(""); //Seleccionando la primera opción del select
    }

    function fun_delete(id) {
        $("#delete_id").val(id);
    }
</script>

<script>
    function mostrarLetraBL() {
        element = document.getElementById("Letra").style.display;

        //console.log(element);
        if (element == 'block') {
            document.getElementById("Letra").style.display = "none";
        } else {
            document.getElementById("Letra").style.display = "block";
        }
    }
</script>


@endsection



@section('content')
    <!-- Mensaje ocupado -->
    @include('sessions')

    @if ($errors->any())
        <div class="errors">
            <p class="alert alert-warning" role="alert">Por favor corrige los siguientes errores</p>
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif





    
         <!-- Agregar Modal -->
         @include('File.modals.addFile')
         <!-- Fin Agregar Modal -->
     
         {{-- Agregar BL modal --}}
         @include('File.modals.addBL')
     
         <!-- Delete modal-->
         @include('File.modals.deleteFile')
     
         @include('File.modals.notificacionModal')
    <script>
        function fun_notificacion(id) {
            $("#idBL").val(id);
           
        }
    </script>

 


    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item active" aria-current="page">Listado Files</li>
        </ol>
    </nav>

    <div class="d-sm-flex align-items-center justify-content-between mb-4">
        <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#addModal">
            Agregar File
        </button>
    </div>
    <p style="width: 100%;text-align:center;"><strong>Files que te corresponden</strong></p>
    <table id="files_table" class=" table InitializeDataTable">
        <thead class="thead-dark">
            <tr>
                <th scope="col">Item</th>
                <th scope="col">Codigo cotizacion</th>
                <th scope="col">Código</th>
                <th scope="col">Cliente</th>
                <th scope="col">Vendedor</th>
                <th scope="col">Operativo</th>
                <th scope="col">Fecha</th>
                <th scope="col">Estado</th>
                <th scope="col">Acciones</th>
            </tr>
        </thead>
        <tbody>
            @foreach ($fileO as $file)
                <tr>
                    <td>{{ $loop->iteration }}</td>
                    <td>{{ $file?->completa?->inicial?->codigo_cotizacion }}</td>
                    <td>{{ $file->file_code }}</td>
                    <td>{{ $file->cliente }}</td>
                    <td>{{ $file->completa->inicial->creada_por   }}</td>
                    <td>{{ $file->operativo }}</td>
                    <td>{{  date('d/m/Y',strtotime($file->created_at))  }}</td>
                    <td>{{ $file->file_status }}</td>
                    <td style="display: flex">
                        @if ($file->file_status == 'En proceso')
                            <button type="button" title="Eliminar" data-toggle="modal" data-target="#deleteModal"
                                class="fas fa-w fa-trash"
                                style="color:gray !important; background-color:transparent; border: 0px solid;"
                                onclick="fun_delete('{{ $file->id }}')"></button>

                            @if (true)
                                {{-- $file->completa->inicial->servicio->tipo == 'LCL' || $file->completa->inicial->servicio->tipo == 'FCL' || $file->completa->inicial->servicio->tipo == 'MIA' --}}
                               
                                @php
                                    $serv = $file->completa->inicial->servicio->id;
                                @endphp
                                @if ($serv===1 || $serv ===2 ||$serv===3 || $serv===4 || $serv===11)
                                <button type="button" title="Notificaciones" data-toggle="modal"
                                data-target="#notificacionModal" class="far fa-bell"
                                style="color:gray !important; background-color:transparent; border: 0px solid;"
                                onclick="fun_notificacion('{{ $file->id }}')"></button>
                                @endif
                      

                                <a title="detalle" class="fas fa-w fa-money-bill-alt m-1"
                                    style="color:gray !important; background-color:transparent; border: 0px solid;"
                                    href="{{ route('reserva.index', $file->id) }}"></a>

                                <a title="Tracking" class="fas fa-w fa-globe-americas m-1"
                                    style="color:gray !important; background-color:transparent; border: 0px solid;"
                                    href="{{ route('bl.tracking', $file->id) }}"></a>
                                <!---endcan-->


                                @if ($file->bl_created == 1)
                                    <a title="BL" fas fa-w fa-clipboard-list class="fas fa-w fa-anchor m-1"
                                        style="color:gray !important; background-color:transparent; border: 0px solid;"
                                        href="{{ route('bl.index', $file->id) }}"></a>


                                    <a type="button" title="BL" fas fa-w fa-clipboard-list class="fas fa-w fa-file-pdf m-1"
                                        style="color:gray !important; background-color:transparent; border: 0px solid;"
                                        href="{{ route('file.generateBL', $file->id) }}"></a>
                                @else
                              
                                    @if (in_array($file->completa->inicial->servicio->codigo_servicio, ['IMLCL', 'IMFLC', 'EMLCL', 'EMFCL','EMFCLA']))
                                        <button title="detalle" fas fa-w fa-clipboard-list data-toggle="modal"
                                            data-target="#addBLModal" class="fas fa-w fa-anchor m-1"
                                            style="color:gray !important; background-color:transparent; border: 0px solid;"
                                            onclick="getFileId('{{ $file->id }}')"> </button>
                                    @elseif (in_array($file->completa->inicial->servicio->codigo_servicio, ['ITLTL', 'ITFTL', 'ETLTL', 'ETFTL']))
                                        <a href="{{ route('bl.cartaPorteForm', ['file_id' => $file->id]) }}"
                                            title="detalle" class="fas fa-w fa-anchor m-1"></a>
                                    @elseif (in_array($file->completa->inicial->servicio->codigo_servicio, ['IAER', 'EAER']))
                                        <a href="{{ route('bl.GuiaAreaForm', ['file_id' => $file->id]) }}"
                                            title="detalle" class="fas fa-w fa-anchor m-1"></a>
                                    @endif
                                @endif
                            @endif
                        @endif
                    </td>
                </tr>
            @endforeach
        </tbody>
    </table>

    <p style="width: 100%;text-align:center;"><strong>Files de los otros operativos</strong></p>
    <table id="files_table" class=" table InitializeDataTable">
        <thead class="thead-dark">
            <tr>
                <th scope="col">Item</th>
                <th scope="col">Codigo Cotizacion</th>
                <th scope="col">Código</th>
                <th scope="col">Cliente</th>
                <th scope="col">Vendedor</th>
                <th scope="col">Operativo</th>
                <th scope="col">Fecha</th>
                <th scope="col">Estado</th>
            </tr>
        </thead>
        <tbody>
            @foreach ($fileN as $file)
                <tr>
                    <td>{{ $loop->iteration }}</td>
                    <td>{{ $file?->completa->inicial?->codigo_cotizacion ?? null }}</td>
                    <td>{{ $file->file_code }}</td>
                    <td>{{ $file->cliente }}</td>
                    <td>{{ $file?->completa->inicial?->creada_por ?? null}}</td>
                    <td>{{ $file->operativo }}</td>
                    <td>{{  date('d/m/Y',strtotime($file->created_at))  }}</td>
                    <td>{{ $file->file_status }}</td>
                </tr>
            @endforeach
        </tbody>
    </table>

   
@endsection