@extends('layouts.vat')

@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/>
                                                
                  <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 
                              {{-- <a href="/certificates/{{$application->vat_name}}" class="btn btn-danger btn-sm" target="_blank" type="submit" style="background: #ff5100; border-color: #fff;"> View
                              </a> --}}
                              <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->appends(Request::all())->links() }}
            </div>
        </div>
    </div>
</div>
<script src="{{ asset('js/jquery.min.js') }}"></script>
<script type="text/javascript">
    $(document).ready(function() {
        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 = "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 = "VAT11.pdf";
                                            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