@extends('layouts.app')

@section('content')
  @if (session('success'))
      <div class="alert alert-success">
          {{ session('success') }}
      </div>
  @elseif (session('status'))
      <div class="alert alert-warning">
          {{ session('status') }}
      </div>
  @elseif (session('infoms'))
      <div class="alert alert-info">
          {{ session('infoms') }}
      </div>
  @endif
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-12">
            <div class="">
                <div class="card-header text-white" style="background-color: rgba(109, 110, 113, .8);">My VAT11 Certificate(s)</div>

                <br>
				
				<div class="row">
                <div class="col-xl-12 col-lg-12 col-md-12 col-sm-6">
                <form action="{{ route('search_my_vat') }}" method="POST">
                    {{ csrf_field() }}
                  <div class="input-group">
                    <select name="vat_number" class="selectpicker form-control" id="vat_number" data-live-search="true">
                       <option disabled selected value>Enter Chassis Number</option>
                        @foreach($applications_pool as $application)
                          <option value="{{$application->vat_number}}"> 
                            {{$application->vehicle_id}}
                          </option>      
                        @endforeach
                    </select>
                    <div class="input-group-append">
                      <button class="btn btn-info btn-sm" type="submit" disabled="disabled">Search</button>
                    </div>
                  </div>
                </form>
                </div>
              </div> 

              <br>

                                                
                  <table id="example1" class="table table-striped table-bordered table-hover dataTable no-footer">      
                      @foreach ($applications as $application)
                       <tr >
                          <form id="fed" action ="#" method ="POST">
                               {{ csrf_field() }} 
                          <td>  
                              {{$application->vehicle_id}}----{{$application->vat_number}}    
                          </td>
                          <td> 
                              @if($application->check_pending($application->vat_number))
                                <a class="btn btn-warning btn-sm" target="_blank" type="" disabled> Pending
                                </a>
                              @else 
                                <button type="button" class="btn btn-danger btn-sm" data-vat_number="{{ $application->vat_number }}" value="{{ $application->vat_name }}"  style="background: #ff5100; border-color: #fff;" id="view_cert">View</button>
                              @endif    
                          </td>
                        
                
                          </form>
                        </tr>
                      @endforeach 
                       
                  </table>
                  {!! $applications->render() !!}
                  <a href="{{ url('/home') }}" class="btn btn-danger btn-sm" type="submit" style="background: #ff5100; border-color: #fff;">Back
                      </a>
            </div>
        </div>
    </div>
</div>
<script src="{{ asset('js/jquery.min.js') }}"></script>
<script type="text/javascript">
 $(document).ready(function() {
    $('.selectpicker').on('change', function () {


      console.log('Pressed');
      var empty = false;
      $('.selectpicker').each(function() {
          if ($(this).val().length == 0) {
              empty = true;
          }
      });                   

      if (empty) {
          $('.btn-info').attr('disabled', 'disabled');
      } else {
          $('.btn-info').removeAttr('disabled');
      }                
    });


    const vat_certs = Array.from(document.querySelectorAll("#view_cert"));

    for (let i = 0; i < vat_certs.length; i++){

      vat_certs[i].addEventListener('click', function(e){
          
          var file = e.target.value;
          var vat_number = e.target.dataset.vat_number;
          
          $.ajax({
              url: "{{ route('get-vat11-certificate') }}",
              method: "GET",
              data:{
                  file: file,
              },
              xhrFields: {
                responseType: 'blob' // Important to handle the binary data
              },
              beforeSend: function() {
                e.target.disabled = true;
              },
              headers: {
                'X-CSRF-TOKEN': '{{ csrf_token() }}'
              },
              success:function(data, status, xhr)
              {
                    // e.target.disabled = false;
                    // var filename = "";
                    // var disposition = xhr.getResponseHeader('Content-Disposition');
                    // if (disposition && disposition.indexOf('inline') !== -1) {
                    //     var matches = /filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/.exec(disposition);
                    //     if (matches != null && matches[1]) {
                    //         filename = matches[1].replace(/['"]/g, '');
                    //     }
                    // }

                    // // Open the file in a new tab
                    // var fileURL = window.URL.createObjectURL(new Blob([data], {type: xhr.getResponseHeader('Content-Type')}));
                    // var newTab = window.open(fileURL, '_blank');

                    // if (newTab) {
                    //     // If the tab was successfully opened
                    //     newTab.focus();
                    // } else {
                    //     // If the tab failed to open, display an alert
                    //     Swal.fire({
                    //         title: '<b style="color: red">Error!</b>',
                    //         text: "Failed to open new tab. Please allow popups for this site",
                    //         confirmButtonColor: "#FF5100",
                    //         confirmButtonText: "Ok",
                    //         showClass: {
                    //             popup: `
                    //             animate__animated
                    //             animate__fadeInUp
                    //             animate__faster
                    //             `
                    //         },
                    //         hideClass: {
                    //             popup: `
                    //             animate__animated
                    //             animate__fadeOutDown
                    //             animate__faster
                    //             `
                    //         },
                    //     });
                    // }

                    // // Revoke the URL to release memory
                    // window.URL.revokeObjectURL(fileURL);

                    e.target.disabled = false;
                    var filename = "VAT11.pdf"; // Default filename
                    var disposition = xhr.getResponseHeader('Content-Disposition');
                    
                    if (disposition && disposition.indexOf('attachment') !== -1) {
                        var matches = /filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/.exec(disposition);
                        if (matches != null && matches[1]) {
                            filename = matches[1].replace(/['"]/g, '');
                        }
                    }

                    // Create download link
                    var fileURL = window.URL.createObjectURL(new Blob([data], {type: 'application/pdf'}));
                    var a = document.createElement('a');
                    a.href = fileURL;
                    a.download = filename;
                    document.body.appendChild(a);
                    a.click();
                    
                    // Cleanup
                    setTimeout(function() {
                        document.body.removeChild(a);
                        window.URL.revokeObjectURL(fileURL);
                    }, 100);
              },
              error: function(error) {
                  e.target.disabled = false;
                  if(error.status === 404){

                      $.ajax({
                          url: "{{ route('print_vat11_certificate') }}",
                          method: "POST",
                          data:{
                              certificateID: vat_number,
                          },
                            beforeSend: function() {
                                e.target.disabled = true;
                            },
                          headers: {
                              'X-CSRF-TOKEN': '{{ csrf_token() }}'
                          },
                          success:function(response)
                          {
                            e.target.disabled = false;
                              if(response.success){
                                  $.ajax({
                                      url: "{{ route('get-vat11-certificate') }}",
                                      method: "GET",
                                      data:{
                                          file: response.certificate,
                                      },
                                      xhrFields: {
                                          responseType: 'blob' // Important to handle the binary data
                                      },
                                      headers: {
                                          'X-CSRF-TOKEN': '{{ csrf_token() }}'
                                      },
                                      success:function(data, status, xhr)
                                      {
                                        //   var filename = "";
                                        //   var disposition = xhr.getResponseHeader('Content-Disposition');
                                        //   if (disposition && disposition.indexOf('inline') !== -1) {
                                        //       var matches = /filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/.exec(disposition);
                                        //       if (matches != null && matches[1]) {
                                        //           filename = matches[1].replace(/['"]/g, '');
                                        //       }
                                        //   }

                                        //   // Open the file in a new tab
                                        //   var fileURL = window.URL.createObjectURL(new Blob([data], {type: xhr.getResponseHeader('Content-Type')}));
                                        //   var newTab = window.open(fileURL, '_blank');

                                        //   if (newTab) {
                                        //       // If the tab was successfully opened
                                        //       newTab.focus();
                                        //   } else {
                                        //       // If the tab failed to open, display an alert
                                        //       Swal.fire({
                                        //           title: '<b style="color: red">Error!</b>',
                                        //           text: "Failed to open new tab. Please allow popups for this site",
                                        //           confirmButtonColor: "#FF5100",
                                        //           confirmButtonText: "Ok",
                                        //           showClass: {
                                        //               popup: `
                                        //               animate__animated
                                        //               animate__fadeInUp
                                        //               animate__faster
                                        //               `
                                        //           },
                                        //           hideClass: {
                                        //               popup: `
                                        //               animate__animated
                                        //               animate__fadeOutDown
                                        //               animate__faster
                                        //               `
                                        //           },
                                        //       });
                                        //   }

                                        //   // Revoke the URL to release memory
                                        //   window.URL.revokeObjectURL(fileURL);

                                        e.target.disabled = false;
                                        var filename = "VAT11.pdf"; // Default filename
                                        var disposition = xhr.getResponseHeader('Content-Disposition');
                                        
                                        if (disposition && disposition.indexOf('attachment') !== -1) {
                                            var matches = /filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/.exec(disposition);
                                            if (matches != null && matches[1]) {
                                                filename = matches[1].replace(/['"]/g, '');
                                            }
                                        }

                                        // Create download link
                                        var fileURL = window.URL.createObjectURL(new Blob([data], {type: 'application/pdf'}));
                                        var a = document.createElement('a');
                                        a.href = fileURL;
                                        a.download = filename;
                                        document.body.appendChild(a);
                                        a.click();
                                        
                                        // Cleanup
                                        setTimeout(function() {
                                            document.body.removeChild(a);
                                            window.URL.revokeObjectURL(fileURL);
                                        }, 100);
                                      },
                                      error: function(error) {
                                        e.target.disabled = false;
                                          Swal.fire({
                                              title: '<b style="color: red">Error!</b>',
                                              text: "Something went wrong! Please try again later.",
                                              confirmButtonColor: "#FF5100",
                                              confirmButtonText: "Ok",
                                              showClass: {
                                                  popup: `
                                                  animate__animated
                                                  animate__fadeInUp
                                                  animate__faster
                                                  `
                                              },
                                              hideClass: {
                                                  popup: `
                                                  animate__animated
                                                  animate__fadeOutDown
                                                  animate__faster
                                                  `
                                              },
                                          });
                                      }

                                  });
                              }
                              else{
                                  Swal.fire({
                                      title: '<b style="color: red">Error!</b>',
                                      text: response.message,
                                      confirmButtonColor: "#FF5100",
                                      confirmButtonText: "Ok",
                                      showClass: {
                                          popup: `
                                          animate__animated
                                          animate__fadeInUp
                                          animate__faster
                                          `
                                      },
                                      hideClass: {
                                          popup: `
                                          animate__animated
                                          animate__fadeOutDown
                                          animate__faster
                                          `
                                      },
                                  });
                              }
                              
                          },
                          error: function(error) {
                            e.target.disabled = false;
                              Swal.fire({
                                  title: '<b style="color: red">Error!</b>',
                                  text: "Something went wrong! Please try again later.",
                                  confirmButtonColor: "#FF5100",
                                  confirmButtonText: "Ok",
                                  showClass: {
                                      popup: `
                                      animate__animated
                                      animate__fadeInUp
                                      animate__faster
                                      `
                                  },
                                  hideClass: {
                                      popup: `
                                      animate__animated
                                      animate__fadeOutDown
                                      animate__faster
                                      `
                                  },
                              });
                          }

                      });
                  }
                  else{
                      Swal.fire({
                          title: '<b style="color: red">Error!</b>',
                          text: "Something went wrong! Please try again later",
                          confirmButtonColor: "#FF5100",
                          confirmButtonText: "Ok",
                          showClass: {
                              popup: `
                              animate__animated
                              animate__fadeInUp
                              animate__faster
                              `
                          },
                          hideClass: {
                              popup: `
                              animate__animated
                              animate__fadeOutDown
                              animate__faster
                              `
                          },
                      });
                  }
              }

          });
      });
    }

  });
</script>
@endsection