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

@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
{{-- /HACER SEGUIMIENTO --}}

<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')}}">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">
        <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-4">
                        <div class="card estado revisar_pendientes_coordinador" 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 ?? ''}}</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">Revisar</button>
                            </div>
                        </div>
                    </div>
                    @elseif(Auth::user()->tipo_usuario == "trabajador")
                    <div class="col-sm-6 mt-4">
                        <div class="card estado revisar_pendientes" 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">{{$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">Revisar</button>
                            </div>
                        </div>
                    </div>
                    @endif
                    @if(Auth::user()->tipo_usuario == "coordinador" || Auth::user()->tipo_usuario == "administrador")
                    <div class="col-sm-6 mt-4 revisar_porasignar">
                        <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 ?? ''}}</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">Revisar</button>
                            </div>
                        </div>
                    </div>
                    @elseif(Auth::user()->tipo_usuario == "trabajador")
                    <div class="col-sm-6 mt-4">
                        <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-4">
                        <div class="card estado revisar_encurso_coordinador" 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 ?? ''}}</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">Revisar</button>
                            </div>
                        </div>
                    </div>
                    @elseif(Auth::user()->tipo_usuario == "trabajador")
                    <div class="col-sm-6 mt-4">
                        <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-4">
                        <div class="card estado revisar_porreasignar" 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">{{$contador_porreasignar_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_porreasignar">Revisar</button>
                            </div>
                        </div>
                    </div>
                    @endif
                </div>
            </div>
        </div>
    </main>
</div>

<!--MODAL PENDIENTES COORDINADOR-->
<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">
            <div class="row px-4 container mb-4">
                <div class="col-md-6">
                    <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_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" 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>
            <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">
                        <!--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" 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" 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}}">{{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"></tbody>
                </table>
            </div>
        </div>
    </div>
</div>
<!--FIN MODAL ASIGNAR COORDINADOR-->
<!--MODAL 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">
            <div class="row px-4 container mb-4">
                <div class="col-md-6">
                    <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-6">
                    <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>
            <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"></tbody>
                </table>
            </div>
        </div>
    </div>
</div>
<!--FIN MODAL EN CURSO-->
<!--MODAL 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">
            <div class="row px-4 container mb-4">
                <div class="col-md-6">
                    <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_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" 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>
            <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"></tbody>
                </table>
            </div>
        </div>
    </div>
</div>
<!--FIN MODAL POR REASIGNAR-->
<!---->
<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="">sSC</label>
                        <input class="form-control mayuscula" type="text" placeholder="" 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>
                    </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">sSC</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>
@endsection
<script>
    $(document).ready(function() {
        //COORDINADOR
        $('.revisar_pendientes_coordinador').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").modal('show');
                    $('#llenar_pendientes').empty();
                    $('#llenar_pendientes').append(data);
                }
            });
        });
        $('.revisar_porasignar').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").modal('show');
                    $('#llenar_porasginar').empty();
                    $('#llenar_porasginar').append(data);
                }
            });
        });
        $('.revisar_encurso_coordinador').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").modal('show');
                    $('#llenar_encurso').empty();
                    $('#llenar_encurso').append(data);
                }
            });
        });
        $('.revisar_porreasignar').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").modal('show');
                    $('#llenar_porreasignar').empty();
                    $('#llenar_porreasignar').append(data);
                }
            });
        });
        //FILTRO PENDIENTES
        $('.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_servicio') }}",
                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_servicio') }}",
                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_servicio') }}",
                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_servicio') }}",
                method: "GET",
                data: {
                    'cliente': cliente,
                    'tipo_a': tipo_a,
                    'tecnico':tecnico
                },
                success: function(data) {
                    console.log(data);
                    $('#llenar_porreasignar').empty();
                    $('#llenar_porreasignar').append(data);
                }
            });
        })
        $('.hacer_seguimiento').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>