@extends('fragments.validacionFullTemplate')
@section('titulo')
Report validation
@endsection
@section('contenido')

    <div class="container mt-5 pt-5">
        <div id="form-errors"></div>
        <div class="card text-center" style="/*margin-top: 50px;*/">
            <div class="card-header">
                Enter document information
            </div>
            
            <div class="card-body">
                <form method="POST" id="validacion">
                    {{ csrf_field() }}
                    <div class="form-group row">
                        <label for="nombre_empresa" class="col-sm-2 col-form-label">Enterprise</label>
                        <div class="col-sm-10">
                        <input type="text" class="form-control" id="nombre_empresa" name="nombre_empresa" value="{{$empresa}}">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="numero_informe" class="col-sm-2 col-form-label">Report number</label>
                        <div class="col-sm-10">
                        <input type="text" class="form-control" id="numero_informe" name="numero_informe" value="{{$num_informe}}">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="fecha_emision" class="col-sm-2 col-form-label">Date of delivery</label>
                        <div class="col-sm-10">
                        <input type="date" class="form-control second" id="fecha_entrega_cliente_form" name="fecha_entrega_cliente_form" readonly>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="muestra" class="col-sm-2 col-form-label">Sample</label>
                        <div class="col-sm-10">
                        <input type="text" class="form-control second" id="muestra_form" name="muestra_form" readonly>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="marca" class="col-sm-2 col-form-label">Brand</label>
                        <div class="col-sm-10">
                        <input type="text" class="form-control second" id="marca_form" name="marca_form" readonly>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="modelo" class="col-sm-2 col-form-label">Model</label>
                        <div class="col-sm-10">
                        <input type="text" class="form-control second" id="modelo_form" name="modelo_form" readonly>
                        </div>
                    </div>
                </form>
            </div>
            <div class="card-footer text-muted">
                <button type="button" class="btn btn-success mini" id="validar" >Validate Document</button>
            </div>
        </div>
    </div>
    
    @include('Validacion_ARM.Public.error')
    @include('Validacion_ARM.Public.correct')
    <script>
        $(document).ready(function () {
            $('#validar').click(function (e) { 

                empresa = $('#nombre_empresa').val();
                numero_informe = $('#numero_informe').val();

                $.ajax({

                    url:"{{ route('validacion_datos_informe_arm') }}",
                    method:"POST",
                    data:{
                        'empresa': empresa, 
                        'numero_informe': numero_informe, 
                        '_token': _token = $('input[name="_token"]').val()
                    },
                    success:function(response){
                        
                        
                        if (response.datos_reporte != null) {
                            alert("si hay datos");
                            fill_correct_validation(response.datos_reporte);
                            $("#modalCorrecto").modal("show");
                        }else{
                            alert("no hay datos");
                            $("#modalError").modal();
                             
                            $("#fecha_entrega_cliente_form").val('');
                            $("#muestra_form").val('');
                            $("#marca_form").val('');
                            $("#modelo_form").val('');
                        }
                    },
                    error: function(jqXhr){
                        if( jqXhr.status === 422 ) {
                            var errors = jqXhr.responseJSON;
                            errorsHtml = '<div class="alert alert-danger"><ul>';
                            
                            $.each( errors.errors, function( key, value ) {
                                errorsHtml += '<li>' + value[0] + '</li>'; //showing only the first error.
                            });
                            errorsHtml += '</ul></di>';
                            
                            $( '#form-errors' ).html( errorsHtml ); 
                        }
                    }

                });
                
            });

            function fill_correct_validation(datos_informe_arm) {
                console.log("Llenando..");
                alert(datos_informe_arm.datos_reporte_internacional.datos_customer_invoice_x_report.datos_customer_report.company_name);
                $("#folio_programacion").val(datos_informe_arm.folio_programacion);
                $("#fecha_informe").val(datos_informe_arm.fecha_informe);
                $("#fecha_termino").val(datos_informe_arm.fecha_termino_pruebas);
                $("#fecha_emision").val(datos_informe_arm.fecha_emision);
                $("#nombre_cliente").val(datos_informe_arm.datos_reporte_internacional.datos_customer_invoice_x_report.datos_customer_report.company_name);
                $("#nombre").val(datos_informe_arm.datos_reporte_internacional.muestra);
                $("#marca").val(datos_informe_arm.datos_reporte_internacional.marca);
                $("#modelo").val(datos_informe_arm.datos_reporte_internacional.modelo);
                $("#servicio").val(datos_informe_arm.datos_reporte_internacional.datos_norma.nombre);
                $("#consta_de_accesorios").val(datos_informe_arm.datos_reporte_internacional.accesorios);
                $("#fecha_entrega_cliente").val(datos_informe_arm.fecha_entrega_cliente);
                

                
                $("#fecha_entrega_cliente_form").val(datos_informe_arm.fecha_entrega_cliente);
                $("#muestra_form").val(datos_informe_arm.datos_reporte_internacional.muestra);
                $("#marca_form").val(datos_informe_arm.datos_reporte_internacional.marca);
                $("#modelo_form").val(datos_informe_arm.datos_reporte_internacional.modelo);
                
                
                
                
                
                
                
                
                
                
            }
        });
    </script>
@endsection