@extends('fragments.validacionFullTemplate')
@section('titulo')
Validación de informes
@endsection
@section('contenido')
    <div class="container mt-5 pt-5">
        <div class="card text-center" style="/*margin-top: 50px;*/">
            <div class="card-header">
                Ingresar información del documento
            </div>
            <div class="card-body">
                <form>
                    {{ csrf_field() }}
                    
                    <div class="form-group row" hidden>
                        <label for="fecha_emision" class="col-sm-2 col-form-label">Fecha de ingreso</label>
                        <div class="col-sm-10">
                        <input type="date" class="form-control" id="fecha_emision" name="fecha_emision"
                        {{--@if ($fecha_ingreso)
                            value="{{$fecha_ingreso}}"
                        @endif--}}
                        >
                        </div>
                    </div>
                  {{--<div class="form-group row">
                        <label for="nombre_empresa" class="col-sm-2 col-form-label">Empresa</label>
                        <div class="col-sm-10">
                        <input type="text" class="form-control" id="nombre_empresa" name="nombre_empresa"
                        @if ($empresa)
                            value="{{$empresa}}"
                        @endif
                        >
                        </div>
                    </div>--}}
                    <div class="form-group row">
                        <label for="numero_informe" class="col-sm-2 col-form-label">Número de Informe</label>
                        <div class="col-sm-10">
                        <input type="text" class="form-control" id="numero_informe" name="numero_informe"
                        @if ($numero_informe)
                            value="{{$numero_informe}}"
                        @endif
                        >
                        </div>
                    </div>
                    <div class="form-group row" hidden>
                        <label for="muestra" class="col-sm-2 col-form-label">Muestra</label>
                        <div class="col-sm-10">
                        <input type="text" class="form-control" id="muestra" name="muestra"
                        {{--@if ($muestra)
                            value="{{$muestra}}"
                        @endif--}}
                        >
                        </div>
                    </div>
                    <div class="form-group row" hidden>
                        <label for="marca" class="col-sm-2 col-form-label">Marca</label>
                        <div class="col-sm-10">
                        <input type="text" class="form-control" id="marca" name="marca"
                        {{--@if ($marca)
                            value="{{$marca}}"
                        @endif--}}
                        >
                        </div>
                    </div>
                    <div class="form-group row" hidden>
                        <label for="modelo" class="col-sm-2 col-form-label">Modelo</label>
                        <div class="col-sm-10">
                        <input type="text" class="form-control" id="modelo" name="modelo"
                        {{--@if ($modelo)
                            value="{{$modelo}}"
                        @endif--}}
                        >
                        </div>
                    </div>
                  <div class="form-group row" hidden>
                        <div class="col-sm-10">
                        <input type="text" class="form-control" id="id_informe" name="id_informe"
                        @if ($id_informe)
                            value="{{$id_informe}}"
                        @endif
                        >
                        </div>
                    </div>
                </form>
            </div>
            <div class="card-footer text-muted">
                <button type="button" class="btn btn-success mini" id="validar" >Validar Documento </button>
            </div>
        </div>
    </div>
    
    @include('Validacion.Public.error')
    @include('Validacion.Public.correct')
    <script>
                var resultData = {};
        $(document).ready(function(){
            $('#validar').click(function(){
                var data = {
 
                    'fecha_emision': rfc = $('#fecha_emision').val(),
                    'muestra': fecha = $('#muestra').val(),
                    'marca': marca = $('#marca').val(),
                    'modelo': modelo = $('#modelo').val(),
                    'id_informe': id_informe = $('#id_informe').val(),
                    'numero_informe': id_informe = $('#numero_informe').val(),
                    '_token': _token = $('input[name="_token"]').val()
                    
                };
                
                $.ajax({

                    url:"{{ url('informes/validar') }}",
                    method:"POST",
                    data:data,
                    success:function(response){
                        result = JSON.parse(response); 
                        
                        if(result.success){
                            resultData = result.data;
                            $("#modalCorrecto").modal("show");
                            //console.log( resultData = result.data );
                            
                        }else{
                            $("#modalError").modal();
                        }
                    },
                    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 ); 
                        }
                    }

                });

            });
        });
        
        $('#modalCorrecto ').on('show.bs.modal', function () {
            $("#modal-form :input").each(function(){
                input = $(this).attr('id'); // This is the jquery object of the input, do what you will
                if(input in resultData){
                    $('#modal-form #'+input).val(resultData[input]);
                }
            });
            
        });
        
    </script>
@endsection