@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>
@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-->
    <div class="seccion-filtro color-azul mt-4">Seccion Instalacion/Retiros</div>
    <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">{{$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">{{$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"  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">{{$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">{{$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">{{$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">{{$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">{{$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">{{$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">{{$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>
    <!--FIN SECCION DE INSTALACION Y RETIROS-->
    <!--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-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">{{$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-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">{{$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>
                @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_servicio" 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">{{$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-6 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">{{$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
            </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">{{$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">{{$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>
                @endif
            </div>
        </div>
    </div>
    <!--FIN SECCION DE SERVICIOS-->
</div>
@endsection
<!-- Modals    -->
<!-- Modal Atenciones Pendientes -->
<div class="modal fade" id="aPendientes" 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-4">
                    <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-4">
                    <label for="">Tipo Asignacion</label>
                    <select name="" id="t_asignacion" class="custom-select id_filtroPendiente">
                        <option value="" selected>Seleccionar</option>
                        <option value="retiro">Retiros</option>
                        <option value="instalacion">Instalacion</option>
                    </select>
                </div>
                <div class="col-md-4">
                    <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-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>
                            @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>
                            @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-6">
                    <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-6">
                    <label for="">Tipo Asignacion</label>
                    <select name="" id="t_asignacion_porasignar" class="custom-select id_filtroporAsignar">
                        <option value="" selected>Seleccionar</option>
                        <option value="retiro">Retiros</option>
                        <option value="instalacion">Instalacion</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">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 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-4">
                    <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-4">
                    <label for="">Tipo Asignacion</label>
                    <select name="" id="t_asignacion_encurso" class="custom-select id_filtroenCurso">
                        <option value="" selected>Seleccionar</option>
                        <option value="retiro">Retiros</option>
                        <option value="instalacion">Instalacion</option>
                    </select>
                </div>
                <div class="col-md-4">
                    <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">sSC</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-4">
                    <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-4">
                    <label for="">Tipo Asignacion</label>
                    <select name="" id="t_asignacion_porReasignar" class="custom-select id_filtroporReasignar">
                        <option value="" selected>Seleccionar</option>
                        <option value="retiro">Retiros</option>
                        <option value="instalacion">Instalacion</option>
                    </select>
                </div>
                <div class="col-md-4">
                    <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">
                                <span class="material-icons">settings</span>
                            </th>
                        </tr>
                    </thead>
                    <tbody id="llenar_porreasignar"></tbody>
                </table>
            </div>
        </div>
    </div>
</div>
<!-- MENSAJE -->
<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">
                @if(Auth::user()->tipo_usuario == "coordinador" || Auth::user()->tipo_usuario == "administrador")
                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 Cambiar <u> proveedor</u></strong>".
                @elseif(Auth::user()->tipo_usuario == "trabajador")
                "Para gestionar resumen retiro y capacitaciones es necesario <strong>elegir un <u>proveedor</u></strong>"
                @endif
            </div>
        </div>
    </div>
</div>

{{-- 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 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">
            <div class="row px-4 container mb-4">
                <div class="col-md-6">
                    <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-6">
                    <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="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">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">
                                <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">
        <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-12">
                    <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="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">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">
                                <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">
        <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-6">
                    <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-6">
                    <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="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">
                                <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-6">
                    <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-6">
                    <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">
                                <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 Historial instalacion-->
<div class="modal" id="modalver_historial_check_instalacion">
    <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">
                <div class="container">
                    <table class="table table-bordered table-responsive table-striped">
                        <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 modal-lg" role="document">
        <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">
                        <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>
    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"
        }
        $.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);
                $('#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
        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');
            }
        })
    }
    $(document).ready(function() {
        if ($(".tipoUsuario").val() == "proveedor") {

        } else {
            //ALERTA
            $('#aAlertaHome').modal("show");
        }
        //FILTRO PENDIENTE
        $('.id_filtroPendiente').change(function() {
            cliente = $("#cliente").val();
            tipo_a = $("#t_asignacion").val();
            tecnico = $("#tecnico").val();
            $.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
                },
                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();
            $.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,
                },
                success: function(data) {
                    console.log(data);
                    $('#llenar_porasginar').empty();
                    $('#llenar_porasginar').append(data);
                }
            });
        })
        //FILTRO EN CURSO
        $('.id_filtroenCurso').change(function() {
            cliente = $("#cliente_encurso").val();
            tipo_a = $("#t_asignacion_encurso").val();
            tecnico = $('#tecnico_encurso').val();
            $.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
                },
                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();
            $.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
                },
                success: function(data) {
                    console.log(data);
                    $('#llenar_porreasignar').empty();
                    $('#llenar_porreasignar').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_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);
                }
            });
        });
        //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 = "kyocera"
        //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);
                }
            });
        });
        //FILTRO PENDIENTES
        $('.id_filtroPendiente_servicio').change(function() {
            cliente = $("#cliente_servicio").val();
            tipo_a = $("#t_asignacion_servicio").val();
            tecnico = $("#tecnico_servicio").val();
            $.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
                },
                success: function(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();
            $.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,
                },
                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();
            $.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
                },
                success: function(data) {
                    $('#llenar_encurso_servicio').empty();
                    $('#llenar_encurso_servicio').append(data);
                }
            });
        })
        //FILTRO POR REASIGNAR
        $('.id_filtroporReasignar_servicio').change(function() {
            cliente = $("#cliente_porReasignar").val();
            tipo_a = $("#t_asignacion_porReasignar").val();
            tecnico = $('#tecnico_porReasignar').val();
            $.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
                },
                success: function(data) {
                    console.log(data);
                    $('#llenar_porreasignar_servicio').empty();
                    $('#llenar_porreasignar_servicio').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") {
                        $('#punto-asignado').addClass("punto-active");
                        console.log(data[0].estado);
                        console.log(data[0].estado_externo);
                    }
                    if (data[0].estado_externo == "EN ESPERA") {
                        $('#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>