@extends('menu/menu')
@section('content')


<div class="container mt-5">
    <div class="title-vista mt-4">{{$titulo}}</div>
    <hr class="separador">
</div>
<div class="container table-responsive mb-5">
    <table class="table table-striped table-hover" id="mitable" >
        <thead class="color-head">
            <tr>
                <th class="th-head border-th separador-v" colspan="1">Cliente</th>
                <th class="th-head border-th separador-v" colspan="1">Cantidad</th>
                <th class="th-head border-th separador-v" colspan="1">Opcion</th>
            </tr>
        </thead>
        <tbody>
            <br />
<b>Notice</b>:  Undefined variable: tables in <b>/var/www/html/produccionespejo/sistemacaja/respaldos/resources/views/home_proveedor.blade.php</b> on line <b>19</b><br />
        </tbody>
    </table>
</div>
<div class="modal" id="modalrevisarclienteProveedor" style="overflow-y: scroll;">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Atenciones</h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body">
                <hr class="separador mx-4">
                <div class="row px-4 container mb-4">
                    <div class="col-md-4">
                        <label for="" id="datepicker_la" >Fecha asignada</label>
                        <input type="date" class="form-control mayuscula id_filtro" id="datepicker" name="datepicker">
                    </div>
                    <div class="col-md-4">
                        <label for=""  id="datepicker2_la">Fecha visita</label>
                        <input type="date" class="form-control mayuscula id_filtro" id="datepicker2" name="datepicker2">
                    </div>
                    <div class="col-md-4">
                        <label for="" id="estado_la">Estado</label>
                        <select name="" id="estado" class="custom-select id_filtro">
                            <option value="" selected>Seleccionar</option>
                            @foreach($estado_i as $estados)
                            <option value="{{$estados->estado}}">{{strtoupper($estados->estado)}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="container">
                    <table class="table mb-2 table-bordered table-responsive table-striped">
                        <thead>
                            <th>Nombre del cliente</th>
                            <th>Fecha Asignado</th>
                            <th>SC</th>
                            <th>N° de serie</th>
                            <th>Estado actual</th>
                            <th>Acción</th>
                        </thead>
                        <tbody id="agregarclienteProveedor"></tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="modal_historial_solicitud_asignadas" role="dialog">
    <div class="modal-dialog  modal-lg modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <div class="seccion-header">Historial de checklist</div>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <hr class="separador ml-4 mr-4">
            <div class="modal-body">
                <div class="container text-center">
                </div>
                <div class="container mt-5 mb-5">
                    <table class="table table-sm table-bordered table-responsive-md table-striped table-hover mt-4" style="margin: 0" id="dataGrid">
                        <!-- ENCABEZADO -->
                        <thead class="color-head">
                            <tr>
                                <th class="th-head border-th separador-v" colspan="1">CODIGO</th>
                                <th class="th-head border-th separador-v" colspan="1">NUMERO VISITA</th>
                                <th class="th-head border-th separador-v" colspan="1">TECNICO</th>
                                <th class="th-head border-th separador-v" colspan="1">ESTADO</th>
                                <th class="th-head border-th"><span class="material-icons">
                                        settings
                                    </span></th>
                            </tr>
                        </thead>
                        <!-- FIN ENCABEZADO -->
                        <!-- RESULTADOS -->
                        <tbody id="cuerpo_tabla_asginada">
                        </tbody>
                        <!-- FIN RESULTADOS -->
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="modal_historial_solicitud" role="dialog">
    <div class="modal-dialog  modal-lg modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <div class="seccion-header">Historial de checklist</div>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <hr class="separador ml-4 mr-4">
            <div class="modal-body">
                <div class="container text-center">
                </div>
                <div class="container mt-5 mb-5">
                    <table class="table table-sm table-bordered table-responsive-md table-striped table-hover mt-4" style="margin: 0" id="dataGrid">
                        <!-- ENCABEZADO -->
                        <thead class="color-head">
                            <tr>
                                <th class="th-head border-th separador-v" colspan="1">CODIGO</th>
                                <th class="th-head border-th separador-v" colspan="1">NUMERO VISITA</th>
                                <th class="th-head border-th separador-v" colspan="1">TECNICO</th>
                                <th class="th-head border-th separador-v" colspan="1">ESTADO</th>
                                <th class="th-head border-th"><span class="material-icons">
                                        settings
                                    </span></th>
                            </tr>
                        </thead>
                        <!-- FIN ENCABEZADO -->
                        <!-- RESULTADOS -->
                        <tbody id="cuerpo_tabla">
                        </tbody>
                        <!-- FIN RESULTADOS -->
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal" id="modalver_historial_check_servicios">
    <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_servicios"></tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="modal_historial_instalacion" role="dialog">
    <div class="modal-dialog  modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h1 style="margin-top: 50px">Historial de Checklist</h1>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body">
                <div class="container">
                    <!-- sombra de separación con el fondo -->
                    <div class="container">
                    </div>
                    <div class="container">
                    </div>
                    <!-- FIN TABLA DE RESULTADOS DE BUSQUEDA -->
                </div>
                <!-- TABLA DE RESULTADOS DE BUSQUEDA -->
                <div class="container reex" style="margin-top: 10px">
                    <div class="conteiner row rein table-responsive-lg" style="border: 5px solid #e8f5fe">
                        <table class="table table-sm table-bordered table-responsive-md table-striped table-hover" style="margin: 0" id="dataGrid">
                            <!-- ENCABEZADO -->
                            <thead>
                                <tr>
                                    <th class="container-2">
                                        <h3>Código</h3>
                                    </th>
                                    <th class="container-2">
                                        <h3>Número Visita</h3>
                                    </th>
                                    <th class="container-2">
                                        <h3>Técnico</h3>
                                    </th>
                                    <th class="container-2">
                                        <h3>Estado</h3>
                                    </th>
                                    <th class="container-2">
                                        <h3>Acciones</h3>
                                    </th>
                                </tr>
                            </thead>
                            <!-- FIN ENCABEZADO -->
                            <!-- RESULTADOS -->
                            <tbody id="cuerpo_tabla">
                            </tbody>
                            <!-- FIN RESULTADOS -->
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
<input type="hidden" value="{{$seccion}}" class="nombre_seccion">
<script src="{{ asset('js/jquery-3.4.1.min.js') }}"></script>
<script>
    var seccion = $(".nombre_seccion").val();
</script>
<script>
    function historial_ins(id) {
        var _token = $('input[name="_token"]').val();
        var id_instalacion = $(this).attr("data-id");
        $("#m_id_instalacion").val(id_instalacion)
        $.ajax({
            method: "POST",
            url: "{{ route('checklist.asociados_proveedors') }}",
            data: {
                'id_instalacion': id,
                _token: _token
            },
            success: function(data) {
                console.log(data);
                $(cuerpo_tabla).empty();
                $(cuerpo_tabla).append(data);
                $("#modal_historial_instalacion").modal('show');
                //validacion del boton
                var toma2 = "";
                //estado con boton
                var cancel = "cancelado";
                //estados sin boton
                var pend = "pendiente";
                var revis = "revisado";
                var asigna = "asignado";
                var fina = "finalizado";
                var recha = "rechazado";
                //funcion para botener el estado de la primera fila
                $.each($("#dataGrid:eq(0)"), function() {
                    toma2 = $(this).find('td').eq(3).html();
                    console.log(toma2);
                    //estados sin boton
                    if (toma2 == 'cancelado' || toma2 == "Cancelado") {
                        $('#btnview').show();
                    } else if (toma2 == pend || toma2 == "Pendiente") {
                        $('#btnview').show();
                    } else if (toma2 == fina || toma2 == "Finalizado") {
                        $('#btnview').hide();
                    } else if (toma2 == asigna || toma2 == "Asignado") {
                        $('#btnview').hide();
                    } else if (toma2 == revis || toma2 == "Revisado") {
                        $('#btnview').hide();
                    } else if (toma2 == recha || toma2 == "Rechazado") {
                        $('#btnview').hide();
                    } else if (toma2 == "revisar" || toma2 == "Revisar") {
                        $('#btnview').hide();
                    } else if (toma2 == "tarea_asignada" || toma2 == "Tarea_asignada" || toma2 == "Tarea Asignada") {
                        $('#btnview').hide();
                    } else if (data == '<tr><td>Sin Datos</td></tr>') {
                        $('#btnview').show();
                    }
                });
            },
            error: function(xhr, status) {
                alert('Disculpe, ha ocurrido un problema, intente mas tarde');
            }
        });
    }
function historial_asignadas(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_servicios').empty();
                $("#modalver_historial_check_servicios").modal('show');
                $('#agregar_historial_servicios').append(data);
            },
            error: function(xhr, status) {
                alert('Disculpe, Ha ocurrido un problema, Intente mas tarde');
            }
        })
}
    function historial(id) {
        $("#modal_historial_solicitud").modal('show');
        var id_solicitud = $(this).attr("data-id");
        $("#m_id_solicitud").val(id_solicitud)
        var _token = $('input[name="_token"]').val();
        $.ajax({
            method: "POST",
            url: "{{ route('solicitudes.asociadosproveedors') }}",
            data: {
                'id_solicitud': id,
                _token: _token
            },
            success: function(data) {
                console.log(data);
                $(cuerpo_tabla).empty();
                $(cuerpo_tabla).append(data);
                //validacion del boton
                var toma2 = "";
                //estado con boton
                var cancel = "cancelado";
                //estados sin boton
                var pend = "pendiente";
                var revis = "revisado";
                var asigna = "asignado";
                var fina = "finalizado";
                var recha = "rechazado";
                //funcion para botener el estado de la primera fila
                $.each($("#dataGrid:eq(0)"), function() {
                    toma2 = $(this).find('td').eq(3).html();
                    console.log(toma2);
                    //estados sin boton
                    if (toma2 == 'cancelado' || toma2 == "Cancelado") {
                        $('#btnview').show();
                    } else if (toma2 == pend || toma2 == "Pendiente") {
                        $('#btnview').show();
                    } else if (toma2 == fina || toma2 == "Finalizado") {
                        $('#btnview').hide();
                    } else if (toma2 == asigna || toma2 == "Asignado") {
                        $('#btnview').hide();
                    } else if (toma2 == revis || toma2 == "Revisado") {
                        $('#btnview').hide();
                    } else if (toma2 == recha || toma2 == "Rechazado") {
                        $('#btnview').hide();
                    } else if (toma2 == "revisar" || toma2 == "Revisar") {
                        $('#btnview').hide();
                    } else if (toma2 == "tarea_asignada" || toma2 == "Tarea_asignada" || toma2 == "Tarea Asignada") {
                        $('#btnview').hide();
                    } else if (data == '<tr><td>Sin Datos</td></tr>') {
                        $('#btnview').show();
                    }
                });
            },
            error: function(xhr, status) {
                alert('Disculpe, ha ocurrido un problema, intente mas tarde');
            }
        });
    }
</script>
<script>
    var cliente = "";
    if (seccion == "asignados_ir") {
        function revisarCliente(id) {
            cliente = id
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                type: 'POST',
                url: "{{ route('go.revisarClienteProveedor') }}",
                data: {
                    'id': id,
                },
                success: function(data) {
                    $('#agregarclienteProveedor').empty();
                    $("#modalrevisarclienteProveedor").modal('show');
                    $('#agregarclienteProveedor').append(data);
                },
                error: function(xhr, status) {
                    alert('Disculpe, Ha ocurrido un problema, Intente mas tarde');
                }
            })
        }
        $(document).ready(function() {
            $('.id_filtro').change(function() {
                fecha1 = $("#datepicker").val();
                fecha2 = $("#datepicker2").val();
                tecnico = $("#tecnico").val();
                estado = $("#estado").val();
                $.ajax({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    type: 'POST',
                    url: "{{ route('go.filtro_asignadoins_ret') }}",
                    data: {
                        'cliente': cliente,
                        'fecha1': fecha1,
                        'fecha2': fecha2,
                        'tecnico': tecnico,
                        'estado': estado,
                    },
                    success: function(data) {
                        console.log(data);
                        $('#agregarclienteProveedor').empty();
                        $("#modalrevisarclienteProveedor").modal('show');
                        $('#agregarclienteProveedor').append(data);
                    },
                    error: function(xhr, status) {
                        alert('Disculpe, Ha ocurrido un problema, Intente mas tarde');
                    }
                })
            });
        })
    } else if (seccion == "repuestos_ir") {
        function revisarCliente(id) {
            cliente = id
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                type: 'POST',
                url: "{{ route('go.revisarrepuestosClienteProveedor') }}",
                data: {
                    'id': id,
                },
                success: function(data) {
                    console.log(data);
                    $('#agregarclienteProveedor').empty();
                    $("#modalrevisarclienteProveedor").modal('show');
                    $('#agregarclienteProveedor').append(data);
                },
                error: function(xhr, status) {
                    alert('Disculpe, Ha ocurrido un problema, Intente mas tarde');
                }
            })
        }
        $(document).ready(function() {
            $('.id_filtro').change(function() {
                fecha1 = $("#datepicker").val();
                fecha2 = $("#datepicker2").val();
                tecnico = $("#tecnico").val();
                estado = $("#estado").val();
                $.ajax({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    type: 'POST',
                    url: "{{ route('go.filtro_repuestoins_ret') }}",
                    data: {
                        'cliente': cliente,
                        'fecha1': fecha1,
                        'fecha2': fecha2,
                        'tecnico': tecnico,
                        'estado': estado,
                    },
                    success: function(data) {
                        console.log(data);
                        $('#agregarclienteProveedor').empty();
                        $("#modalrevisarclienteProveedor").modal('show');
                        $('#agregarclienteProveedor').append(data);
                    },
                    error: function(xhr, status) {
                        alert('Disculpe, Ha ocurrido un problema, Intente mas tarde');
                    }
                })
            });
        })
    }else if (seccion == "finalizadas") {
        function revisarClientes(id) {
            
            cliente = id;
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                type: 'POST',
                url: "{{ route('go.revisarserviciosClienteProveedorfinalizadas') }}",
                data: {
                    'id': id,
                },
                success: function(data) {
                    console.log(data);
                    $('#agregarclienteProveedor').empty();
                    $("#modalrevisarclienteProveedor").modal('show');
                    $('#agregarclienteProveedor').append(data);

                    $("#estado").css("display","none");
                    $("#estado_la").css("display","none");
                    $("#datepicker2").css("display","none");
                    $("#datepicker2_la").css("display","none");
                },
                error: function(xhr, status) {
                    alert('Disculpe, Ha ocurrido un problema, Intente mas tarde');
                }
            })
        }
        $(document).ready(function() {
            $('.id_filtro').change(function() {
                console.log(cliente);
                fecha1 = $("#datepicker").val();
                fecha2 = $("#datepicker2").val();
                tecnico = $("#tecnico").val();
                estado = $("#estado").val();


                $.ajax({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    type: 'POST',
                    url: "{{ route('go.filtro.revisarserviciosClienteProveedorfinalizadas') }}",
                    data: {
                        'cliente': cliente,
                        'fecha1': fecha1,
                        'fecha2': fecha2,
                        'tecnico': tecnico,
                        'estado': estado,
                    },
                    success: function(data) {
                        console.log(data);
                        $('#agregarclienteProveedor').empty();
                        $("#modalrevisarclienteProveedor").modal('show');
                        $('#agregarclienteProveedor').append(data);
                    },
                    error: function(xhr, status) {
                        alert('Disculpe, Ha ocurrido un problema, Intente mas tarde');
                    }
                })
            });
        })
    }else if (seccion == "asignadas") {
        function revisarCliente(id) {
            cliente = id;
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                type: 'POST',
                url: "{{ route('go.revisarserviciosClienteProveedorasignadas') }}",
                data: {
                    'id': id,
                },
                success: function(data) {
                    console.log(data);
                    $('#agregarclienteProveedor').empty();
                    $("#modalrevisarclienteProveedor").modal('show');
                    $('#agregarclienteProveedor').append(data);

                    $("#estado").css("display","none");
                    $("#estado_la").css("display","none");
                    $("#datepicker2").css("display","none");
                    $("#datepicker2_la").css("display","none");
                },
                error: function(xhr, status) {
                    alert('Disculpe, Ha ocurrido un problema, Intente mas tarde');
                }
            })
        }
        $(document).ready(function() {
            $('.id_filtro').change(function() {
                console.log(cliente);
                fecha1 = $("#datepicker").val();
                fecha2 = $("#datepicker2").val();
                tecnico = $("#tecnico").val();
                estado = $("#estado").val();
                $.ajax({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    type: 'POST',
                    url: "{{ route('go.filtro.revisarserviciosClienteProveedorasignadas') }}",
                    data: {
                        'cliente': cliente,
                        'fecha1': fecha1,
                        'fecha2': fecha2,
                        'tecnico': tecnico,
                        'estado': estado,
                    },
                    success: function(data) {
                        console.log(data);
                        $('#agregarclienteProveedor').empty();
                        $("#modalrevisarclienteProveedor").modal('show');
                        $('#agregarclienteProveedor').append(data);
                    },
                    error: function(xhr, status) {
                        alert('Disculpe, Ha ocurrido un problema, Intente mas tarde');
                    }
                })
            });
        })
    }  else if (seccion == "asignados_servicio") {
        function revisarCliente(id) {
            cliente = id;
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                type: 'POST',
                url: "{{ route('go.revisarClienteProveedorServicio') }}",
                data: {
                    'id': id,
                },
                success: function(data) {
                    console.log(data);
                    $('#agregarclienteProveedor').empty();
                    $("#modalrevisarclienteProveedor").modal('show');
                    $('#agregarclienteProveedor').append(data);
                },
                error: function(xhr, status) {
                    alert('Disculpe, Ha ocurrido un problema, Intente mas tarde');
                }
            })
        }
        $(document).ready(function() {
            $('.id_filtro').change(function() {
                console.log(cliente);
                fecha1 = $("#datepicker").val();
                fecha2 = $("#datepicker2").val();
                tecnico = $("#tecnico").val();
                estado = $("#estado").val();
                $.ajax({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    type: 'POST',
                    url: "{{ route('go.filtro_asignadoServicio') }}",
                    data: {
                        'cliente': cliente,
                        'fecha1': fecha1,
                        'fecha2': fecha2,
                        'tecnico': tecnico,
                        'estado': estado,
                    },
                    success: function(data) {
                        console.log(data);
                        $('#agregarclienteProveedor').empty();
                        $("#modalrevisarclienteProveedor").modal('show');
                        $('#agregarclienteProveedor').append(data);
                    },
                    error: function(xhr, status) {
                        alert('Disculpe, Ha ocurrido un problema, Intente mas tarde');
                    }
                })
            });
        })
    } else if (seccion == "repuestos_servicio") {
        function revisarCliente(id) {
            cliente = id;
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                type: 'POST',
                url: "{{ route('go.revisarClienteProveedorServicioRepuestos') }}",
                data: {
                    'id': id,
                },
                success: function(data) {
                    console.log(data);
                    $('#agregarclienteProveedor').empty();
                    $("#modalrevisarclienteProveedor").modal('show');
                    $('#agregarclienteProveedor').append(data);

                    $("#estado").css("display","none");
                    $("#estado_la").css("display","none");
                    $("#datepicker2").css("display","none");
                    $("#datepicker2_la").css("display","none");
                },
                error: function(xhr, status) {
                    alert('Disculpe, Ha ocurrido un problema, Intente mas tarde');
                }
            })
        }
        $(document).ready(function() {
            $('.id_filtro').change(function() {
                console.log(cliente);
                fecha1 = $("#datepicker").val();
                fecha2 = $("#datepicker2").val();
                tecnico = $("#tecnico").val();
                estado = $("#estado").val();
                $.ajax({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    type: 'POST',
                    url: "{{ route('go.filtro_repuestoServicio') }}",
                    data: {
                        'cliente': cliente,
                        'fecha1': fecha1,
                        'fecha2': fecha2,
                        'tecnico': tecnico,
                        'estado': estado,
                    },
                    success: function(data) {
                        console.log(data);
                        $('#agregarclienteProveedor').empty();
                        $("#modalrevisarclienteProveedor").modal('show');
                        $('#agregarclienteProveedor').append(data);
                    },
                    error: function(xhr, status) {
                        alert('Disculpe, Ha ocurrido un problema, Intente mas tarde');
                    }
                })
            });
        })
    }
</script>
<style>
    .pointer {cursor: pointer;}

</style>