@extends('auth.index')
@section('content')           
  <div class="container">
    <div class="row">
      <div class="col-sm-9 col-md-7 col-lg-5 mx-auto">
        <div class="card card-signin my-5" id="carga-busca">
          <div class="card-body">
            <p class="text-center " style="margin-bottom:0 !important;">
              <img src="{{url('public/admin/img/logotipoagencia/'.$empresa->logotipo)}}" alt="" class="mb-4" width="40%">
            </p>
            <p class="text-center" style="margin-bottom:0 !important;font-size:12px;">{{$empresa->razonsocial}}</p>
            <p class="text-center" style="font-size:13px;">Encuenta tu comprobante electrónico.</p>

            <form class="form-signin" id="form-busca">
              <div class="form-label-group">
                <select class="form-control" id="tipodoc" style="width:100% !important;">
                  <option></option>
                  @foreach($tipodocumento as $value)
                    @if($value->id==1 || $value->id==2)
                      <option value="{{$value->codigo}}">{{$value->nombre}}</option>
                    @endif
                  @endforeach
                </select>
              </div>
              <div class="form-label-group">
                <input class="form-control" type="text" id="serienro" placeholder="FXXX-0000">
              </div>
              <div class="form-label-group">
                <input class="form-control" type="date" id="fechaemision" placeholder="Fecha de Emisión">
              </div>
              <div class="form-label-group">
                <input class="form-control" type="text" id="montototal" value="0.00">
              </div>
              <button class="btn btn-lg btn-block text-uppercase btn-primary"  type="submit">Ver Documento</button>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="respuestacomprobante"></div>
@endsection
@section('scripts')
@parent
<script>
  $("#form-busca").submit(function(event) {
    $.ajax({
      headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      },
      url: raiz()+'/buscafactura/{{$empresa->ruc}}/edit?view=busqueda',
      type: 'GET',
      data: {
        ruc:          '{{$empresa->ruc}}',
        tipodoc:      $('#tipodoc').val(),
        serienro:     $('#serienro').val(),
        fechaemision: $('#fechaemision').val(),
        montototal:   $('#montototal').val()
      },
      beforeSend: function (data) {
        carga({
          input:'#carga-busca',
          color:'info',
          mensaje:'Procesando información, Espere por favor...'
        }); 
      },
      success:function(respuesta)
      {
        if(respuesta.resultado=='ERROR'){
          carga({
            input:    '#carga-busca',
            color:    'danger',
            mensaje:  respuesta.mensaje
          }); 
        }
        else{
          location.href = raiz()+'/comprobante/'+respuesta+'/edit?view=comprobante&ruc={{$empresa->ruc}}';
          // location.href = raiz()+'/admin/facturacion/'+respuesta+'/edit?view=pdf&tipo=cliente';
        }
      },
      error:function(respuesta)
      {
        carga({
          input:    '#carga-busca',
          color:    'danger',
          mensaje:  formerror({dato:respuesta})
        }); 
      }
    });
    event.preventDefault();
  });
</script>
<script src='https://www.google.com/recaptcha/api.js'></script>
<style>
  .form-label-group input {
    height: 38px;
    border-radius: 0;
  }
  .form-control {
      font-size: 15px;
  }
  .titulo {
      margin-top: 10px;
      font-size: 16px;
  }
  .select2-dropdown {
    background-color: white;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051;
  }
  .select2-container--default .select2-results__option--highlighted[aria-selected] {
      background-color: #12af73;
      color: white;
      padding-left: 20px;
  }
  .select2-container--default .select2-selection--single {
      background-color: #f7f7f7;
      border: 1px solid #ced4da;
      border-radius: 4px;
      height: 38px;
  }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
      color: #444;
      line-height: 35px;
      font-size: 15px;
      padding-left: 20px;
      font-weight: normal;
  }
    
    .select2-container--default .select2-selection--single .select2-selection__arrow {
      height: 38px;
      position: absolute;
      top: 1px;
      right: 5px;
      width: 20px;
  }
    
   .select2-results__option[aria-selected] {
      cursor: pointer;
      padding-left: 20px;
      padding-right: 20px;
  }

  .select2-results__option {
      font-size: 15px;
  }
</style>
<script>
  $("#tipodoc").select2({
    
    placeholder: "-- Seleccionar --",
    minimumResultsForSearch: -1
  });
</script>
@endsection