@extends('Sidebar.icssacvSidebar')

@section('title', 'Seguimiento')

@section('contenido')
<link rel="stylesheet" href="//cdn.datatables.net/1.10.7/css/jquery.dataTables.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/responsive/2.2.9/css/responsive.bootstrap4.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/1.11.5/css/dataTables.bootstrap4.min.css">
  <div class="card-body">
    {{-- Función de cálculo de días--}}
    @php
       
        function getDaysFromDateWithoutWEsHs(DateTime $inicial,DateTime $final){
            $intervalo = $final->diff($inicial);
            $dias = $intervalo->days;
            $periodo = new DatePeriod($inicial, new DateInterval('P1D'), $final);
            $feriados = array('2022-01-01','2022-03-21','2022-04-14','2022-04-15','2022-05-01','2022-05-05','2022-09-16','2022-11-02','2022-11-21', '2023-03-20');
        
            foreach($periodo as $dt) {
                $curr = $dt->format('D');
                
                if ($curr == 'Sat' || $curr == 'Sun') {
                    $dias--;
                }elseif (in_array($dt->format('Y-m-d'), $feriados)) {
                    $dias--;
                }
            }
            return $dias; 
        }
        
        $fechaActual= new DateTime();
        
    @endphp
    <div class="table-responsive" style= "margin: 0 auto";>
        <center><table class="table table-striped" id="data-table">
            <thead>
                <tr>
                    <th width="9%" style="text-align: center; color:white;" bgcolor="B0434D" scope="col">C.A. Final</th>
                    <th width="9%" style="text-align: center; color:white;" bgcolor="B0434D" scope="col">No. Eco</th>
                    <th width="9%" style="text-align: center; color:white;" bgcolor="B0434D" scope="col">No. Serie</th>
                    <th width="9%" style="text-align: center; color:white;" bgcolor="B0434D" scope="col">No. Motor</th>
                    <th width="9%" style="text-align: center; color:white;" bgcolor="B0434D" scope="col">C.I. Vehiculo</th>
                    <th width="9%" style="text-align: center; color:white;" bgcolor="B0434D" scope="col">Diagnostico</th>
                    <th width="9%" style="text-align: center; color:white;" bgcolor="B0434D" scope="col">Status Seg.</th>
                    <th width="9%" style="text-align: center; color:white;" bgcolor="B0434D" scope="col">Fecha Inventario</th>
                    <th width="9%" style="text-align: center; color:white;" bgcolor="B0434D" scope="col">Entrega Avaluo</th>
                    <th width="9%" style="text-align: center; color:white;" bgcolor="B0434D" scope="col">Entrega Expediente</th>
                    <th width="9%" style="text-align: center; color:white;" bgcolor="B0434D" scope="col">Fecha Venta</th>
                </tr>                               
            </thead>
            <tbody>                                
                @foreach ($Consulta as $consulta)
                    <tr>
                        <td>{!!$consulta->Ctro_Acop!!}</td>
                        <td>{!!$consulta->No_Eco!!}</td>
                        <td>{!!$consulta->Serie_Chasis!!}</td>
                        <td>{!!$consulta->Serie_Motor!!}</td>
                        <td>{!!$consulta->Cl_Vehiculo!!}</td>
                        <td>{!!$consulta->Diagnostico!!}</td>
                        <td>
                            @if ($consulta->Semaforo != 0)
                                @if ($consulta->Fecha_Entrega_Expediente != NULL)
                                    Con Expediente
                                @elseif ($consulta->Fecha_Entrega_Avaluo != NULL)
                                    Con Avalúo
                                @elseif($consulta->Fech_Inv != NULL)
                                    Visitado
                                @else
                                    Por Visitar
                                @endif
                            @else
                                No semaforea
                            @endif
                        </td>
                            @php
                                $dias = 0;

                                if ($consulta->Semaforo != 0 && $consulta->Fech_Inv != NULL) {
                                    if ($consulta->Fecha_Entrega_Avaluo != NULL) {
                                        $dias =  getDaysFromDateWithoutWEsHs(new DateTime($consulta->Fecha_Entrega_Avaluo), new DateTime($consulta->Fech_Inv) );
                                        //$dias = $consulta->Fecha_Entrega_Avaluo - $consulta->Fech_Inv;
                                    }else {
                                        $dias = getDaysFromDateWithoutWEsHs($fechaActual, new DateTime($consulta->Fech_Inv));
                                    }
                                }

                                if ($dias == 0) {
                                   $bg_color = "bgcolor='white'";
                                }elseif ($dias <= 3) {
                                    $bg_color = "bgcolor='green'";
                                }elseif($dias >= 6){
                                    $bg_color = "bgcolor='red'";
                                }else {
                                    $bg_color = "bgcolor='yellow'";
                                }

                            @endphp
                        {{-- <td>{!!$consulta->Fech_Inv!!}</td> --}}
                        <td>{!!$consulta->Fech_Inv!!}</td>
                        <td {!!$bg_color!!}>{!!$consulta->Fecha_Entrega_Avaluo!!}</td>
                        @php
                            $dias = 0;
                            
                            if ($consulta->Semaforo != 0 && $consulta->$consulta->Fech_Inv != NULL) {
                                if ($consulta->Fecha_Entrega_Expediente != NULL) {
                                    $dias = getDaysFromDateWithoutWEsHs(new DateTime($consulta->Fecha_Entrega_Expediente) , new DateTime($consulta->$consulta->Fech_Inv));
                                }else {
                                    $dias = getDaysFromDateWithoutWEsHs($fechaActual,new DateTime($consulta->$consulta->Fech_Inv));
                                }
                            }
                                
                            if ($dias == 0) {
                               $bg_color_exp = "bgcolor='white'";
                            }elseif ($dias <= 21) {
                                $bg_color_exp = "bgcolor='green'";
                            }elseif($dias >= 31){
                                $bg_color_exp = "bgcolor='red'";
                            }else {
                                $bg_color_exp = "bgcolor='yellow'";
                            }

                        @endphp
                        <td {!!$bg_color_exp!!} >{!!$consulta->Fecha_Entrega_Expediente!!}</td>
                        @php
                            $dias = 0;
                            
                            if ($consulta->Semaforo != 0 && $consulta->Fecha_Entrega_Expediente != NULL) {
                                if ($consulta->Fecha_Venta != NULL) {
                                    $dias = getDaysFromDateWithoutWEsHs(new DateTime($consulta->Fecha_Venta), new DateTime( $consulta->Fecha_Entrega_Expediente));
                                }else {
                                    $dias = getDaysFromDateWithoutWEsHs($fechaActual,new DateTime($consulta->Fecha_Entrega_Expediente));
                                }
                            }
                                
                            if ($dias == 0) {
                                $bg_color_exp = "bgcolor='white'";
                            }elseif ($dias <= 21) {
                                $bg_color_exp = "bgcolor='green'";
                            }elseif($dias >= 31){
                                $bg_color_exp = "bgcolor='red'";
                            }else {
                                $bg_color_exp = "bgcolor='yellow'";
                            }

                        @endphp                        
                        <td {!!$bg_color_exp!!} >{!!$consulta->Fecha_Venta!!}</td>
                    </tr>
                        
                @endforeach
            </tbody>
        </table></center>
    </div>
  </div>
    
@endsection

@section('titulo')
    <nav aria-label="breadcrumb">
    <ol class="breadcrumb" style="font-size: 60%">
        <li class="breadcrumb-item active"><i class="fas fa-file-invoice"></i>  Seguimiento</li>
    </ol>
    </nav>
@endsection

@section('scripts')
<script src="//code.jquery.com/jquery.js"></script>
<script src="//cdn.datatables.net/1.10.7/js/jquery.dataTables.min.js"></script>

<script>
    var idioma=
        {
            "sProcessing":     "Procesando...",
            "sLengthMenu":     "Mostrar _MENU_ registros",
            "sZeroRecords":    "No se encontraron resultados",
            "sEmptyTable":     "Ningún dato disponible en esta tabla",
            "sInfo":           "Mostrando registros del _START_ al _END_ de un total de _TOTAL_ registros",
            "sInfoEmpty":      "Mostrando registros del 0 al 0 de un total de 0 registros",
            "sInfoFiltered":   "(filtrado de un total de _MAX_ registros)",
            "sInfoPostFix":    "",
            "sSearch":         "Buscar:",
            "sUrl":            "",
            "sInfoThousands":  ",",
            "sLoadingRecords": "Cargando...",
            "oPaginate": {
                "sFirst":    "Primero",
                "sLast":     "Último",
                "sNext":     "Siguiente",
                "sPrevious": "Anterior"
            },
            "oAria": {
                "sSortAscending":  ": Activar para ordenar la columna de manera ascendente",
                "sSortDescending": ": Activar para ordenar la columna de manera descendente"
            },
            "buttons": {
                "copyTitle": 'Informacion copiada',
                "copyKeys": 'Use your keyboard or menu to select the copy command',
                "colvis": 'Visibiliadad de la tabla',
                "copy":   'Copiar',
                "copySuccess": {
                    "_": '%d filas copiadas al portapapeles',
                    "1": '1 fila copiada al portapapeles'
                },
                "pageLength": {
                    "_": "Mostrar %d filas",
                    "-1": "Mostrar Todo"
                }
            }
        };
    $('#data-table').DataTable({
        processing: true,
        "iDisplayLength": 5,
        "lengthMenu": [[5,10,20, -1],[5,10,50,"Mostrar Todo"]],
        "language": idioma,
        ordering: false,
    });
</script>
@endsection