@extends('menu/menu')
<script src="{{ asset('js/jquery-3.4.1.min.js') }}"></script>
<link href="{{ asset('css/graficos-style.css') }}" rel="stylesheet">

{{-- full calendar --}}
<link href="{{ asset('js/Full_calendar/main.css')}}" rel='stylesheet' />
<script src="{{ asset('js/Full_calendar/main.js')  ?? ''}}"></script>
{{-- /full calendar --}}

@section('content')
@if ( session('mensaje_error') )
<div class="alert alert-success">{{ session('mensaje_error') }}</div>
@endif

{{-- HACER SEGUIMIENTO --}}
@if(Auth::user()->tipo_usuario == "coordinador")
<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
{{-- /HACER SEGUIMIENTO --}}
<div class="container-fluid mt-5">
    <div class="row">
        {{-- Dashboard --}}
        <nav class="col-md-3 col-lg-2 col-xl-1 d-md-block sidebar collapse">
            <div class="sidebar-sticky">
                <ul class="nav flex-column">
                    <li class="nav-item">
                        <a href="" class="nav-link">
                            <span class="material-icons-round">dashboard</span>
                            Dashboard
                        </a>
                    </li>
                    <li class="nav-item">
                        <a href="" class="nav-link">
                            <span class="material-icons-round">calendar_month</span>
                            Calendario
                        </a>
                    </li>
                    <li class="nav-item">
                        <a href="" class="nav-link">
                            <span class="material-icons-round">pie_chart</span>
                            Gráficos
                        </a>
                    </li>
                </ul>
            </div>
        </nav>
        {{-- /Dashboard --}}

        <div class="container-fluid mt-5">
            <div class="col-md-9 col-lg-10 col-xl-11 ml-sm-auto px-md-4">
                <div class="row pt-5 pt-lg-1">
                    @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")
                    <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>

        <div class="container-fluid">
            <main class="col-md-9 col-lg-10 col-xl-11 ml-sm-auto px-md-4" role="main">
                @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()->tipo_usuario == "coordinador" || Auth::user()->tipo_usuario == "administrador")
                            <div class="col-sm-6 mt-2">
                                <div class="card estado revisar_pendientes_coordinador" type="button" 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" type="button" 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" type="button" 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" type="button" 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" type="button" 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" type="button" 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" type="button" 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 == "coordinador" || Auth::user()->tipo_usuario == "administrador")
                <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()->tipo_usuario == "coordinador" || Auth::user()->tipo_usuario == "administrador")
                            <div class="col-sm-6 mt-2">
                                <div class="card estado revisar_pendientes_coordinador_servicio" type="button" 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>
                            @elseif(Auth::user()->tipo_usuario == "trabajadors")
                            <div class="col-sm-6 mt-2">
                                <div class="card estado revisar_pendientes_servicio" type="button">
                                    <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">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_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" type="button" 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>
                            @elseif(Auth::user()->tipo_usuario == "trabajadors")
                            <div class="col-sm-6 mt-2">
                                <div class="card estado revisar_rechazado_servicio" type="button" 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">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_rechazado_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" type="button" 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>
                            @elseif(Auth::user()->tipo_usuario == "trabajadors")
                            <div class="col-sm-6 mt-2">
                                <div class="card estado revisar_encurso_servicio" type="button" 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">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_encurso_servicio" 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_servicio" type="button" 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>
                        </div>
                    </div>
                </div>
                @endif
                {{-- Full calendar --}}
                <div class="mt-4">
                    <div class="card">
                        <div class="card-body border-lg rouded-3 shadow">
                            <div id='calendar'></div>
                        </div>
                    </div>
                </div>
                {{-- /Full calendar --}}
            </main>
        </div>
    </div>
</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">
                <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>
                            <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">
                <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>
                            <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">
                <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">
                <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_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">
                <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>
<!-- Modal Atenciones por reasignar -->
<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));$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="">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">
                <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));$i++) @foreach($datos_clientes_porasignar[$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">
                <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));$i++) @foreach($datos_clientes[$i] as $dato) <option value="{{$dato->id}}">{{strtoupper($dato->cliente)}}</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">
                <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));$i++) @foreach($datos_clientes_porasignar[$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">
                <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 servicio-->
<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>
    document.addEventListener('DOMContentLoaded', function() {
        var initialLocaleCode = 'es';
        var localeSelectorEl = document.getElementById('locale-selector');
        var calendarEl = document.getElementById('calendar');

        var calendar = new FullCalendar.Calendar(calendarEl, {
            headerToolbar: {
                //left: 'prev,next today',
                // center: 'title',
                //right: 'dayGridMonth,timeGridWeek,timeGridDay,listMonth'
            },
            locale: initialLocaleCode,
            buttonIcons: false, // show the prev/next text
            weekNumbers: true,
            navLinks: true, // can click day/week names to navigate views
            editable: true,
            dayMaxEvents: true, // allow "more" link when too many events
            //events: 'https://fullcalendar.io/api/demo-feeds/events.json?overload-day',
            firstDay: 1
        });

        calendar.render();

        // build the locale selector's options
        calendar.getAvailableLocaleCodes().forEach(function(localeCode) {
            var optionEl = document.createElement('option');
            optionEl.value = localeCode;
            optionEl.selected = localeCode == initialLocaleCode;
            optionEl.innerText = localeCode;
            //localeSelectorEl.appendChild(optionEl);
        });

        // when the selected option changes, dynamically change the calendar option
        //localeSelectorEl.addEventListener('change', function() {
        //    if (this.value) {
        //        calendar.setOption('locale', this.value);
        //    }
        //});

    });
</script>
<!--SCRIPT'S INSTALACION-RETIRO-->
<script>
    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() {

        $('#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) {
                    $('#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) {
                    $('#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) {
                    $('#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) {
                    $('#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) {
                    $('#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) {
                    $('#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) {
                    $('#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) {
                    $("#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) {
                    $("#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) {
                    $("#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) {
                    $("#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>