@extends('layouts.app')

@section('title', 'Emitir NF-e')

@section('content')

<!-- Content Header (Page header) -->
<section class="content-header">
  <h1>Emitir NF-e</h1>
</section>

<!-- Main content -->
<section class="content">

  <div class="row">
    <div class="col-md-12">
      @component('components.widget')
      
      <input type="hidden" id="id" value="{{$transaction->id}}" name="">
      <div class="col-md-5">
        <h4>Ultimo numero NF-e: <strong>{{$transaction->lastNFe()}}</strong></h4>
        <h4>Natureza de Operação: <strong>{{$transaction->natureza->natureza}}</strong></h4>
        <h4>Cliente: <strong>{{$transaction->contact->name}}</strong></h4>
        <h4>CNPJ: <strong>{{$transaction->contact->cpf_cnpj}}</strong></h4>
      </div>
      
      <div class="clearfix"></div>


      <div class="col-md-12">
        <a class="btn btn-lg btn-primary" target="_blank" href="/nfe/renderizar/{{$transaction->id}}" id="submit_user_button">Renderizar</a>
        <a class="btn btn-lg btn-danger" target="_blank" href="/nfe/gerarXml/{{$transaction->id}}" id="submit_user_button">Gerar XML</a>
        <a class="btn btn-lg btn-success" id="send-sefaz">Transmitir para Sefaz</a>
      </div>

      
      @endcomponent
    </div>

  </div>

  

  <input type="hidden" id="token" value="{{csrf_token()}}" name="">

  <br>
  <div class="row" id="action" style="display: none">
    <div class="col-md-12">
      @component('components.widget')
      <div class="info-box-content">
        <div class="col-md-4 col-md-offset-4">

          <span class="info-box-number total_purchase">
            <strong id="acao"></strong>
            <i class="fas fa-spinner fa-pulse fa-spin fa-fw margin-bottom"></i></span>
          </div>
        </div>
        @endcomponent

      </div>
    </div>

    @stop



    @section('javascript')
    <script type="text/javascript">
      // swal("Good job!", "You clicked the button!", "success");
      var path = window.location.protocol + '//' + window.location.host

      $('#send-sefaz').click(() => {
        $('#send-sefaz').addClass('disabled')
        $('#action').css('display', 'block')
        let token = $('#token').val();
        let id = $('#id').val();

        setTimeout(() => {
          $('#acao').html('Gerando XML');
        }, 50);

        setTimeout(() => {
          $('#acao').html('Assinando o arquivo');
        }, 800);

        setTimeout(() => {
          $('#acao').html('Transmitindo para sefaz');
        }, 1500);

        $.ajax
        ({
          type: 'POST',
          data: {
            id: id,
            _token: token
          },
          url: path + '/nfe/transmtir',
          dataType: 'json',
          success: function(e){
            console.log(e)

            swal("sucesso", "NF-e emitida, recibo: " + e.recibo, "success")
            .then(() => {
              window.open(path + '/nfe/imprimir/'+id)
              location.reload()
            });
            $('#action').css('display', 'none')
            

          }, error: function(e){
            // let jsError = JSON.parse(e.responseJSON);
            console.log(e)
            try{
              if(e.status == 402){
                swal("Erro ao transmitir", e.responseJSON, "error");
                $('#action').css('display', 'none')

              }else if(e.status == 407){
                swal("Erro ao criar Xml", e.responseJSON, "error");
                $('#action').css('display', 'none')

              }
              else{
                $('#action').css('display', 'none')
                let jsError = JSON.parse(e.responseJSON)
                console.log(jsError)
                swal("Erro ao transmitir", jsError.protNFe.infProt.xMotivo, "error");

              }
            }catch{
              swal("Erro", "Erro desconhecido veja o console", "error");
            }
          }

        })
      })


    </script>
    @endsection