@extends('menu/menu')
<script src="{{ asset('js/jquery-3.4.1.min.js') }}"></script>
<link href="{{ asset('css/graficos-style.css') }}" rel="stylesheet">
<style>
    @media screen and (max-width: 768px) {
        .estado {
            width: 380px;
            height: 200px;
        }

        .border-lg {
            width: 380px;
            height: 200px;
        }

        .rounded-3 {
            width: 380px;
            height: 200px;
        }
    }
</style>
@section('content')
@if ( session('mensaje_error') )
<div class="alert alert-success">{{ session('mensaje_error') }}</div>
@endif

{{-- HACER SEGUIMIENTO --}}
@if(Auth::user()->tipo_usuario == "coordinador" || Auth::user()->tipo_usuario == "administrador")
<input type="hidden" class="tipoUsuario" value="coordinador">
<div class="posicion-seguimiento">
    <div class="container-seguimiento">
        <button type="button" class="btn btn-seguimiento" data-toggle="modal" data-target="#seguimiento">
            <img src="../sistemacaja/public/img/seguimiento_icon.svg" alt="" width="96">
            <span>HACER SEGUIMIENTO</span>
        </button>
    </div>
</div>
@elseif(Auth::user()->tipo_usuario == "trabajador")
<input type="hidden" class="tipoUsuario" value="trabajador">
@endif
@if(Auth::user()->nombre_proveedor != "" || Auth::user()->nombre_proveedor != null)
<input type="hidden" class="tipoUsuario" value="proveedor">
<input type="hidden" class="tipoProveedor" value="{{Auth::user()->nombre_proveedor}}">
@endif
<div class="container mt-5">
    <div class="row pt-5 pt-lg-1 justify-content-center">
        @if(Auth::user()->tipo_usuario == "trabajador")
        <div class="col-sm-3 mb-2"><a class="btn btn-prim btn-block" href="{{route('go_add_gastos')}}">Agregar un Gasto</a></div>
        <div class="col-sm-3 mb-2"><a class="btn btn-prim btn-block" href="{{route('go_see_gastos')}}">Mis Gastos</a></div>
        <div class="col-sm-3 mb-2"><a class="btn btn-prim btn-block" href="{{route('mis_depositos')}}">Depósitos</a></div>
        <div class="col-sm-3 mb-2"><a class="btn btn-prim btn-block" href="{{route('mifirma')}}">Agregar Firma</a></div>
        @elseif(Auth::user()->tipo_usuario == "coordinador" || Auth::user()->tipo_usuario == "administrador")
        <div class="col-sm-3 mb-2"><a class="btn btn-prim btn-block" href="{{route('home_ins_ret')}}">Instalacion/Retiros</a></div>
        <div class="col-sm-3 mb-2"><a class="btn btn-prim btn-block" href="{{route('home_servicio')}}">Servicios</a></div>
        @endif
    </div>
</div>
<div class="container mt-2">
    @php
    $proveedor_actual = DB::connection()->getDatabaseName();
    @endphp
    <input type="hidden" value="{{$proveedor_actual}}" class="proveedoractual">
    <!--SECCION DE INSTALACION Y RETIROS-->
    @if(Auth::user()->tipo_usuario == "trabajador")
      <div class="seccion-filtro color-azul mt-4">Seccion Instalacion/Retiros/Servicios</div>
    @else
    <div class="seccion-filtro color-azul mt-4">Seccion Instalacion/Retiros</div>

    @endif
    <hr class="separador">
    <div class="row">
        <div class="col-lg-6">
            <div class="row">
                @if(Auth::user()->nombre_proveedor != "")
                <div class="col-sm-6 mt-2">
                    <div class="card estado revisar_pendientes_coordinador" aria-readonly="">
                        <div class="card-body border-lg rounded-3">
                            <div class="seccion-filtro color-azul">Atenciones Asignadas</div>
                            <hr class="separador">
                            <h5 class="cantidad-solicitud d-inline" id="suma_asignado_proveedor">{{$cont_asignadoProveedor ?? '0'}}</h5>
                            <h6 class="seccion-filtro mb-2 d-inline">Solicitudes</h6>
                            <button type="button" class="btn btn-ter d-block mx-auto mt-4 revisar_pendientes_coordinador"><a href="{{route('home_proveedor',Crypt::encryptString('asignados_ir'))}}" target="_blank">Revisar</a></button>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 mt-2">
                    <div class="card estado revisar_pendientes_coordinador" aria-readonly="">
                        <div class="card-body border-lg rounded-3">
                            <div class="seccion-filtro color-azul">Pendientes de repuesto</div>
                            <hr class="separador">
                            <h5 class="cantidad-solicitud d-inline" id="suma_repuesto_proveedor">{{$cont_repuestosProveedor ?? '0'}}</h5>
                            <h6 class="seccion-filtro mb-2 d-inline">Solicitudes</h6>
                            <button type="button" class="btn btn-ter d-block mx-auto mt-4 revisar_pendientes_coordinador"><a href="{{route('home_proveedor',Crypt::encryptString('repuestos_ir'))}}" target="_blank">Revisar</a></button>
                        </div>
                    </div>
                </div>
                @endif
                @if(Auth::user()->tipo_usuario == "coordinador" || Auth::user()->tipo_usuario == "administrador")
                <div class="col-sm-6 mt-2">
                    <div class="card estado revisar_pendientes_coordinador" style="border: 3px solid #bf4e2b" data-toggle="modal" data-target="#aPendientes" aria-readonly="">
                        <div class="card-body border-lg rounded-3">
                            <div class="seccion-filtro color-azul">Atenciones pendientes</div>
                            <hr class="separador">
                            <h5 class="cantidad-solicitud d-inline" id="suma_pendiente_coordinador">{{$suma_pendientes_coordinador}}</h5>
                            <h6 class="seccion-filtro mb-2 d-inline">Solicitudes</h6>
                            <button type="button" class="btn btn-ter d-block mx-auto mt-4 revisar_pendientes_coordinador" data-toggle="modal" data-target="#aPendientes">Revisar</button>
                        </div>
                    </div>
                </div>
                @elseif(Auth::user()->tipo_usuario == "trabajador")
                <div class="col-sm-6 mt-2">
                    <div class="card estado revisar_pendientes" data-toggle="modal" data-target="#aPendientes">
                        <div class="card-body border-lg rounded-3">
                            <div class="seccion-filtro color-azul">Atenciones pendientes</div>
                            <hr class="separador">
                            <h5 class="cantidad-solicitud d-inline" id="suma_pendiente_trabajador">{{$suma_pendientes}}</h5>
                            <h6 class="seccion-filtro mb-2 d-inline">Solicitudes</h6>
                            <button type="button" class="btn btn-ter d-block mx-auto mt-4 revisar_pendientes" data-toggle="modal" data-target="#aPendientes">Revisar</button>
                        </div>
                    </div>
                </div>
                @endif
                @if(Auth::user()->tipo_usuario == "coordinador" || Auth::user()->tipo_usuario == "administrador")
                <div class="col-sm-6 mt-2 revisar_porasignar">
                    <div class="card estado" class="btn btn-ter d-block mx-auto mt-4" data-toggle="modal" data-target="#aporAsignar">
                        <div class="card-body border-lg rounded-3">
                            <div class="seccion-filtro color-azul">Atenciones por asignar</div>
                            <hr class="separador">
                            <h5 class="cantidad-solicitud d-inline" id="suma_porasignar_coordinador">{{$suma_porasignar_coordinador}}</h5>
                            <h6 class="seccion-filtro mb-2 d-inline">Solicitudes</h6>
                            <button type="button" class="btn btn-ter d-block mx-auto mt-4 revisar_porasignar" data-toggle="modal" data-target="#aporAsignar">Revisar</button>
                        </div>
                    </div>
                </div>
                @elseif(Auth::user()->tipo_usuario == "trabajador")
                <div class="col-sm-6 mt-2">
                    <div class="card estado revisar_rechazado" class="btn btn-ter d-block mx-auto mt-4" data-toggle="modal" data-target="#aRechazadas">
                        <div class="card-body border-lg rounded-3">
                            <div class="seccion-filtro color-azul">Atenciones rechazadas</div>
                            <hr class="separador">
                            <h5 class="cantidad-solicitud d-inline" id="suma_rechazado_tecnico">{{$suma_rechazado}}</h5>
                            <h6 class="seccion-filtro mb-2 d-inline">Solicitudes</h6>
                            <button type="button" class="btn btn-ter d-block mx-auto mt-4 revisar_rechazado">Revisar</button>
                        </div>
                    </div>
                </div>
                @endif
            </div>
        </div>
        <div class="col-lg-6">
            <div class="row">
                @if(Auth::user()->tipo_usuario == "coordinador" || Auth::user()->tipo_usuario == "administrador")
                <div class="col-sm-6 mt-2">
                    <div class="card estado revisar_encurso_coordinador" class="btn btn-ter d-block mx-auto mt-4" data-toggle="modal" data-target="#aenCurso">
                        <div class="card-body border-lg rounded-3">
                            <div class="seccion-filtro color-azul">Atenciones en curso</div>
                            <hr class="separador">
                            <h5 class="cantidad-solicitud d-inline" id="suma_encurso_coordinador">{{$suma_encursos_coordiandor}}</h5>
                            <h6 class="seccion-filtro mb-2 d-inline">Solicitudes</h6>
                            <button type="button" class="btn btn-ter d-block mx-auto mt-4 revisar_encurso_coordinador" data-toggle="modal" data-target="#aenCurso">Revisar</button>
                        </div>
                    </div>
                </div>
                @elseif(Auth::user()->tipo_usuario == "trabajador")
                <div class="col-sm-6 mt-2">
                    <div class="card estado revisar_encurso" class="btn btn-ter d-block mx-auto mt-4" data-toggle="modal" data-target="#aenCurso">
                        <div class="card-body border-lg rounded-3">
                            <div class="seccion-filtro color-azul">Atenciones en curso</div>
                            <hr class="separador">
                            <h5 class="cantidad-solicitud d-inline" id="suma_encurso_tecnico">{{$suma_encursos}}</h5>
                            <h6 class="seccion-filtro mb-2 d-inline">Solicitudes</h6>
                            <button type="button" class="btn btn-ter d-block mx-auto mt-4 revisar_encurso" data-toggle="modal" data-target="#aenCurso">Revisar</button>
                        </div>
                    </div>
                </div>
                @endif
                @if(Auth::user()->tipo_usuario == "coordinador" || Auth::user()->tipo_usuario == "administrador")
                <div class="col-sm-6 mt-2">
                    <div class="card estado revisar_porreasignar" class="btn btn-ter d-block mx-auto mt-4" data-toggle="modal" data-target="#aparaReasignar">
                        <div class="card-body border-lg rounded-3">
                            <div class="seccion-filtro color-azul">Atenciones para reasignar</div>
                            <hr class="separador">
                            <h5 class="cantidad-solicitud d-inline" id="suma_porreasignar_coordinador">{{$suma_porreasignars_coordiandor}}</h5>
                            <h6 class="seccion-filtro mb-2 d-inline">Solicitudes</h6>
                            <button type="button" class="btn btn-ter d-block mx-auto mt-4 revisar_porreasignar" data-toggle="modal" data-target="#aparaReasignar">Revisar</button>
                        </div>
                    </div>
                </div>
                @endif
            </div>
        </div>
        <div class="col-lg-6">
            <div class="row">
                @if(Auth::user()->tipo_usuario == "coordinador" || Auth::user()->tipo_usuario == "administrador")
                <div class="col-sm-6 mt-2">
                    <div class="card estado revisar_porrevisar" style="border: 3px solid #bf4e2b" class="btn btn-ter d-block mx-auto mt-4" data-toggle="modal" data-target="#aparaRevisar">
                        <div class="card-body border-lg rounded-3">
                            <div class="seccion-filtro color-azul">Atenciones por Revisar</div>
                            <hr class="separador">
                            <h5 class="cantidad-solicitud d-inline" id="suma_porrevisar_coordinador">{{$suma_porrevisar_coordiandor ?? ''}}</h5>
                            <h6 class="seccion-filtro mb-2 d-inline">Solicitudes</h6>
                            <button type="button" class="btn btn-ter d-block mx-auto mt-4 revisar_porrevisar" data-toggle="modal" data-target="#aparaRevisar">Revisar</button>
                        </div>
                    </div>
                </div>
                @endif
            </div>
        </div>
    </div>


    
    <!--FIN SECCION DE INSTALACION Y RETIROS-->
    <!--bykyocera-->
    <div class="modal fade" id="aparaRevisar_kyocera" aria-hidden="true">
    <div class="modal-dialog modal-xl modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                    <div class="seccion-modal">Atenciones por revisar</div>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <hr class="separador mx-4">
                @if(Auth::user()->tipo_usuario == "coordinador" || Auth::user()->tipo_usuario == "administrador")
                <div class="row px-4 container mb-4">
                   
                
                    {{-- <div class="col-md-3">
                        <label for="">Tipo Asignacion</label>
                        <select name="" id="t_asignacion_porRevisar_k" class="custom-select id_filtroporRevisar_kyocera">
                            <option value="" selected>Seleccionar</option>
                            
                            <option value="instalacion">INSTALACION</option>
                            <option value="retiro">RETIROS</option>
                        </select>
                    </div> --}}
                    <div class="col-md-3">
                        <label for="">Técnico</label>
                        <select name="" id="tecnico_porRevisar_k" class="custom-select id_filtroporRevisar_kyocera">
                            <option value="" selected>Seleccionar</option>
                            @foreach($trabajadores as $trabajador)
                            <option value="{{$trabajador->id}}">{{strtoupper($trabajador->nombre_uno)}} {{strtoupper($trabajador->apellido_uno)}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                @endif
                <hr class="separador mx-4">
                <div class="container mb-4 px-4" style=" overflow-x: auto;">
                <table class="table table-lg table-bordered table-responsive-md table-striped table-hover mt-4">
                    <thead class="color-head">
                            <tr>
                                <th class="th-head border-th separador-v" colspan="1">TÉCNICO</th>
                                <th class="th-head border-th separador-v" colspan="1">FECHA</th>
                                <th class="th-head border-th separador-v" colspan="1">TIPO</th>
                                <th class="th-head border-th separador-v" colspan="1">CLIENTE</th>
                                <th class="th-head border-th separador-v" colspan="1">RAZON SOCIAL</th>
                                <th class="th-head border-th separador-v" colspan="1">Nº DE SERIE</th>
                                <th class="th-head border-th separador-v" colspan="1">PROVEEDOR</th>
    
                                <th class="th-head border-th separador-v" colspan="1">
                                    <span class="material-icons">settings</span>
                                </th>
                            </tr>
                        </thead>
                        <tbody id="llenar_porrevisar_kyocera"></tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="aparaAsignar_kyocera" aria-hidden="true">
    <div class="modal-dialog modal-xl modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                    <div class="seccion-modal">Atenciones por asignar</div>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <hr class="separador mx-4">
                @if(Auth::user()->tipo_usuario == "coordinador" || Auth::user()->tipo_usuario == "administrador")
                <div class="row px-4 container mb-4">
                 
                    {{-- <div class="col-md-3">
                        <label for="">Técnico</label>
                        <select name="" id="tecnico_porReasignar" class="custom-select id_filtroporAsignar_kyocera">
                            <option value="" selected>Seleccionar</option>
                            @foreach($trabajadores as $trabajador)
                            <option value="{{$trabajador->id}}">{{strtoupper($trabajador->nombre_uno)}} {{strtoupper($trabajador->apellido_uno)}}</option>
                            @endforeach
                        </select>
                    </div> --}}
                </div>
                @endif
                <hr class="separador mx-4">
                <div class="container mb-4 px-4" style=" overflow-x: auto;">
                <table class="table table-lg table-bordered table-responsive-md table-striped table-hover mt-4">
                    <thead class="color-head">
                            <tr>
                                <th class="th-head border-th separador-v" colspan="1">PROVEEDOR</th>
                                <th class="th-head border-th separador-v" colspan="1">ASIGNACIÓN</th>
                                <th class="th-head border-th separador-v" colspan="1">TIPO</th>
                                <th class="th-head border-th separador-v" colspan="1">CLIENTE</th>
                                <th class="th-head border-th separador-v" colspan="1">RAZON SOCIAL</th>
                                <th class="th-head border-th separador-v" colspan="1">REGIÓN</th>
                                <th class="th-head border-th separador-v" colspan="1">COMUNA</th>
                                <th class="th-head border-th separador-v" colspan="1">Nº DE SERIE</th>
                                <th class="th-head border-th separador-v" colspan="1">
                                    <span class="material-icons">settings</span>
                                </th>
                            </tr>
                        </thead>
                        <tbody id="llenar_porasginar_kyocera"></tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    @if(Auth::user()->tipo_usuario == "coordinador" || Auth::user()->tipo_usuario == "administrador")

    <div class="seccion-filtro color-azul mt-4">Seccion Kyocera</div>
    <hr class="separador">
    <div class="row">
          @endif
                @if(Auth::user()->tipo_usuario == "coordinador" || Auth::user()->tipo_usuario == "administrador")

                <div class="col-sm-4 mt-2">
                    <div class="card estado revisar_pendientes_coordinador_kyocera" style="border: 3px solid #bf4e2b" data-toggle="modal" data-target="#aPendientes_kyocera" aria-readonly="">
                        <div class="card-body border-lg rounded-3">
                            <div class="seccion-filtro color-azul">Atenciones pendientes</div>
                            <hr class="separador">
                            {{-- suma_pendientes_coordinador --}}
                            <h5 class="cantidad-solicitud d-inline" id="suma_pendiente_coordinador">{{$suma_pendientes_coordinador_k}}</h5>
                            <h6 class="seccion-filtro mb-2 d-inline">Solicitudes</h6>
                            <button type="button" class="btn btn-ter d-block mx-auto mt-4 revisar_pendientes_coordinador_kyocera" data-toggle="modal" data-target="#aPendientes_kyocera">Revisar</button>
                        </div>
                    </div>
                </div>
                <div class="col-sm-4 mt-2">
                    <div class="card estado revisar_porasignar_kyocera" style="border: 3px solid #bf4e2b" data-toggle="modal" data-target="#aparaAsignar_kyocera" aria-readonly="">
                        <div class="card-body border-lg rounded-3">
                            <div class="seccion-filtro color-azul">Atenciones por asignar</div>
                            <hr class="separador">
                            {{-- suma_pendientes_coordinador --}}
                            <h5 class="cantidad-solicitud d-inline" id="suma_pendiente_coordinador">{{$suma_asignada_coordinador_k ?? ''}}</h5>
                            <h6 class="seccion-filtro mb-2 d-inline">Solicitudes</h6>
                            <button type="button" class="btn btn-ter d-block mx-auto mt-4 revisar_porasignar_kyocera" data-toggle="modal" data-target="#aparaAsignar_kyocera">Revisar</button>
                        </div>
                    </div>
                </div>
                <div class="col-sm-4 mt-2">
                    <div class="card estado revisar_porrevisar_kyocera" style="border: 3px solid #bf4e2b" class="btn btn-ter d-block mx-auto mt-4" data-toggle="modal" data-target="#aparaRevisar_kyocera">
                        <div class="card-body border-lg rounded-3">
                            <div class="seccion-filtro color-azul">Atenciones por Revisar</div>
                            <hr class="separador">
                            <h5 class="cantidad-solicitud d-inline" id="suma_porrevisar_coordinador">{{$suma_revisar_coordinador_k ?? ''}}</h5>
                            <h6 class="seccion-filtro mb-2 d-inline">Solicitudes</h6>
                            <button type="button" class="btn btn-ter d-block mx-auto mt-4 revisar_porrevisar_kyocera" data-toggle="modal" data-target="#aparaRevisar_kyocera">Revisar</button>
                        </div>
                    </div>
                </div>
         
                @endif
          
        
   
       
    </div>

    <!--SECCION DE SERVICIOS-->
    @if(Auth::user()->tipo_usuario != "trabajador")
    <div class="seccion-filtro color-azul mt-4">Seccion Servicios</div>
    <hr class="separador">
    @endif
    <div class="row">
        <div class="col-lg-12">
            <div class="row">
                @if(Auth::user()->nombre_proveedor != "")
                
                <div class="col-sm-3 mt-2">
                    <div class="card estado revisar_pendientes_coordinador" aria-readonly="">
                        <div class="card-body border-lg rounded-3">
                            <div class="seccion-filtro color-azul">Total de atenciones</div>
                            <hr class="separador">
                            <h5 class="cantidad-solicitud d-inline" id="suma_asignadoservicio_proveedor">{{$cont_asignadoservicioProveedor ?? 0}}</h5>
                            <h6 class="seccion-filtro mb-2 d-inline">Solicitudes</h6>
                            <button type="button" class="btn btn-ter d-block mx-auto mt-4 revisar_pendientes_coordinador"><a href="{{route('home_proveedor',Crypt::encryptString('asignados_servicio'))}}" target="_blank">Revisar</a></button>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3 mt-2">
                    <div class="card estado revisar_pendientes_coordinador" aria-readonly="">
                        <div class="card-body border-lg rounded-3">
                            <div class="seccion-filtro color-azul">Asignadas</div>
                            <hr class="separador">
                            <h5 class="cantidad-solicitud d-inline" id="suma_repuestoservicio_proveedor_asignadas">{{$cont_respuestoservicioProveedorAsignadas ?? 0}}</h5>
                            <h6 class="seccion-filtro mb-2 d-inline">Solicitudes</h6>
                            <button type="button" class="btn btn-ter d-block mx-auto mt-4 revisar_pendientes_coordinador"><a href="{{route('home_proveedor',Crypt::encryptString('asignadas'))}}" target="_blank">Revisar</a></button>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3 mt-2">
                    <div class="card estado revisar_pendientes_coordinador" aria-readonly="">
                        <div class="card-body border-lg rounded-3">
                            <div class="seccion-filtro color-azul">Pendientes de repuesto_</div>
                            <hr class="separador">
                            <h5 class="cantidad-solicitud d-inline" id="suma_repuestoservicio_proveedor">{{$cont_respuestoservicioProveedor ?? 0}}</h5>
                            <h6 class="seccion-filtro mb-2 d-inline">Solicitudes</h6>
                            <button type="button" class="btn btn-ter d-block mx-auto mt-4 revisar_pendientes_coordinador"><a href="{{route('home_proveedor',Crypt::encryptString('repuestos_servicio'))}}" target="_blank">Revisar</a></button>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3 mt-2">
                    <div class="card estado revisar_pendientes_coordinador" aria-readonly="">
                        <div class="card-body border-lg rounded-3">
                            <div class="seccion-filtro color-azul">Finalizadas</div>
                            <hr class="separador">
                            <h5 class="cantidad-solicitud d-inline" id="suma_repuestoservicio_proveedor_finalizadas">{{$cont_respuestoservicioProveedorFinalizadas ?? 0}}</h5>
                            <h6 class="seccion-filtro mb-2 d-inline">Solicitudes</h6>
                            <button type="button" class="btn btn-ter d-block mx-auto mt-4 revisar_pendientes_coordinador"><a href="{{route('home_proveedor',Crypt::encryptString('finalizadas'))}}" target="_blank">Revisar</a></button>
                        </div>
                    </div>
                </div>
                @endif
                @if(Auth::user()->tipo_usuario == "coordinador" || Auth::user()->tipo_usuario == "administrador")
                <div class="col-sm-3 mt-2">
                    <div class="card estado revisar_pendientes_coordinador_servicio" style="border: 3px solid #bf4e2b" aria-readonly="">
                        <div class="card-body border-lg rounded-3">
                            <div class="seccion-filtro color-azul">Atenciones pendientes</div>
                            <hr class="separador">
                            <h5 class="cantidad-solicitud d-inline" id="suma_pendienteservicio_coordinador">{{$suma_pendientes_coordinador_servicio ?? ''}}</h5>
                            <h6 class="seccion-filtro mb-2 d-inline">Solicitudes</h6>
                            <button type="button" class="btn btn-ter d-block mx-auto mt-4 revisar_pendientes_coordinador_servicio">Revisar</button>
                        </div>
                    </div>
                </div>
                @endif
                @if(Auth::user()->tipo_usuario == "coordinador" || Auth::user()->tipo_usuario == "administrador")
                <div class="col-sm-3 mt-2 revisar_porasignar_servicio">
                    <div class="card estado" class="btn btn-ter d-block mx-auto mt-4">
                        <div class="card-body border-lg rounded-3">
                            <div class="seccion-filtro color-azul">Atenciones por asignar</div>
                            <hr class="separador">
                            <h5 class="cantidad-solicitud d-inline" id="suma_porasignarservicio_coordinador">{{$suma_porasignar_coordinador_servicio ?? ''}}</h5>
                            <h6 class="seccion-filtro mb-2 d-inline">Solicitudes</h6>
                            <button type="button" class="btn btn-ter d-block mx-auto mt-4 revisar_porasignar_servicio">Revisar</button>
                        </div>
                    </div>
                </div>
                @endif
                @if(Auth::user()->tipo_usuario == "coordinador" || Auth::user()->tipo_usuario == "administrador")
                <div class="col-sm-3 mt-2">
                    <div class="card estado revisar_encurso_coordinador_servicio" class="btn btn-ter d-block mx-auto mt-4">
                        <div class="card-body border-lg rounded-3">
                            <div class="seccion-filtro color-azul">Atenciones en curso</div>
                            <hr class="separador">
                            <h5 class="cantidad-solicitud d-inline" id="suma_encursoservicio_coordinador">{{$suma_encursos_coordiandor_servicio ?? ''}}</h5>
                            <h6 class="seccion-filtro mb-2 d-inline">Solicitudes</h6>
                            <button type="button" class="btn btn-ter d-block mx-auto mt-4 revisar_encurso_coordinador_servicio">Revisar</button>
                        </div>
                    </div>
                </div>
                @endif
            </div>
        </div>
        <div class="col-lg-6">
            <div class="row">
                {{-- @if(Auth::user()->tipo_usuario == "coordinador" || Auth::user()->tipo_usuario == "administrador")
                <div class="col-sm-6 mt-2">
                    <div class="card estado revisar_encurso_coordinador_servicio" class="btn btn-ter d-block mx-auto mt-4">
                        <div class="card-body border-lg rounded-3">
                            <div class="seccion-filtro color-azul">Atenciones en curso</div>
                            <hr class="separador">
                            <h5 class="cantidad-solicitud d-inline" id="suma_encursoservicio_coordinador">{{$suma_encursos_coordiandor_servicio ?? ''}}</h5>
                            <h6 class="seccion-filtro mb-2 d-inline">Solicitudes</h6>
                            <button type="button" class="btn btn-ter d-block mx-auto mt-4 revisar_encurso_coordinador_servicio">Revisar</button>
                        </div>
                    </div>
                </div>
                @endif --}}
                @if(Auth::user()->tipo_usuario == "coordinador" || Auth::user()->tipo_usuario == "administrador")
                <div class="col-sm-6 mt-2">
                    <div class="card estado revisar_porreasignar_servicio" class="btn btn-ter d-block mx-auto mt-4">
                        <div class="card-body border-lg rounded-3">
                            <div class="seccion-filtro color-azul">Atenciones para reasignar</div>
                            <hr class="separador">
                            <h5 class="cantidad-solicitud d-inline" id="suma_porreasignarservicio_coordinador">{{$suma_porreasignar_coordiandor_servicio ?? ''}}</h5>
                            <h6 class="seccion-filtro mb-2 d-inline">Solicitudes</h6>
                            <button type="button" class="btn btn-ter d-block mx-auto mt-4 revisar_porreasignar_servicio">Revisar</button>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 mt-2">
                    <div class="card estado revisar_porrevisar_servicio" style="border: 3px solid #bf4e2b" class="btn btn-ter d-block mx-auto mt-4">
                        <div class="card-body border-lg rounded-3">
                            <div class="seccion-filtro color-azul">Atenciones por revisar</div>
                            <hr class="separador">
                            <h5 class="cantidad-solicitud d-inline" id="suma_porrevisarservicio_coordinador">{{$suma_porrevisar_coordiandor_servicio ?? ''}}</h5>
                            <h6 class="seccion-filtro mb-2 d-inline">Solicitudes</h6>
                            <button type="button" class="btn btn-ter d-block mx-auto mt-4 revisar_porrevisar_servicio">Revisar</button>
                        </div>
                    </div>
                </div>
                
                @endif
            </div>
        </div>
        <div class="col-lg-6" style="margin-bottom: 60px">
            <div class="row">
                @if(Auth::user()->tipo_usuario == "coordinador" || Auth::user()->tipo_usuario == "administrador")

                <div class="col-sm-6 mt-2">
                    <div class="card estado revisar_estado_instalador_repuesto" style="border: 3px solid #bf4e2b" class="btn btn-ter d-block mx-auto mt-4">
                        <div class="card-body border-lg rounded-3">
                            <div class="seccion-filtro color-azul">Instalar repuestos</div>
                            <hr class="separador">
                            <h5 class="cantidad-solicitud d-inline" id="">{{$suma_estado_intalar_respuestos ?? ''}}</h5>
                            <h6 class="seccion-filtro mb-2 d-inline">Solicitudes</h6>
                            <button type="button" class="btn btn-ter d-block mx-auto mt-4 revisar_estado_instalador_repuesto">Revisar</button>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 mt-2">
                    <div class="card estado revisar_estado_solicitar_repuesto" style="border: 3px solid #bf4e2b" class="btn btn-ter d-block mx-auto mt-4">
                        <div class="card-body border-lg rounded-3">
                            <div class="seccion-filtro color-azul">Solicitud de repuestos</div>
                            <hr class="separador">
                            <h5 class="cantidad-solicitud d-inline" id="suma_porrevisarservicio_coordinador">{{$suma_estado_solicitud_intalar_respuestos ?? ''}}</h5>
                            <h6 class="seccion-filtro mb-2 d-inline">Solicitudes</h6>
                            <button type="button" class="btn btn-ter d-block mx-auto mt-4 revisar_estado_solicitar_repuesto">Revisar</button>
                        </div>
                    </div>
                </div>
        
                @endif
            </div>
        </div>
    </div>
    <!--FIN SECCION DE SERVICIOS-->
</div>
@endsection

<!-- Modals-->
<!-- Modal Atenciones Pendientes -->
<div class="modal fade" id="aPendientes_kyocera" aria-hidden="true">
    <div class="modal-dialog modal-xl modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <div class="seccion-modal">Atenciones Pendientes</div>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <hr class="separador mx-4">
            @if(Auth::user()->tipo_usuario == "coordinador" || Auth::user()->tipo_usuario == "administrador")
            <div class="row px-4 container mb-4">
              
              
                {{-- <div class="col-md-3">
                    <label for="">Tipo Asignacion</label>
                    <select name="" id="t_asignacion" class="custom-select id_filtroPendiente">
                        <option value="" selected>Seleccionar</option>
                        <option value="instalacion">INSTALACION</option>
                        <option value="retiro">RETIROS</option>
                        
                    </select>
                </div> --}}
                <div class="col-md-3">
                    <label for="">Técnico</label>
                    <select name="" id="tecnico_k" class="custom-select id_filtroPendiente_kyocera">
                        <option value="" selected>Seleccionar</option>
                        @foreach($trabajadores as $trabajador)
                        <option value="{{$trabajador->id}}">{{strtoupper($trabajador->nombre_uno)}} {{strtoupper($trabajador->apellido_uno)}}</option>
                        @endforeach
                    </select>
                </div>

            </div>
            @endif
            <hr class="separador mx-4">
            
            <div class="container mb-4 px-4" style=" overflow-x: auto;">
                <table class="table table-lg table-bordered table-responsive-md table-striped table-hover mt-4">
                    <thead class="color-head">
                        <tr>
                            <th class="th-head border-th separador-v" colspan="1">TÉCNICO</th>
                            @if(Auth::user()->tipo_usuario == "coordinador" || Auth::user()->tipo_usuario == "administrador")
                            <th class="th-head border-th separador-v" colspan="1">FECHA ASIG</th>
                            @endif
                            <th class="th-head border-th separador-v" colspan="1">ASIGNACIÓN</th>
                            <th class="th-head border-th separador-v" colspan="1">TIPO</th>
                            <th class="th-head border-th separador-v" colspan="1">CLIENTE</th>
                            <th class="th-head border-th separador-v" colspan="1">RAZON SOCIAL</th>
                            
                            <th class="th-head border-th separador-v" colspan="1">REGIÓN</th>
                            <th class="th-head border-th separador-v" colspan="1">COMUNA</th>
                            <th class="th-head border-th separador-v" colspan="1">Nº DE SERIE</th>
                            <th class="th-head border-th separador-v" colspan="1">PROVEEDOR</th>
                            @if(Auth::user()->tipo_usuario == "trabajador")
                            <th class="th-head border-th separador-v" colspan="1">sSC</th>
                            <th class="th-head border-th separador-v" colspan="1">OBSERVACIÓN PROVEEDOR</th>
                            @endif
                            <th class="th-head border-th separador-v" colspan="1">
                                <span class="material-icons">settings</span>
                            </th>
                        </tr>
                    </thead>
                    <tbody id="llenar_pendientes_kyocera">
                        <!--AQUI SE LLENAN LAS ATENCIONES POR AJAX-->
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>


<!-- Modals-->
<!-- Modal Atenciones Pendientes -->
<div class="modal fade" id="aPendientes" aria-hidden="true">

<div class="modal-dialog modal-xl modal-dialog-scrollable modal-dialog-centered" id="aPendientes_c">

{{-- <div class="modal fade" id="aPendientes" aria-hidden="true"> --}}
    {{-- <div class="modal-dialog modal-xl modal-dialog-scrollable modal-dialog-centered"> --}}
        <div class="modal-content">
            <div class="modal-header">
                <div class="seccion-modal">Atenciones Pendientes</div>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <hr class="separador mx-4">
            @if(Auth::user()->tipo_usuario == "coordinador" || Auth::user()->tipo_usuario == "administrador")
            <div class="row px-4 container mb-4">
                <div class="col-md-3">
                    
                    <label for="">Proveedor</label>
                    <select name="" id="proveedor_ap" class="custom-select id_filtroPendiente">
                        <option value="" selected>Seleccionar</option>
                        
                        @foreach($proveedores as [$id, $descr])
                        <option value="{{$id}}">{{strtoupper($descr)}} </option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-3">
                    <label for="">Cliente</label>
                    <select name="" id="cliente" class="custom-select id_filtroPendiente">
                        <option value="" selected>Seleccionar</option>
                        <!-- @for($i=0;$i<(count($datos_clientes));$i++) @foreach($datos_clientes[$i] as $dato) <option value="{{$dato->id}}">{{strtoupper($dato->cliente)}}</option>
                            @endforeach
                            @endfor -->
                    </select>
                </div>
                <div class="col-md-3">
                    <label for="">Tipo Asignacion</label>
                    <select name="" id="t_asignacion" class="custom-select id_filtroPendiente">
                        <option value="" selected>Seleccionar</option>
                        <option value="instalacion">INSTALACION</option>
                        <option value="retiro">RETIROS</option>
                        
                    </select>
                </div>
                <div class="col-md-3">
                    <label for="">Técnico</label>
                    <select name="" id="tecnico" class="custom-select id_filtroPendiente">
                        <option value="" selected>Seleccionar</option>
                        @foreach($trabajadores as $trabajador)
                        <option value="{{$trabajador->id}}">{{strtoupper($trabajador->nombre_uno)}} {{strtoupper($trabajador->apellido_uno)}}</option>
                        @endforeach
                    </select>
                </div>

            </div>
            @endif
            <hr class="separador mx-4">
            
            <div class="container mb-4 px-4" style=" overflow-x: auto;">
            <table class="table table-xl table-bordered table-responsive-md table-striped table-hover mt-4">
                    <thead class="color-head">
                        <tr>
                            <th class="th-head border-th separador-v" colspan="1">TÉCNICO</th>
                            @if(Auth::user()->tipo_usuario == "coordinador" || Auth::user()->tipo_usuario == "administrador")
                            <th class="th-head border-th separador-v" colspan="1">FECHA ASIG</th>
                            @endif
                            <th class="th-head border-th separador-v" colspan="1">ASIGNACIÓN</th>
                            <th class="th-head border-th separador-v" colspan="1">CLIENTE</th>
                            <th class="th-head border-th separador-v" colspan="1">REGIÓN</th>
                            <th class="th-head border-th separador-v" colspan="1">COMUNA</th>
                            @if(Auth::user()->tipo_usuario == "trabajador" )

                            <th class="th-head border-th separador-v" colspan="1">ID SALA</th>
                            @endif
                            <th class="th-head border-th separador-v" colspan="1">Nº DE SERIE</th>
                            @if(Auth::user()->tipo_usuario == "coordinador" || Auth::user()->tipo_usuario == "administrador")

                            <th class="th-head border-th separador-v" colspan="1">PROVEEDOR</th>
                            @endif
                            @if(Auth::user()->tipo_usuario == "trabajador")
                            <th class="th-head border-th separador-v" colspan="1">sSC</th>
                            <th class="th-head border-th separador-v" colspan="1">OBSERVACIÓN PROVEEDOR</th>
                            @endif
                            <th class="th-head border-th separador-v" colspan="1">
                                <span class="material-icons">settings</span>
                            </th>
                        </tr>
                    </thead>
                    <tbody id="llenar_pendientes">
                        <!--AQUI SE LLENAN LAS ATENCIONES POR AJAX-->
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
<!-- Modal Atenciones Rechazadas -->
<div class="modal fade" id="aRechazadas" aria-hidden="true">
    <div class="modal-dialog modal-xl modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <div class="seccion-modal">Atenciones Rechazadas</div>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <hr class="separador mx-4">
            <div class="container mb-4 px-4" style=" overflow-x: auto;">
                <table class="table table-lg table-bordered table-responsive-md table-striped table-hover mt-4">
                    <thead class="color-head">
                        <tr>
                            <th class="th-head border-th separador-v" colspan="1">TÉCNICO</th>
                            <th class="th-head border-th separador-v" colspan="1">ASIGNACIÓN</th>
                            <th class="th-head border-th separador-v" colspan="1">CLIENTE</th>
                            <th class="th-head border-th separador-v" colspan="1">REGIÓN</th>
                            <th class="th-head border-th separador-v" colspan="1">COMUNA</th>
                            <th class="th-head border-th separador-v" colspan="1">Nº DE SERIE</th>
                            @if(Auth::user()->tipo_usuario == "trabajador")
                            <th class="th-head border-th separador-v" colspan="1">sSC</th>
                            <th class="th-head border-th separador-v" colspan="1">OBSERVACIÓN PROVEEDOR</th>
                            @endif
                            <th class="th-head border-th separador-v" colspan="1">
                                <span class="material-icons">settings</span>
                            </th>
                        </tr>
                    </thead>
                    <tbody id="llenar_rechazadas">
                        <!--AQUI SE LLENAN LAS ATENCIONES POR AJAX-->
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
<!--MODAL'S INSTALACION RETIRO-->
<!--MODAL ATENCIONES POR ASIGNAR -->
<div class="modal fade" id="aporAsignar" aria-hidden="true">
    <div class="modal-dialog modal-xl modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <div class="seccion-modal">Atenciones por asignar</div>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <hr class="separador mx-4">
            @if(Auth::user()->tipo_usuario == "coordinador" || Auth::user()->tipo_usuario == "administrador")
            <div class="row px-4 container mb-4">
                <div class="col-md-4">
                    
                    <label for="">Proveedor</label>
                    <select name="" id="proveedor_ap_asig" class="custom-select id_filtroporAsignar">
                        <option value="" selected>Seleccionar</option>
                        
                        @foreach($proveedores as [$id, $descr])
                        <option value="{{$id}}">{{strtoupper($descr)}} </option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-4">
                    <label for="">Cliente</label>
                    <select name="" id="cliente_porasignar" class="custom-select id_filtroporAsignar">
                        <option value="" selected>Seleccionar</option>
                        <!-- @for($i=0;$i<(count($datos_clientes_porasignar));$i++) @foreach($datos_clientes_porasignar[$i] as $dato) <option value="{{$dato->sCliente}}">{{$dato->sCliente}}</option>
                            @endforeach
                            @endfor -->
                    </select>
                </div>
                <div class="col-md-4">
                    <label for="">Tipo Asignacion</label>
                    <select name="" id="t_asignacion_porasignar" class="custom-select id_filtroporAsignar">
                        <option value="" selected>Seleccionar</option>
                        <option value="instalacion">INSTALACION</option>
                        <option value="retiro">RETIROS</option>
                        
                    </select>
                </div>
            </div>
            <hr class="separador mx-4">
            @endif
            <div class="container mb-4 px-4" style=" overflow-x: auto;">
                <table class="table table-lg table-bordered table-responsive-md table-striped table-hover mt-4">
                    <thead class="color-head">
                        <tr>
                            <th class="th-head border-th separador-v" colspan="1">PROVEEDOR</th>
                            <th class="th-head border-th separador-v" colspan="1">ASIGNACIÓN</th>
                            <th class="th-head border-th separador-v" colspan="1">CLIENTE</th>
                            <th class="th-head border-th separador-v" colspan="1">REGIÓN</th>
                            <th class="th-head border-th separador-v" colspan="1">COMUNA</th>
                            <th class="th-head border-th separador-v" colspan="1">ID SALA</th>

                            <th class="th-head border-th separador-v" colspan="1">Nº DE SERIE</th>
                            <th class="th-head border-th separador-v" colspan="1">
                                <span class="material-icons">settings</span>
                            </th>
                        </tr>
                    </thead>
                    <tbody id="llenar_porasginar"></tbody>
                </table>
            </div>
        </div>
    </div>
</div>
<!-- Modal Atenciones en curso -->
<div class="modal fade" id="aenCurso" aria-hidden="true">
<div class="modal-dialog modal-xl modal-dialog-scrollable modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <div class="seccion-modal">Atenciones en curso</div>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <hr class="separador mx-4">
            @if(Auth::user()->tipo_usuario == "coordinador" || Auth::user()->tipo_usuario == "administrador")
            <div class="row px-4 container mb-4">
                <div class="col-md-3">
                    
                    <label for="">Proveedor</label>
                    <select name="" id="proveedor_encurso" class="custom-select id_filtroenCurso">
                        <option value="" selected>Seleccionar</option>
                        
                        @foreach($proveedores as [$id, $descr])
                        <option value="{{$id}}">{{strtoupper($descr)}} </option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-3">
                    <label for="">Cliente</label>
                    <select name="" id="cliente_encurso" class="custom-select id_filtroenCurso">
                        <option value="" selected>Seleccionar</option>
                        <!-- @for($i=0;$i<(count($datos_clientes));$i++) @foreach($datos_clientes[$i] as $dato) <option value="{{$dato->id}}">{{strtoupper($dato->cliente)}}</option>
                            @endforeach
                            @endfor -->
                    </select>
                </div>
                <div class="col-md-3">
                    <label for="">Tipo Asignacion</label>
                    <select name="" id="t_asignacion_encurso" class="custom-select id_filtroenCurso">
                        <option value="" selected>Seleccionar</option>
                        <option value="instalacion">INSTALACION</option>
                        <option value="retiro">RETIROS</option>
                       
                    </select>
                </div>
                <div class="col-md-3">
                    <label for="">Técnico</label>
                    <select name="" id="tecnico_encurso" class="custom-select id_filtroenCurso">
                        <option value="" selected>Seleccionar</option>
                        @foreach($trabajadores as $trabajador)
                        <option value="{{$trabajador->id}}">{{strtoupper($trabajador->nombre_uno)}} {{strtoupper($trabajador->apellido_uno)}}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            @endif
            <hr class="separador mx-4">
            <div class="container mb-4 px-4" style=" overflow-x: auto;">
                <table class="table table-lg table-bordered table-responsive-md table-striped table-hover mt-4">
                    <thead class="color-head">
                        <tr>
                            <th class="th-head border-th separador-v" colspan="1">TÉCNICO</th>
                            <th class="th-head border-th separador-v" colspan="1">TIPO</th>
                            <th class="th-head border-th separador-v" colspan="1">CLIENTE</th>
                            <th class="th-head border-th separador-v" colspan="1">Nº DE SERIE</th>
                            @if(Auth::user()->tipo_usuario != "trabajador")
                            <th class="th-head border-th separador-v" colspan="1">PROVEEDOR</th>
                            @endif
                            @if(Auth::user()->tipo_usuario == "trabajador")
                            <th class="th-head border-th separador-v" colspan="1">sSC</th>
                            <th class="th-head border-th separador-v" colspan="1">OBSERVACIÓN PROVEEDOR</th>
                            
                            @endif
                            <th class="th-head border-th separador-v" colspan="1">
                                <span class="material-icons">settings</span>
                            </th>
                        </tr>
                    </thead>
                    <tbody id="llenar_encurso"></tbody>
                </table>
            </div>
        </div>
    </div>
</div>
<!-- Modal Atenciones por reasignar -->
<div class="modal fade" id="aparaReasignar" aria-hidden="true">
    <div class="modal-dialog modal-lg modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <div class="seccion-modal">Atenciones por reasignar</div>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <hr class="separador mx-4">
            @if(Auth::user()->tipo_usuario == "coordinador" || Auth::user()->tipo_usuario == "administrador")
            <div class="row px-4 container mb-4">
                <div class="col-md-3">
                    
                    <label for="">Proveedor</label>
                    <select name="" id="proveedor_p_reasignar" class="custom-select id_filtroporReasignar">
                        <option value="" selected>Seleccionar</option>
                        
                        @foreach($proveedores as [$id, $descr])
                        <option value="{{$id}}">{{strtoupper($descr)}} </option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-3">
                    <label for="">Cliente</label>
                    <select name="" id="cliente_porReasignar" class="custom-select id_filtroporReasignar">
                        <option value="" selected>Seleccionar</option>
                        <!-- @for($i=0;$i<(count($datos_clientes));$i++) @foreach($datos_clientes[$i] as $dato) <option value="{{$dato->id}}">{{strtoupper($dato->cliente)}}</option>
                            @endforeach
                            @endfor -->
                    </select>
                </div>
                <div class="col-md-3">
                    <label for="">Tipo Asignacion</label>
                    <select name="" id="t_asignacion_porReasignar" class="custom-select id_filtroporReasignar">
                        <option value="" selected>Seleccionar</option>
                        <option value="instalacion">INSTALACION</option>
                        <option value="retiro">RETIROS</option>
                        
                    </select>
                </div>
                <div class="col-md-3">
                    <label for="">Técnico</label>
                    <select name="" id="tecnico_porReasignar" class="custom-select id_filtroporReasignar">
                        <option value="" selected>Seleccionar</option>
                        @foreach($trabajadores as $trabajador)
                        <option value="{{$trabajador->id}}">{{strtoupper($trabajador->nombre_uno)}} {{strtoupper($trabajador->apellido_uno)}}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            @endif
            <hr class="separador mx-4">
            <div class="container mb-4 px-4" style=" overflow-x: auto;">
                <table class="table table-lg table-bordered table-responsive-md table-striped table-hover mt-4">
                    <thead class="color-head">
                        <tr>
                            <th class="th-head border-th separador-v" colspan="1">TÉCNICO</th>
                            <th class="th-head border-th separador-v" colspan="1">FECHA</th>
                            <th class="th-head border-th separador-v" colspan="1">CLIENTE</th>
                            <th class="th-head border-th separador-v" colspan="1">Nº DE SERIE</th>
                            <th class="th-head border-th separador-v" colspan="1">PROVEEDOR</th>
                            <th class="th-head border-th separador-v" colspan="1">
                                <span class="material-icons">settings</span>
                            </th>
                        </tr>
                    </thead>
                    <tbody id="llenar_porreasignar"></tbody>
                </table>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="aparaRevisar" aria-hidden="true">
    <div class="modal-dialog modal-lg modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <div class="seccion-modal">Atenciones por revisar</div>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <hr class="separador mx-4">
            @if(Auth::user()->tipo_usuario == "coordinador" || Auth::user()->tipo_usuario == "administrador")
            <div class="row px-4 container mb-4">
                <div class="col-md-3">
                    
                    <label for="">Proveedor</label>
                    <select name="" id="proveedor_por_rev" class="custom-select id_filtroporRevisar">
                        <option value="" selected>Seleccionar</option>
                        
                        @foreach($proveedores as [$id, $descr])
                        <option value="{{$id}}">{{strtoupper($descr)}} </option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-3">
                    <label for="">Cliente</label>
                    <select name="" id="cliente_porRevisar" class="custom-select id_filtroporRevisar">
                        <option value="" selected>Seleccionar</option>
                        <!-- @for($i=0;$i<(count($datos_clientes));$i++) @foreach($datos_clientes[$i] as $dato) <option value="{{$dato->id}}">{{strtoupper($dato->cliente)}}</option>
                            @endforeach
                            @endfor -->
                    </select>
                </div>
                <div class="col-md-3">
                    <label for="">Tipo Asignacion</label>
                    <select name="" id="t_asignacion_porRevisar" class="custom-select id_filtroporRevisar">
                        <option value="" selected>Seleccionar</option>
                        
                        <option value="instalacion">INSTALACION</option>
                        <option value="retiro">RETIROS</option>
                    </select>
                </div>
                <div class="col-md-3">
                    <label for="">Técnico</label>
                    <select name="" id="tecnico_porRevisar" class="custom-select id_filtroporRevisar">
                        <option value="" selected>Seleccionar</option>
                        @foreach($trabajadores as $trabajador)
                        <option value="{{$trabajador->id}}">{{strtoupper($trabajador->nombre_uno)}} {{strtoupper($trabajador->apellido_uno)}}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            @endif
            <hr class="separador mx-4">
            <div class="container mb-4 px-4" style=" overflow-x: auto;">
                <table class="table table-lg table-bordered table-responsive-md table-striped table-hover mt-4">
                    <thead class="color-head">
                        <tr>
                            <th class="th-head border-th separador-v" colspan="1">TÉCNICO</th>
                            <th class="th-head border-th separador-v" colspan="1">FECHA</th>
                            <th class="th-head border-th separador-v" colspan="1">CLIENTE</th>
                            <th class="th-head border-th separador-v" colspan="1">Nº DE SERIE</th>
                            <th class="th-head border-th separador-v" colspan="1">PROVEEDOR</th>

                            <th class="th-head border-th separador-v" colspan="1">
                                <span class="material-icons">settings</span>
                            </th>
                        </tr>
                    </thead>
                    <tbody id="llenar_porrevisar"></tbody>
                </table>
            </div>
        </div>
    </div>
</div>
<!-- MENSAJE -->
@if(Auth::user()->tipo_usuario == "trabajador")
@php
$id_tecnico = DB::table('trabajadors')
->where('id_login','=',Auth::user()->id)
->get();

$validacion = DB::table('firma_clientes')
->where('id_tecnico','=',$id_tecnico[0]->id)
->where('url_firma','!=',"fotos_trabajador/unknown.png")
->get();

if(count($validacion) != 0){
$firma = 0;
}else{
$firma = 1;
}
@endphp
@if($firma == 1)
<div class="modal fade" id="aFirmaObligatoria" aria-hidden="true" data-backdrop="static" class="modal fade bd-example-modal-sm">
    <div class="modal-dialog modal-sm modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <div class="seccion-modal">Firma Obligatoria</div>
            </div>
            <hr class="separador mx-4">
            <div class="container mb-4 px-4 text-align-center">
                <input type="hidden" id="id_firma" value="{{$firma}}">
                <p>Ingrese su firma antes de continuar<br>
                    1.- Dibuje su firma en el cuadro de "cambiar firma". <br>
                    2.- Seleccione generar Imagen. <br>
                    3.- Por ultimo seleccione guardar firma.
                </p>
                <div class="mt-2"><a class="btn btn-prim btn-block" href="{{route('mifirma')}}">Agregar Firma</a></div>
            </div>
        </div>
    </div>
</div>
@endif
@endif
<!-- MENSAJE -->
@if(Auth::user()->tipo_usuario == "coordinador" || Auth::user()->tipo_usuario == "administrador")
<div class="modal fade" id="aAlertaHome" aria-hidden="true">
    <div class="modal-dialog modal-lg modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <div class="seccion-modal">Atencion</div>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <hr class="separador mx-4">
            <div class="container mb-4 px-4">
                Para gestionar creación de proveedor, agregar sucursal, crear cliente, crear proyecto, así como también para designar instalaciones, retiros, revisar capacitaciones y resumen retiro <strong>DEBE IR A LA SECCIÓN CAMBIAR PROVEEDOR.</strong>
            </div>
        </div>
    </div>
</div>
@endif
{{-- Modal Seguimiento del técnico --}}
<div class="modal fade" id="seguimiento" aria-hidden="true">
    <div class="modal-dialog modal-xl modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <div class="seccion-modal">Consulta seguimiento</div>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <hr class="separador mx-4">

            <div class="container">
                <div class="row">
                    <div class="col-sm-6 form-group mx-auto">
                        <label for="">Numero de Serie o sSc</label>
                        <input class="form-control mayuscula" type="text" placeholder="Serie" id="serie_seguimiento">
                    </div>
                    <div class="col-sm-12 my-4 text-center">
                        <button class="btn btn-prim px-sm-5 hacer_seguimiento">Hacer seguimiento</button>
                        <button class="btn btn-prim px-sm-5 hacer_seguimiento_servicio">Hacer seguimiento servicio</button>
                    </div>
                </div>
            </div>
            <div class="container mb-4 px-4">
                <table class="table table-xl table-bordered table-responsive-md table-striped table-hover mt-4">
                    <thead class="color-head">
                        <tr>
                            <th class="th-head border-th separador-v" colspan="1">TÉCNICO</th>
                            <th class="th-head border-th separador-v" colspan="1">FECHA</th>
                            <th class="th-head border-th separador-v" colspan="1">CLIENTE</th>
                            <th class="th-head border-th separador-v" colspan="1">REGIÓN</th>
                            <th class="th-head border-th separador-v" colspan="1">COMUNA</th>
                            <th class="th-head border-th separador-v" colspan="1">Nº DE SERIE</th>
                            <th class="th-head border-th separador-v" colspan="1">T. ATENCIÓN</th>
                        </tr>
                    </thead>
                    <tbody id="llenar_seguimiento">
                    </tbody>
                </table>
            </div>
            {{-- barra de seguimiento --}}
            <div class="container seguimiento my-5">
                <div class="barra mx-auto">
                    {{-- estos son los bordes de los puntos. siempre están visibles --}}
                    <div class="d-flex justify-content-between container-puntos">
                        <div class="punto"></div>
                        <div class="punto"></div>
                        <div class="punto"></div>
                        <div class="punto"></div>
                        <div class="punto"></div>
                        <div class="punto"></div>
                    </div>
                    {{-- Este es el punto activo, se activa dependiendo el punto de estado en el que esté el técnico --}}
                    <div class="d-flex justify-content-between container-puntos">
                        <div class="" id="punto-asignado"></div>
                        <div class="" id="punto-ruta"></div>
                        <div class="" id="punto-cliente"></div>
                        <div class="" id="punto-iniciar"></div>
                        <div class="" id="punto-revisar"></div>
                        <div class="" id="punto-final"></div>
                    </div>
                </div>
                {{-- Acá es el estado en el que está el técnico, se activa dependiendo del punto --}}
                <div class="d-line-flex justify-content-around mt-4">
                    <div class="row text-center">
                        <div class="col-sm active">Asignado</div>
                        <div class="col-sm">En Ruta</div>
                        <div class="col-sm">En Cliente</div>
                        <div class="col-sm">Iniciar Check</div>
                        <div class="col-sm">Estado revisar</div>
                        <div class="col-sm">Estado final del check</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--FIN MODAL'S INSTALACION-RETIRO-->
<!--MODALS SERVICIOS-->
<!--MODAL PENDIENTES COORDINADOR-->
<div class="modal fade" id="aPendientes_servicio" aria-hidden="true">
<div class="modal-dialog modal-xl modal-dialog-scrollable modal-dialog-centered" id="aPendientes_servicio_c">
        <div class="modal-content">
            <div class="modal-header">
                <div class="seccion-modal">Atenciones Pendientes</div>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <hr class="separador mx-4">
            <div class="row px-4 container mb-4">
                <div class="col-md-4">
                    
                    <label for="">Proveedor</label>
                    <select name="" id="proveedor_ap_serv" class="custom-select id_filtroPendiente_servicio">
                        <option value="" selected>Seleccionar</option>
                        
                        @foreach($proveedores as [$id, $descr])
                        <option value="{{$id}}">{{strtoupper($descr)}} </option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-4">
                    <label for="">Cliente</label>
                    <select name="" id="cliente_servicio" class="custom-select id_filtroPendiente_servicio">
                        <option value="" selected>Seleccionar</option>
                        <!-- @for($i=0;$i<(count($datos_clientes_porasignar_servicios));$i++) @foreach($datos_clientes_porasignar_servicios[$i] as $dato) <option value="{{$dato->sCliente}}">{{$dato->sCliente}}</option>
                            @endforeach
                            @endfor -->
                    </select>
                </div>
                <div class="col-md-4">
                    <label for="">Técnico</label>
                    <select name="" id="tecnico_servicio" class="custom-select id_filtroPendiente_servicio">
                        <option value="" selected>Seleccionar</option>
                        @foreach($trabajadores as $trabajador)
                        <option value="{{$trabajador->id}}">{{strtoupper($trabajador->nombre_uno)}} {{strtoupper($trabajador->apellido_uno)}}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            <hr class="separador mx-4">
            
            <div class=" mb-4 px-4" style=" overflow-x: auto;">
            <a target="_blank" href="https://ayaingenieria.cl/aya/rendicion/correo/readMail.php" class="btn btn-ter reload">
                Para actualizar los registros de la tabla, presione aquí
                </a>
          
                <table class="table table-lg table-bordered table-responsive-md table-striped table-hover ">
                    <thead class="color-head">
                        <tr>
                        <th class="th-head border-th separador-v" colspan="1">RECEPCIÓN TICKET</th>

                            <th class="th-head border-th separador-v" colspan="1">SLA</th>
                            <th class="th-head border-th separador-v" colspan="1">TÉCNICO</th>
                            <th class="th-head border-th separador-v" colspan="1">FECHA ASIG</th>
                            <th class="th-head border-th separador-v" colspan="1">CLIENTE</th>
                            <th class="th-head border-th separador-v" colspan="1">REGIÓN</th>
                            <th class="th-head border-th separador-v" colspan="1">COMUNA</th>
                            <th class="th-head border-th separador-v" colspan="1">sSC</th>
                            <th class="th-head border-th separador-v" colspan="1">OBSERVACIÓN PROVEEDOR </th>
                            <th class="th-head border-th separador-v" colspan="1">PROVEEDOR </th>
                            <th class="th-head border-th separador-v" colspan="1">
                                <span class="material-icons">settings</span>
                            </th>
                        </tr>
                    </thead>
                    <tbody id="llenar_pendientes_servicio">
                        <!--AQUI SE LLENAN LAS ATENCIONES POR AJAX-->
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
<!--FIN MODAL PENDIENTES COORDINADOR-->
<!--MODAL POR ASIGNAR COORINADOR-->
<div class="modal fade" id="aporAsignar_servicio" aria-hidden="true">
<div class="modal-dialog modal-xl modal-dialog modal-dialog-centered "  id="aporAsignar_servicio_c">
        <div class="modal-content">
            <div class="modal-header">
                <div class="seccion-modal">Atenciones por asignar</div>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <hr class="separador mx-4">
            <div class="row px-4 container mb-4">
                <div class="col-md-6">
                    
                    <label for="">Proveedor</label>
                    <select name="" id="proveedor_por_as_ser" class="custom-select id_filtroporAsignar_servicio">
                        <option value="" selected>Seleccionar</option>
                        
                        @foreach($proveedores as [$id, $descr])
                        <option value="{{$id}}">{{strtoupper($descr)}} </option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-6">
                    <label for="">Cliente</label>
                    <select name="" id="cliente_porasignar_servicio" class="custom-select id_filtroporAsignar_servicio">
                        <option value="" selected>Seleccionar</option>
                        <!-- @for($i=0;$i<(count($datos_clientes_porasignar_servicios));$i++) @foreach($datos_clientes_porasignar_servicios[$i] as $dato) <option value="{{$dato->sCliente}}">{{strtoupper($dato->sCliente)}}</option>
                            @endforeach
                            @endfor -->
                    </select>
                </div>
            </div>
            <hr class="separador mx-4">
            <div class=" mb-4 px-4" style=" overflow-x: auto;">
            <a target="_blank" href="https://ayaingenieria.cl/aya/rendicion/correo/readMail.php" class="btn btn-ter reload">
                Para actualizar los registros de la tabla, presione aquí
                </a>
                <table class="table table-lg table-bordered table-responsive-md table-striped table-hover ">
                    <thead class="color-head">
                        <tr>
                        <th class="th-head border-th separador-v" colspan="1">RECEPCIÓN TICKET</th>

<th class="th-head border-th separador-v" colspan="1">SLA</th>
                            <th class="th-head border-th separador-v" colspan="1">PROVEEDOR</th>
                            <th class="th-head border-th separador-v" colspan="1">CLIENTE</th>
                            <th class="th-head border-th separador-v" colspan="1">REGIÓN</th>
                            <th class="th-head border-th separador-v" colspan="1">COMUNA</th>
                            <th class="th-head border-th separador-v" colspan="1">cSC</th>
                            <th class="th-head border-th separador-v" colspan="1">OBSERVACIÓN PROVEEDOR</th>
                            <th class="th-head border-th separador-v" colspan="1">PROVEEDOR</th>

                            <th class="th-head border-th separador-v" colspan="1">
                                <span class="material-icons">settings</span>
                            </th>
                        </tr>
                    </thead>
                    <tbody id="llenar_porasginar_servicio"></tbody>
                </table>
            </div>
        </div>
    </div>
</div>
<!--FIN MODAL ASIGNAR COORDINADOR-->
<!--MODAL EN CURSO -->
<div class="modal fade" id="aenCurso_servicio" aria-hidden="true">
    <div class="modal-dialog modal-xl modal-dialog modal-dialog-centered" id="aenCurso_servicio_c">
        <div class="modal-content">
            <div class="modal-header">
                <div class="seccion-modal">Atenciones en curso</div>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <hr class="separador mx-4">
            <div class="row px-4 container mb-4">
                <div class="col-md-4">
                    
                    <label for="">Proveedor</label>
                    <select name="" id="proveedor_en_curso_serv" class="custom-select id_filtroenCurso_servicio">
                        <option value="" selected>Seleccionar</option>
                        
                        @foreach($proveedores as [$id, $descr])
                        <option value="{{$id}}">{{strtoupper($descr)}} </option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-4">
                    <label for="">Cliente</label>
                    <select name="" id="cliente_encurso_servicio" class="custom-select id_filtroenCurso_servicio">
                        <option value="" selected>Seleccionar</option>
                        <!-- @for($i=0;$i<(count($datos_clientes_porasignar_servicios));$i++) @foreach($datos_clientes_porasignar_servicios[$i] as $dato) <option value="{{$dato->sCliente}}">{{strtoupper($dato->sCliente)}}</option>
                            @endforeach
                            @endfor -->
                    </select>
                </div>
                <div class="col-md-4">
                    <label for="">Técnico</label>
                    <select name="" id="tecnico_encurso_servicio" class="custom-select id_filtroenCurso_servicio">
                        <option value="" selected>Seleccionar</option>
                        @foreach($trabajadores as $trabajador)
                        <option value="{{$trabajador->id}}">{{strtoupper($trabajador->nombre_uno)}} {{strtoupper($trabajador->apellido_uno)}}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            <hr class="separador mx-4">
            <div class=" mb-4 px-4" style=" overflow-x: auto;">
                <table class="table table-lg table-bordered table-responsive-md table-striped table-hover mt-4">
                    <thead class="color-head">
                        <tr>
                        <th class="th-head border-th separador-v" colspan="1">RECEPCIÓN TICKET</th>

<th class="th-head border-th separador-v" colspan="1">SLA</th>
                            <th class="th-head border-th separador-v" colspan="1">TÉCNICO</th>
                            <th class="th-head border-th separador-v" colspan="1">FECHA</th>
                            <th class="th-head border-th separador-v" colspan="1">CLIENTE</th>
                            <th class="th-head border-th separador-v" colspan="1">cSC</th>
                            <th class="th-head border-th separador-v" colspan="1">OBSERVACIÓN PROVEEDOR</th>
                            <th class="th-head border-th separador-v" colspan="1">PROVEEDOR</th>

                            <th class="th-head border-th separador-v" colspan="1">
                                <span class="material-icons">settings</span>
                            </th>
                        </tr>
                    </thead>
                    <tbody id="llenar_encurso_servicio"></tbody>
                </table>
            </div>
        </div>
    </div>
</div>
<!--FIN MODAL EN CURSO-->
<!--MODAL POR REASIGNAR -->
<div class="modal fade" id="aparaReasignar_servicio" aria-hidden="true">
    <div class="modal-dialog modal-lg modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <div class="seccion-modal">Atenciones por reasignar</div>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <hr class="separador mx-4">
            <div class="row px-4 container mb-4">
                <div class="col-md-4">
                    
                    <label for="">Proveedor</label>
                    <select name="" id="proveedor_p_reasignar_ser" class="custom-select id_filtroporReasignar_servicio">
                        <option value="" selected>Seleccionar</option>
                        
                        @foreach($proveedores as [$id, $descr])
                        <option value="{{$id}}">{{strtoupper($descr)}} </option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-4">
                    <label for="">Cliente</label>
                    <select name="" id="cliente_porReasignar_servicio" class="custom-select id_filtroporReasignar_servicio">
                        <option value="" selected>Seleccionar</option>
                        <!-- @for($i=0;$i<(count($datos_clientes_porasignar_servicios));$i++) @foreach($datos_clientes_porasignar_servicios[$i] as $dato) <option value="{{$dato->sCliente}}">{{strtoupper($dato->sCliente)}}</option>
                            @endforeach
                            @endfor -->
                    </select>
                </div>
                <div class="col-md-4">
                    <label for="">Técnico</label>
                    <select name="" id="tecnico_porReasignar_servicio" class="custom-select id_filtroporReasignar_servicio">
                        <option value="" selected>Seleccionar</option>
                        @foreach($trabajadores as $trabajador)
                        <option value="{{$trabajador->id}}">{{strtoupper($trabajador->nombre_uno)}} {{strtoupper($trabajador->apellido_uno)}}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            <hr class="separador mx-4">
            <div class="container mb-4 px-4" style=" overflow-x: auto;">
                <table class="table table-lg table-bordered table-responsive-md table-striped table-hover mt-4">
                    <thead class="color-head">
                        <tr>
                            <th class="th-head border-th separador-v" colspan="1">TÉCNICO</th>
                            <th class="th-head border-th separador-v" colspan="1">FECHA</th>
                            <th class="th-head border-th separador-v" colspan="1">CLIENTE</th>
                            <th class="th-head border-th separador-v" colspan="1">cSC</th>
                            <th class="th-head border-th separador-v" colspan="1">PROVEEDOR</th>

                            <th class="th-head border-th separador-v" colspan="1">
                                <span class="material-icons">settings</span>
                            </th>
                        </tr>
                    </thead>
                    <tbody id="llenar_porreasignar_servicio"></tbody>
                </table>
            </div>
        </div>
    </div>
</div>
<!--FIN MODAL POR REASIGNAR-->
<!--MODAL POR REVISAR-->
<div class="modal fade" id="aparaRevisar_servicio" aria-hidden="true">
    <div class="modal-dialog modal-lg modal-dialog modal-dialog-centered" id="aparaRevisar_servicio_c">
        <div class="modal-content">
            <div class="modal-header">
                <div class="seccion-modal">Atenciones por revisar</div>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <hr class="separador mx-4">
            <div class="row px-4 container mb-4">
                <div class="col-md-4">
                    
                    <label for="">Proveedor</label>
                    <select name="" id="proveedor_por_revisar_serv" class="custom-select id_filtroporRevisar_servicio">
                        <option value="" selected>Seleccionar</option>
                        
                        @foreach($proveedores as [$id, $descr])
                        <option value="{{$id}}">{{strtoupper($descr)}} </option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-4">
                    <label for="">Cliente</label>
                    <select name="" id="cliente_revisar_servicio" class="custom-select id_filtroporRevisar_servicio">
                        <option value="" selected>Seleccionar</option>
                        <!-- @for($i=0;$i<(count($datos_clientes_porasignar_servicios));$i++) @foreach($datos_clientes_porasignar_servicios[$i] as $dato) <option value="{{$dato->sCliente}}">{{strtoupper($dato->sCliente)}}</option>
                            @endforeach
                            @endfor -->
                    </select>
                </div>
                <div class="col-md-4">
                    <label for="">Técnico</label>
                    <select name="" id="tecnico_porrevisar_servicio" class="custom-select id_filtroporRevisar_servicio">
                        <option value="" selected>Seleccionar</option>
                        @foreach($trabajadores as $trabajador)
                        <option value="{{$trabajador->id}}">{{strtoupper($trabajador->nombre_uno)}} {{strtoupper($trabajador->apellido_uno)}}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            <hr class="separador mx-4">
            <div class=" mb-4 px-4" style=" overflow-x: auto;">
                <table class="table table-lg table-bordered table-responsive-md table-striped table-hover mt-4">
                    <thead class="color-head">
                        <tr>
                        <th class="th-head border-th separador-v" colspan="1">RECEPCIÓN TICKET</th>

<th class="th-head border-th separador-v" colspan="1">SLA</th>
                            <th class="th-head border-th separador-v" colspan="1">TÉCNICO</th>
                            <th class="th-head border-th separador-v" colspan="1">FECHA</th>
                            <th class="th-head border-th separador-v" colspan="1">CLIENTE</th>
                            <th class="th-head border-th separador-v" colspan="1">cSC</th>
                            <th class="th-head border-th separador-v" colspan="1">ESTADO</th>
                            <th class="th-head border-th separador-v" colspan="1">PROVEEDOR</th>
                            
                            <th class="th-head border-th separador-v" colspan="1">
                                <span class="material-icons">settings</span>
                            </th>
                        </tr>
                    </thead>
                    <tbody id="llenar_porrevisar_servicio"></tbody>
                </table>
            </div>
        </div>
    </div>
</div>
<!--FIN MODAL POR REVISAR-->
{{-- SOLICITAR REPUESTOS --}}
<div class="modal fade" id="modal_solicitar_repuestos" aria-hidden="true">
    <div class="modal-dialog modal-xl modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <div class="seccion-modal">Estado: Solicitud repuestos</div>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <hr class="separador mx-4">
            <div class="row px-4 container mb-4">
                <div class="col-md-4">
                    
                    <label for="">Proveedor</label>
                    <select name="" id="proveedor_instalacion_respuestos" class="custom-select id_filtrorepuesto_solicitud_servicio">
                        <option value="" selected>Seleccionar</option>
                        
                        @foreach($proveedores as [$id, $descr])
                        <option value="{{$id}}">{{strtoupper($descr)}} </option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-4">
                    <label for="">Cliente</label>
                    <select name="" id="cliente_repuesto_servicio" class="custom-select id_filtrorepuesto_solicitud_servicio">
                        <option value="" selected>Seleccionar</option>
                        <!-- @for($i=0;$i<(count($datos_clientes_porasignar_servicios));$i++) @foreach($datos_clientes_porasignar_servicios[$i] as $dato) <option value="{{$dato->sCliente}}">{{strtoupper($dato->sCliente)}}</option>
                            @endforeach
                            @endfor -->
                    </select>
                </div>
                <div class="col-md-4">
                    <label for="">Técnico</label>
                    <select name="" id="tecnico_repuesto_servicio" class="custom-select id_filtrorepuesto_solicitud_servicio">
                        <option value="" selected>Seleccionar</option>
                        @foreach($trabajadores as $trabajador)
                        <option value="{{$trabajador->id}}">{{strtoupper($trabajador->nombre_uno)}} {{strtoupper($trabajador->apellido_uno)}}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            <hr class="separador mx-4">
            <div class="container mb-4 px-4" style=" overflow-x: auto;">
                <table class="table table-lg table-bordered table-responsive-md table-striped table-hover mt-4">
                    <thead class="color-head">
                        <tr>
                            <th class="th-head border-th separador-v" colspan="1">TÉCNICO</th>
                            <th class="th-head border-th separador-v" colspan="1">FECHA</th>
                            <th class="th-head border-th separador-v" colspan="1">CLIENTE</th>
                            <th class="th-head border-th separador-v" colspan="1">cSC</th>
                            <th class="th-head border-th separador-v" colspan="1">ESTADO</th>
                            <th class="th-head border-th separador-v" colspan="1">OBSERVACIÓN PROVEEDOR</th>
                            <th class="th-head border-th separador-v" colspan="1">PROVEEDOR</th>

                            <th class="th-head border-th separador-v" colspan="1">
                                <span class="material-icons">settings</span>
                            </th>
                        </tr>
                    </thead>
                    <tbody id="soli_repuestos_data"></tbody>
                </table>
            </div>
        </div>
    </div>
</div>
{{-- NODAL INSTALAR REPUESTOS --}}
<div class="modal fade" id="modal_instalar_repuestos" aria-hidden="true">
    <div class="modal-dialog modal-xl modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <div class="seccion-modal">Estado: Instalación repuestos</div>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <hr class="separador mx-4">
            <div class="row px-4 container mb-4">
                <div class="col-md-4">
                    
                    <label for="">Proveedor</label>
                    <select name="" id="proveedor_instalacion_respuestos" class="custom-select id_filtrorepuesto_servicio">
                        <option value="" selected>Seleccionar</option>
                        
                        @foreach($proveedores as [$id, $descr])
                        <option value="{{$id}}">{{strtoupper($descr)}} </option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-4">
                    <label for="">Cliente</label>
                    <select name="" id="cliente_repuesto_servicio" class="custom-select id_filtrorepuesto_servicio">
                        <option value="" selected>Seleccionar</option>
                        <!-- @for($i=0;$i<(count($datos_clientes_porasignar_servicios));$i++) @foreach($datos_clientes_porasignar_servicios[$i] as $dato) <option value="{{$dato->sCliente}}">{{strtoupper($dato->sCliente)}}</option>
                            @endforeach
                            @endfor -->
                    </select>
                </div>
                <div class="col-md-4">
                    <label for="">Técnico</label>
                    <select name="" id="tecnico_repuesto_servicio" class="custom-select id_filtrorepuesto_servicio">
                        <option value="" selected>Seleccionar</option>
                        @foreach($trabajadores as $trabajador)
                        <option value="{{$trabajador->id}}">{{strtoupper($trabajador->nombre_uno)}} {{strtoupper($trabajador->apellido_uno)}}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            <hr class="separador mx-4">
            <div class="container mb-4 px-4" style=" overflow-x: auto;">
                <table class="table table-lg table-bordered table-responsive-md table-striped table-hover mt-4">
                    <thead class="color-head">
                        <tr>
                            <th class="th-head border-th separador-v" colspan="1">TÉCNICO</th>
                            <th class="th-head border-th separador-v" colspan="1">FECHA</th>
                            <th class="th-head border-th separador-v" colspan="1">CLIENTE</th>
                            <th class="th-head border-th separador-v" colspan="1">cSC</th>
                            <th class="th-head border-th separador-v" colspan="1">ESTADO</th>
                            <th class="th-head border-th separador-v" colspan="1">OBSERVACIÓN PROVEEDOR</th>
                            <th class="th-head border-th separador-v" colspan="1">PROVEEDOR</th>

                            <th class="th-head border-th separador-v" colspan="1">
                                <span class="material-icons">settings</span>
                            </th>
                        </tr>
                    </thead>
                    <tbody id="repuestos_data"></tbody>
                </table>
            </div>
        </div>
    </div>
</div>
<!--Modal Historial instalacion-->
<div class="modal" id="modalver_historial_check_instalacion" z-index="99999">
    <div class="modal-dialog-centered" >
        <div class="modal-content">
            <!-- Modal Header -->
            <div class="modal-header">
                <h4 class="modal-title"> Historial</h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body">
                <div class="container">
                <table class="table table-bordered table-responsive table-striped" style="margin-bottom: 50px">
                        <thead>
                            <th scope="col">N° de atencion</th>
                            <th scope="col">Tecnico</th>
                            <th scope="col">Estado opción</th>
                            <th scope="col">N° de serie</th>
                            <th scope="col">Modelo </th>
                            <th scope="col">Direccion</th>
                            <th scope="col">Region</th>
                            <th scope="col">Comuna</th>
                            <th scope="col">Cliente</th>
                            <th scope="col">Fecha</th>
                            <th scope="col">Contador B/N</th>
                            <th scope="col">Contador Color</th>
                            <th scope="col">Tipo Visita</th>
                            <th scope="col">Observaciones</th>
                            <th scope="col">Accesorios</th>
                        </thead>
                        <tbody id="agregar_historial_instalacions"></tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
<!--Modal Historial retiro-->
<div class="modal" id="modalHistorialRetiro">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <!-- Modal Header -->
            <div class="modal-header">
                <h4 class="modal-title"> Historial</h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body">
                <table class="table table-bordered table-responsive-lg table-striped">
                    <thead>
                        <th scope="col">N° de serie</th>
                        <th scope="col">Direccion</th>
                        <th scope="col">Cliente</th>
                        <th scope="col">Fecha</th>
                        <th scope="col">Contador B/N</th>
                        <th scope="col">Contador Color</th>
                        <th scope="col">Observaciones</th>
                    </thead>
                    <tbody id="agregar_historial_retiro"></tbody>
                </table>
            </div>
        </div>
    </div>
</div>
<!--Modal Historial instalacion-->
<div class="modal" id="modalver_historial_check">
<div class="modal-dialog-centered" >
        <div class="modal-content">
            <!-- Modal Header -->
            <div class="modal-header">
                <h4 class="modal-title"> Historial</h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body">
                <div class="container">
                <table class="table table-bordered table-responsive table-striped" style="margin-bottom: 50px">
                        <thead>
                            <th scope="col">N° Visita</th>
                            <th scope="col">Tecnico</th>
                            <th scope="col">N° de serie</th>
                            <th scope="col">sSc</th>
                            <th scope="col">Modelo </th>
                            <th scope="col">Direccion</th>
                            <th scope="col">Region</th>
                            <th scope="col">Comuna</th>
                            <th scope="col">Cliente</th>
                            <th scope="col">Fecha</th>
                            <th scope="col">Contador B/N</th>
                            <th scope="col">Contador Color</th>
                            <th scope="col">Observaciones</th>
                            <th scope="col">Estado opcion</th>
                            <th scope="col">Accesorios</th>
                        </thead>
                        <tbody id="agregar_historial_instalacion"></tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
<!--FIN MODAL'S SERVICIOS-->
<script src="{{ asset('js/chart.min.js') }}"></script>
<!--SCRIPT'S INSTALACION-RETIRO-->
<script>
    setInterval(function() {
        $.ajax({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            type: 'POST',
            url: "{{ route('go.actualizar_home') }}",
            data: {},
            success: function(data) {
                // COORDINADOR
                console.log("data Coordinador");
                console.log(data);
                $('#suma_pendiente_coordinador').empty();
                $('#suma_pendiente_coordinador').append(data.suma_pendientes_coordinador);
                $('#suma_porasignar_coordinador').empty();
                $('#suma_porasignar_coordinador').append(data.suma_porasignar_coordinador);
                $('#suma_encurso_coordinador').empty();
                $('#suma_encurso_coordinador').append(data.suma_encursos_coordiandor);
                $('#suma_porreasignar_coordinador').empty();
                $('#suma_porreasignar_coordinador').append(data.suma_porreasignars_coordiandor);
                $('#suma_porrevisar_coordinador').empty();
                $('#suma_porrevisar_coordinador').append(data.suma_porrevisar_coordiandor);
                $('#suma_pendienteservicio_coordinador').empty();
                $('#suma_pendienteservicio_coordinador').append(data.suma_pendientes_coordinador_servicio);
                $('#suma_porasignarservicio_coordinador').empty();
                $('#suma_porasignarservicio_coordinador').append(data.suma_porasignar_coordinador_servicio);
                $('#suma_encursoservicio_coordinador').empty();
                $('#suma_encursoservicio_coordinador').append(data.suma_encursos_coordiandor_servicio);
                $('#suma_porreasignarservicio_coordinador').empty();
                $('#suma_porreasignarservicio_coordinador').append(data.suma_porreasignar_coordiandor_servicio);
                $('#suma_porrevisarservicio_coordinador').empty();
                $('#suma_porrevisarservicio_coordinador').append(data.suma_porrevisar_coordiandor_servicio);
                //TECNICO   
                $('#suma_pendiente_trabajador').empty();
                $('#suma_pendiente_trabajador').append(data.suma_pendientes_tecnico);
                $('#suma_rechazado_tecnico').empty();
                $('#suma_rechazado_tecnico').append(data.suma_rechazado_tecnico);
                $('#suma_encurso_tecnico').empty();
                $('#suma_encurso_tecnico').append(data.suma_encursos_tecnico);
                //PROVEEDOR
                $('#suma_asignado_proveedor').empty();
                $('#suma_asignado_proveedor').append(data.cont_asignadoProveedor);
                $('#suma_repuesto_proveedor').empty();
                $('#suma_repuesto_proveedor').append(data.cont_repuestosProveedor);
                $('#suma_asignadoservicio_proveedor').empty();
                $('#suma_asignadoservicio_proveedor').append(data.cont_asignadoservicioProveedor);
                $('#suma_repuestoservicio_proveedor').empty();
                $('#suma_repuestoservicio_proveedor').append(data.cont_respuestoservicioProveedor);
                $('#suma_repuestoservicio_proveedor_finalizadas').empty();
                $('#suma_repuestoservicio_proveedor_finalizadas').append(data.cont_respuestoservicioProveedorFinalizadas);
                $('#suma_repuestoservicio_proveedor_asignadas').empty();
                $('#suma_repuestoservicio_proveedor_asignadas').append(data.cont_respuestoservicioProveedorAsignadas);
            },
            error: function(xhr, status) {
                console.log('Disculpe, Ha ocurrido un problema, Intente mas tarde');
            }
        })
    }, 10000);

    function limpiar_imputs() {
        //pendiente
        $("#cliente").val('');
        $('#t_asignacion').val('');
        $('#tecnico').val('');
        //por asignar
        $('#cliente_porasignar').val('');
        $('#t_asignacion_porasignar').val('');
        //en curso
        $('#cliente_encurso').val('');
        $('#t_asignacion_encurso').val('');
        $('#tecnico_encurso').val('');
        //reasignar
        $('#cliente_porReasignar').val('');
        $('#t_asignacion_porReasignar').val('');
        $('#tecnico_porReasignar').val('');
        //pendiente servicio
        $("#cliente_servicio").val('');
        $('#tecnico_servicio').val('');
        //por asignar servicio
        $('#cliente_porasignar_servicio').val('');
        //en curso servicio
        $('#cliente_encurso_servicio').val('');
        $('#tecnico_encurso_servicio').val('');
        //reasignar
        $('#cliente_porReasignar_servicio').val('');
        $('#tecnico_porReasignar_servicio').val('');
    }

    function historial_instalacion(a, b) {
        
        id = a;
        // if (b == 1) {
        //     proveedor = "comtecglobal"
        // }
        // if (b == 2) {
        //     proveedor = "kyocera"
        // }
        // if (b == 3) {
        //     proveedor = "upgrade"
        // }
        proveedor = b;
        $.ajax({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            type: 'POST',
            url: "{{ route('go.historial_check_instalacions_home') }}",
            data: {
                'id': id,
                'proveedor': proveedor
            },
            success: function(data) {
                console.log(data);

                
                $("#aparaRevisar_kyocera").modal('hide');

                $('#agregar_historial_instalacions').empty();
                $("#modalver_historial_check_instalacion").modal('show');
                $('#agregar_historial_instalacions').append(data)
            },
            error: function(xhr, status) {
                alert('Disculpe, Ha ocurrido un problema, Intente mas tarde');
            }
        })
    }

    function historial_retiro(a, b) {
        id = a
        proveedor = b;
        // if (b == 1) {
        //     proveedor = "kyocera"
        // }
        $.ajax({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            type: 'POST',
            url: "{{ route('go.historial_check_retiro_home') }}",
            data: {
                'id': id,
                'proveedor': proveedor
            },
            success: function(data) {
                $('#agregar_historial_retiro').empty();
                $("#modalHistorialRetiro").modal('show');
                $('#agregar_historial_retiro').append(data);
            },
            error: function(xhr, status) {
                alert('Disculpe, Ha ocurrido un problema, Intente mas tarde');
            }
        })
    }

    function obtenerSelect(proveedor,idSelect,idClienteSelecionado,opcionSelect){

//  alert("h");
        $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: "{{ route('go.obtenerclientesproveedor') }}",
                method: "GET",
                data: {
                   
                    'proveedor_ap': proveedor,'opcionSelect':opcionSelect,'idClienteSelecionado':idClienteSelecionado
                },
                success: function(data) {
                //    alert(data);
                console.log(data);

                $("#"+idSelect).empty();
                $("#"+idSelect).append(data);
                }
            });

    }
    $(document).ready(function() {
        if ($(".tipoUsuario").val() == "proveedor") {} else {
            //ALERTA
            if ($(".tipoUsuario").val() == "trabajador") {
                if ($("#id_firma").val() == 1) {
                    $('#aFirmaObligatoria').modal("show");
                } else {
                    $('#aAlertaHome').modal("show");
                }
            } else {
                $('#aAlertaHome').modal("show");
            }
        }
        //FILTRO PENDIENTE
        $('.id_filtroPendiente').change(function() {

        
            cliente = $("#cliente").val();
            tipo_a = $("#t_asignacion").val();
            tecnico = $("#tecnico").val();
            proveedor_ap = $("#proveedor_ap").val();
            // alert(cliente);
            


            obtenerSelect(proveedor_ap,"cliente",cliente,0);

            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: "{{ route('go.filtro_pendiente') }}",
                method: "GET",
                data: {
                    'cliente': cliente,
                    'tipo_a': tipo_a,
                    'tecnico': tecnico,
                    'proveedor_ap': proveedor_ap
                },
                success: function(data) {
                    // console.log(data);
                    $('#llenar_pendientes').empty();
                    $('#llenar_pendientes').append(data);
                }
            });
        })
        //FILTRO POR ASIGNAR
        $('.id_filtroporAsignar').change(function() {
            cliente = $("#cliente_porasignar").val();
            tipo_a = $("#t_asignacion_porasignar").val();
            proveedor_ap_asig = $("#proveedor_ap_asig").val();
//   alert(cliente);

            // obtenerSelect(proveedor_ap_asig,"--","cliente_porasignar",cliente,0);

       
             obtenerSelect(proveedor_ap_asig,"cliente_porasignar",cliente,1);

            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: "{{ route('go.filtro_porasignar') }}",
                method: "GET",
                data: {
                    'cliente': cliente,
                    'tipo_a': tipo_a,
                    'proveedor_ap_asig': proveedor_ap_asig,
                },
                success: function(data) {
                    console.log(data);
                    $('#llenar_porasginar').empty();
                    $('#llenar_porasginar').append(data);
                    
                }
            });
        })
        //FILTRO EN CURSO
        $('.id_filtroenCurso').change(function() {
            // alert("j");
            cliente = $("#cliente_encurso").val();
            tipo_a = $("#t_asignacion_encurso").val();
            tecnico = $('#tecnico_encurso').val();
            proveedor_encurso = $('#proveedor_encurso').val();

            obtenerSelect(proveedor_encurso,"cliente_encurso",cliente,0);

            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: "{{ route('go.filtro_encurso') }}",
                method: "GET",
                data: {
                    'cliente': cliente,
                    'tipo_a': tipo_a,
                    'tecnico': tecnico,
                    'proveedor_encurso': proveedor_encurso
                    
                },
                success: function(data) {
                    console.log(data);
                    $('#llenar_encurso').empty();
                    $('#llenar_encurso').append(data);
                }
            });
        })
        //FILTRO POR REASIGNAR
        $('.id_filtroporReasignar').change(function() {
            cliente = $("#cliente_porReasignar").val();
            tipo_a = $("#t_asignacion_porReasignar").val();
            tecnico = $('#tecnico_porReasignar').val();
            proveedor_p_reasignar = $('#proveedor_p_reasignar').val();
            obtenerSelect(proveedor_p_reasignar,"cliente_porReasignar",cliente,0);

            
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: "{{ route('go.filtro_porreasignar') }}",
                method: "GET",
                data: {
                    'cliente': cliente,
                    'tipo_a': tipo_a,
                    'tecnico': tecnico,
                    'proveedor_p_reasignar': proveedor_p_reasignar
                    
                },
                success: function(data) {
                    console.log(data);
                    $('#llenar_porreasignar').empty();
                    $('#llenar_porreasignar').append(data);
                }
            });
        })
        //FILTRO POR REVISAR
        $('.id_filtroporRevisar').change(function() {
            cliente = $("#cliente_porRevisar").val();
            tipo_a = $("#t_asignacion_porRevisar").val();
            tecnico = $('#tecnico_porRevisar').val();
            proveedor_por_rev = $('#proveedor_por_rev').val();
            obtenerSelect(proveedor_por_rev,"cliente_porRevisar",cliente,0);

            
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: "{{ route('go.filtro_porrevisar') }}",
                method: "GET",
                data: {
                    'cliente': cliente,
                    'tipo_a': tipo_a,
                    'tecnico': tecnico,
                    'proveedor_por_rev': proveedor_por_rev,
                    
                },
                success: function(data) {
                    console.log(data);
                    $('#llenar_porrevisar').empty();
                    $('#llenar_porrevisar').append(data);
                }
            });
        })
        //COORDINADOR
        $('.hacer_seguimiento').click(function() {
            serie = $("#serie_seguimiento").val();
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: "{{ route('go.seguimiento') }}",
                method: "GET",
                data: {
                    'serie': serie
                },
                success: function(data) {
                    $('#llenar_seguimiento').empty();
                    $('#llenar_seguimiento').append(data[0].table);
                    $('#punto-ruta').removeClass("punto-active");
                    $('#punto-cliente').removeClass("punto-active");
                    $('#punto-iniciar').removeClass("punto-active");
                    $('#punto-revisar').removeClass("punto-active");
                    $('#punto-final').removeClass("punto-active");
                    $('#punto-asignado').removeClass("punto-active");
                    if (data[0].estado == "finalizado") {
                        $('#punto-final').addClass("punto-active");
                        console.log(data[0].estado);
                    }
                    if (data[0].estado == "asignado") {
                        $('#punto-asignado').addClass("punto-active");
                        console.log(data[0].estado);
                    }
                    if (data[0].estado == "revisar") {
                        $('#punto-revisar').addClass("punto-active");
                        console.log(data[0].estado);
                    }
                    if (data[0].estado_inicio == "activo") {
                        $('#punto-asignado').removeClass("punto-active");
                        $('#punto-iniciar').addClass("punto-active");
                        console.log(data[0].estado);
                    }
                }
            });
        });
        $('.revisar_porrevisar').click(function() {
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: "{{ route('revisar_porrevisar_coordinador') }}",
                method: "GET",
                data: {},
                success: function(data) {
                    limpiar_imputs()
                    $('#llenar_porrevisar').empty();
                    $('#llenar_porrevisar').append(data);
                }
            });
        });
        $('.revisar_porreasignar').click(function() {
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: "{{ route('revisar_porreasignar_coordinador') }}",
                method: "GET",
                data: {},
                success: function(data) {
                    limpiar_imputs()
                    $('#llenar_porreasignar').empty();
                    $('#llenar_porreasignar').append(data);
                }
            });
        });
        $('.revisar_encurso_coordinador').click(function() {
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: "{{ route('revisar_encurso_coordinador') }}",
                method: "GET",
                data: {},
                success: function(data) {
                    limpiar_imputs()
                    $('#llenar_encurso').empty();
                    $('#llenar_encurso').append(data);
                }
            });
        });
        $('.revisar_porasignar').click(function() {
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: "{{ route('revisar_porasignar') }}",
                method: "GET",
                data: {},
                success: function(data) {
                    limpiar_imputs()
                    $('#llenar_porasginar').empty();
                    $('#llenar_porasginar').append(data);
                }
            });
        });
        $('.revisar_pendientes_coordinador').click(function() {
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: "{{ route('revisar_pendientes_coordinador') }}",
                method: "GET",
                data: {},
                success: function(data) {
                    limpiar_imputs()
                    $('#llenar_pendientes').empty();
                    $('#llenar_pendientes').append(data);
                }
            });
        });
/////////////////////KYOCERA////////////////////////

$('.id_filtroporRevisar_kyocera').change(function() {

    // alert("e");
            cliente = $("#cliente_porRevisar_k").val();
            tipo_a = $("#t_asignacion_porRevisar_k").val();
            tecnico = $('#tecnico_porRevisar_k').val();
            proveedor_por_rev = $('#proveedor_por_rev_k').val();
            obtenerSelect(proveedor_por_rev,"cliente_porRevisar",cliente,0);

            
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: "{{ route('go.filtro_porrevisar_kyocera') }}",
                method: "GET",
                data: {
                    'cliente': cliente,
                    'tipo_a': tipo_a,
                    'tecnico': tecnico,
                    'proveedor_por_rev': proveedor_por_rev,
                    
                },
                success: function(data) {
                    console.log(data);
                    $('#llenar_porrevisar_kyocera').empty();
                    $('#llenar_porrevisar_kyocera').append(data);
                }
            });
        })

$('.revisar_porrevisar_kyocera').click(function() {
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: "{{ route('revisar_porrevisar_coordinador_kyocera') }}",
                method: "GET",
                data: {},
                success: function(data) {
                    limpiar_imputs()
                    $('#llenar_porrevisar_kyocera').empty();
                    $('#llenar_porrevisar_kyocera').append(data);
                }
            });
        });

$('.revisar_pendientes_coordinador_kyocera').click(function() {
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: "{{ route('revisar_pendientes_coordinador_kyocera') }}",
                method: "GET",
                data: {},
                success: function(data) {
                    limpiar_imputs()
                    $('#llenar_pendientes_kyocera').empty();
                    $('#llenar_pendientes_kyocera').append(data);
                }
            });
        });

        $('.id_filtroPendiente_kyocera').change(function() {

        
            cliente = $("#cliente_k").val();
            tipo_a = $("#t_asignacion_k").val();
            tecnico = $("#tecnico_k").val();
            proveedor_ap = $("#proveedor_ap_k").val();
            // alert(cliente);



            obtenerSelect(proveedor_ap,"cliente",cliente,0);

            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: "{{ route('go.filtro_pendiente_kyocera') }}",
                method: "GET",
                data: {
                    'cliente': cliente,
                    'tipo_a': tipo_a,
                    'tecnico': tecnico,
                    'proveedor_ap': proveedor_ap
                },
                success: function(data) {
                    // console.log(data);
                    $('#llenar_pendientes_kyocera').empty();
                    $('#llenar_pendientes_kyocera').append(data);
                }
            });
        })



        $('.revisar_porasignar_kyocera').click(function() {
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: "{{ route('revisar_porasignar_kyocera') }}",
                method: "GET",
                data: {},
                success: function(data) {
                    limpiar_imputs()
                    $('#llenar_porasginar_kyocera').empty();
                    $('#llenar_porasginar_kyocera').append(data);
                }
            });
        });


        $('.id_filtroporAsignar_kyocera').change(function() {
            cliente = $("#cliente_porasignar").val();
            tipo_a = $("#t_asignacion_porasignar").val();
            proveedor_ap_asig = $("#proveedor_ap_asig").val();
//   alert(cliente);

            // obtenerSelect(proveedor_ap_asig,"--","cliente_porasignar",cliente,0);

       
             obtenerSelect(proveedor_ap_asig,"cliente_porasignar",cliente,1);

            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: "{{ route('go.filtro_porasignar_kyocera') }}",
                method: "GET",
                data: {
                    'cliente': cliente,
                    'tipo_a': tipo_a,
                    'proveedor_ap_asig': proveedor_ap_asig,
                },
                success: function(data) {
                    console.log(data);
                    $('#llenar_porasginar_kyocera').empty();
                    $('#llenar_porasginar_kyocera').append(data);
                    
                }
            });
        })

//////////////////////////


        //TECNICO
        $('.revisar_pendientes').click(function() {
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: "{{ route('revisar_pendientes_tecnicos') }}",
                method: "GET",
                data: {},
                success: function(data) {
                    limpiar_imputs()
                    $('#llenar_pendientes').empty();
                    $('#llenar_pendientes').append(data);
                }
            });
        });
        $('.revisar_rechazado').click(function() {
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: "{{ route('revisar_rechazados_tecnicos') }}",
                method: "GET",
                data: {},
                success: function(data) {
                    limpiar_imputs()
                    $('#llenar_rechazadas').empty();
                    $('#llenar_rechazadas').append(data);
                }
            });
        });
        $('.revisar_encurso').click(function() {
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: "{{ route('revisar_encurso_tecnicos') }}",
                method: "GET",
                data: {},
                success: function(data) {
                    limpiar_imputs()
                    $('#llenar_encurso').empty();
                    $('#llenar_encurso').append(data);
                }
            });
        });
    });
</script>
<!--FIN SCRIPT INSTALACION-RETIRO-->
<!--SCRIPT'S SERVICIO-->
<script>
    function hola(id,proveedor) {


        // alert(proveedor);
        // proveedor = "kyocera"

        proveedor = proveedor;
        //id = $(this).attr("data-id");
        //proveedor = $(this).attr("data-proveedor");
        $.ajax({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            type: 'POST',
            url: "{{ route('go.historial_check_servicio_home') }}",
            data: {
                'id': id,
                'proveedor': proveedor
            },
            success: function(data) {
                console.log(data);
                $('#agregar_historial_instalacion').empty();
                $("#modalver_historial_check").modal('show');
                $('#agregar_historial_instalacion').append(data);
            },
            error: function(xhr, status) {
                alert('Disculpe, Ha ocurrido un problema, Intente mas tarde');
            }
        })
    }
    $(document).ready(function() {
        //COORDINADOR
        $('.revisar_pendientes_coordinador_servicio').click(function() {
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: "{{ route('revisar_pendientes_coordinador_servicio') }}",
                method: "GET",
                data: {},
                success: function(data) {
                    limpiar_imputs()
                    $("#aPendientes_servicio").modal('show');
                    $('#llenar_pendientes_servicio').empty();
                    $('#llenar_pendientes_servicio').append(data);
                }
            });
        });
        $('.revisar_porasignar_servicio').click(function() {
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: "{{ route('revisar_porasignar_servicio') }}",
                method: "GET",
                data: {},
                success: function(data) {
                    limpiar_imputs()
                    $("#aporAsignar_servicio").modal('show');
                    $('#llenar_porasginar_servicio').empty();
                    $('#llenar_porasginar_servicio').append(data);
                }
            });
        });
        $('.revisar_encurso_coordinador_servicio').click(function() {
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: "{{ route('revisar_encurso_coordinador_servicio') }}",
                method: "GET",
                data: {},
                success: function(data) {
                    limpiar_imputs()
                    $("#aenCurso_servicio").modal('show');
                    $('#llenar_encurso_servicio').empty();
                    $('#llenar_encurso_servicio').append(data);
                }
            });
        });
        $('.revisar_porreasignar_servicio').click(function() {
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: "{{ route('revisar_porreasignar_coordinador_servicio') }}",
                method: "GET",
                data: {},
                success: function(data) {
                    limpiar_imputs()
                    $("#aparaReasignar_servicio").modal('show');
                    $('#llenar_porreasignar_servicio').empty();
                    $('#llenar_porreasignar_servicio').append(data);
                }
            });
        });
         //MODAL solicitar REPUESTO
         $('.revisar_estado_solicitar_repuesto').click(function() {
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: "{{ route('solicitud_repuestos') }}",
                method: "GET",
                data: {},
                success: function(data) {
                    // console.log(data);
                    limpiar_imputs();
                    $("#modal_solicitar_repuestos").modal('show');
                    $('#soli_repuestos_data').empty();
                    $('#soli_repuestos_data').append(data);
                }
            });
        });
        //MODAL INSTALAR REPUESTO
        $('.revisar_estado_instalador_repuesto').click(function() {
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: "{{ route('instalar_repuestos') }}",
                method: "GET",
                data: {},
                success: function(data) {
                    console.log(data);
                    limpiar_imputs()
                    $("#modal_instalar_repuestos").modal('show');
                    $('#repuestos_data').empty();
                    $('#repuestos_data').append(data);
                }
            });
        });
        //MODAL POR REVISAR
        $('.revisar_porrevisar_servicio').click(function() {
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: "{{ route('revisar_porrevisar_coordinador_servicio') }}",
                method: "GET",
                data: {},
                success: function(data) {
                    limpiar_imputs()
                    $("#aparaRevisar_servicio").modal('show');
                    $('#llenar_porrevisar_servicio').empty();
                    $('#llenar_porrevisar_servicio').append(data);
                }
            });
        });

     //MODAL POR REVISAR
     $('.id_filtroporRevisar_servicio').click(function() {

        cliente = $("#cliente_revisar_servicio").val();
            // tipo_a = $("#t_asignacion_servicio").val();
            tecnico = $("#tecnico_porrevisar_servicio").val();
            proveedor_ap_serv = $("#proveedor_por_revisar_serv").val();
            obtenerSelect(proveedor_ap_serv,"cliente_revisar_servicio",cliente,1);


            
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: "{{ route('revisar_porrevisar_coordinador_servicio') }}",
                method: "GET",
                data: {},
                success: function(data) {
                    limpiar_imputs()
                    $("#aparaRevisar_servicio").modal('show');
                    $('#llenar_porrevisar_servicio').empty();
                    $('#llenar_porrevisar_servicio').append(data);
                }
            });
        });


        
        //FILTRO PENDIENTES
        $('.id_filtroPendiente_servicio').change(function() {
            cliente = $("#cliente_servicio").val();
            tipo_a = $("#t_asignacion_servicio").val();
            tecnico = $("#tecnico_servicio").val();
            proveedor_ap_serv = $("#proveedor_ap_serv").val();
            obtenerSelect(proveedor_ap_serv,"cliente_servicio",cliente,1);

            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: "{{ route('go.filtro_pendiente_servicio') }}",
                method: "GET",
                data: {
                    'cliente': cliente,
                    'tipo_a': tipo_a,
                    'tecnico': tecnico,
                    'proveedor_ap_serv': proveedor_ap_serv
                },
                success: function(data) {

                    console.log(data);
                    $('#llenar_pendientes_servicio').empty();
                    $('#llenar_pendientes_servicio').append(data);
                }
            });
        })
        //FILTRO POR ASIGNAR
        $('.id_filtroporAsignar_servicio').change(function() {
            cliente = $("#cliente_porasignar_servicio").val();
            tipo_a = $("#t_asignacion_porasignar_servicio").val();
            proveedor_por_as_ser = $("#proveedor_por_as_ser").val();

// console.log("here<sw");
obtenerSelect(proveedor_por_as_ser,"cliente_porasignar_servicio",cliente,1);

            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: "{{ route('go.filtro_porasignar_servicio') }}",
                method: "GET",
                data: {
                    'cliente': cliente,
                    'tipo_a': tipo_a,
                    'proveedor_por_as_ser': proveedor_por_as_ser
                    
                },
                success: function(data) {
                    $('#llenar_porasginar_servicio').empty();
                    $('#llenar_porasginar_servicio').append(data);
                }
            });
        })
        //FILTRO EN CURSO
        $('.id_filtroenCurso_servicio').change(function() {
            cliente = $("#cliente_encurso_servicio").val();
            tipo_a = $("#t_asignacion_encurso_servicio").val();
            tecnico = $('#tecnico_encurso_servicio').val();
            proveedor_en_curso_serv = $("#proveedor_en_curso_serv").val();
            obtenerSelect(proveedor_en_curso_serv,"cliente_encurso_servicio",cliente,1);

            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: "{{ route('go.filtro_encurso_servicio') }}",
                method: "GET",
                data: {
                    'cliente': cliente,
                    'tipo_a': tipo_a,
                    'tecnico': tecnico,
                    'proveedor_en_curso_serv': proveedor_en_curso_serv
                },
                success: function(data) {
                    //console.log(data);
                    $('#llenar_encurso_servicio').empty();
                    $('#llenar_encurso_servicio').append(data);
                }
            });
        })
        //FILTRO POR REASIGNAR
        $('.id_filtroporReasignar_servicio').change(function() {
            cliente = $("#cliente_porReasignar_servicio").val();
            tipo_a = $("#t_asignacion_porReasignar").val();
            tecnico = $('#tecnico_porReasignar').val();
            proveedor_p_reasignar_ser = $("#proveedor_p_reasignar_ser").val();
            obtenerSelect(proveedor_p_reasignar_ser,"cliente_porReasignar_servicio",cliente,1);

            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: "{{ route('go.filtro_porreasignar_servicio') }}",
                method: "GET",
                data: {
                    'cliente': cliente,
                    'tipo_a': tipo_a,
                    'tecnico': tecnico,
                    'proveedor_p_reasignar_ser': proveedor_p_reasignar_ser
                },
                success: function(data) {
                    console.log(data);
                    $('#llenar_porreasignar_servicio').empty();
                    $('#llenar_porreasignar_servicio').append(data);
                }
            });
        })



        // FILTRO SOLICITUD SERVICIOS

        
        $('.id_filtrorepuesto_solicitud_servicio').change(function() {
            cliente = $("#cliente_repuesto_servicio").val();
            tecnico = $('#tecnico_repuesto_servicio').val();
            proveedor_instalacion_respuestos = $('#proveedor_instalacion_respuestos').val();
            obtenerSelect(proveedor_instalacion_respuestos,"cliente_repuesto_servicio",cliente,1);

            
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: "{{ route('go.filtro_solicitud_repuesto_servicio') }}",
                method: "GET",
                data: {
                    'cliente': cliente,
                    'tecnico': tecnico,
                    'proveedor_instalacion_respuestos': proveedor_instalacion_respuestos,

                    
                },
                success: function(data) {
                    // $('#soli_repuestos_data').empty();

                    console.log(data);
                    $('#soli_repuestos_data').empty();
                    $('#soli_repuestos_data').append(data);
                }
            });
        })
        //FILTRO REPUESTO



        $('.id_filtrorepuesto_servicio').change(function() {
            cliente = $("#cliente_repuesto_servicio").val();
            tecnico = $('#tecnico_repuesto_servicio').val();
            proveedor_instalacion_respuestos = $('#proveedor_instalacion_respuestos').val();
            obtenerSelect(proveedor_instalacion_respuestos,"cliente_repuesto_servicio",cliente,1);

            
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: "{{ route('go.filtro_repuesto_servicio') }}",
                method: "GET",
                data: {
                    'cliente': cliente,
                    'tecnico': tecnico,
                    'proveedor_instalacion_respuestos': proveedor_instalacion_respuestos,

                    
                },
                success: function(data) {
                    console.log(data);
                    $('#repuestos_data').empty();
                    $('#repuestos_data').append(data);
                }
            });
        })
        $('.hacer_seguimiento_servicio').click(function() {
            serie = $("#serie_seguimiento").val();
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: "{{ route('go.seguimiento_servicio') }}",
                method: "GET",
                data: {
                    'serie': serie
                },
                success: function(data) {
                    console.log(data);
                    $('#llenar_seguimiento').empty();
                    $('#llenar_seguimiento').append(data[0].table);
                    $('#punto-ruta').removeClass("punto-active");
                    $('#punto-cliente').removeClass("punto-active");
                    $('#punto-iniciar').removeClass("punto-active");
                    $('#punto-revisar').removeClass("punto-active");
                    $('#punto-final').removeClass("punto-active");
                    $('#punto-asignado').removeClass("punto-active");
                    if (data[0].estado == "finalizado" || data[0].estado_externo == "VISITA TERMINADA") {
                        $('#punto-final').addClass("punto-active");
                        console.log(data[0].estado);
                        console.log(data[0].estado_externo);
                    }
                    if (data[0].estado_externo == "EN TRANSITO") {
                        $('#punto-ruta').addClass("punto-active");
                        console.log(data[0].estado);
                        console.log(data[0].estado_externo);
                    }
                    if (data[0].estado == "tarea_asignada" && data[0].estado_externo == "ASIGNADO") {
                        $('#punto-asignado').addClass("punto-active");
                        console.log(data[0].estado);
                        console.log(data[0].estado_externo);
                    }
                    if (data[0].estado_externo == "ESPERANDO") {
                        $('#punto-cliente').addClass("punto-active");
                        console.log(data[0].estado);
                        console.log(data[0].estado_externo);
                    }
                    if (data[0].estado == "revisar") {
                        $('#punto-revisar').addClass("punto-active");
                        console.log(data[0].estado);
                        console.log(data[0].estado_externo);
                    }
                    if (data[0].estado_inicio == "activo" || data[0].estado_externo == "INICIADO") {
                        $('#punto-asignado').removeClass("punto-active");
                        $('#punto-iniciar').addClass("punto-active");
                        console.log(data[0].estado);
                        console.log(data[0].estado_externo);
                    }
                }
            });
        });
        //FIN COORDINADOR
    });
</script>
<script>
    $(document).ready(function() {
        let tipo_usuario = $(".tipoUsuario").val();
        let tipo_proveedor = $(".tipoProveedor").val();
        if (tipo_usuario == "proveedor") {
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: "{{ route('identificacion_confirmacion') }}",
                type: "get",
                data: {
                    'proveedor': tipo_proveedor
                },
                success: function(response) {
                    console.log("Logeado correctamente");
                },
                error: function(xhr, status) {
                    alert('Disculpe, ha ocurrido un problema, intente mas tarde');
                }
            })
        }
    })
</script>
<style>
    #aporAsignar_servicio_c,#aenCurso_servicio_c,#aparaRevisar_servicio_c {
        max-width: 1300px !important;
  
}
#aPendientes_servicio_c{
        max-width: 1500px !important;
  
}
#aPendientes_c{
        max-width: 1500 !important;
  
}
#modalver_historial_check_instalacion,#modalver_historial_check {

    /* margin: 100px; */
    

    background-color: rgba(0, 0, 0, 0.7);

    max-width: 2200px !important;

}
</style>