@extends('Admin/layout')
@section('title','Download Excel')
@section('content')
@if(has_permission('Download','List'))
<div class="container-fluid">
    <div class="row">
        <div class="col-xl-12">
            <div class="card">
                <div class="card-header align-items-center d-flex">
                    <h4 class="card-title mb-0 flex-grow-1">Download Excel</h4>
                  
                </div>
                <!-- end card header -->

                <div class="card-body">
                    <div class="live-preview">
                        <div class="table-responsive table-card mb-1">
                            <form class="g-3" id="formId" action="{{route('visitportal.downloadExcelFile')}}">
                                @csrf
                            <input type="hidden" name="export" value="Export"/>
                            <button type="button" class="btn btn-primary" style="margin: 10px;" data-bs-toggle="modal" data-bs-target="#bs-example-modal-center-download">Download Excel File</button>
                            </form>
                        </div>
                        <!-- end table responsive -->
                    </div>
                    
                </div><!-- end card-body -->
            </div><!-- end card -->
        </div><!-- end col -->
       
    </div>
</div>
@endif

<div class="modal fade bs-example-modal-center-download" id="bs-example-modal-center-download" tabindex="-1" aria-labelledby="mySmallModalLabel" style="display: none;" aria-hidden="true">
   <div class="modal-dialog modal-dialog-centered">
      <div class="modal-content">
         <div class="modal-body text-center p-5">
            <!-- <lord-icon src="https://cdn.lordicon.com/hrqwmuhr.json" trigger="loop" colors="primary:#121331,secondary:#08a88a" style="width:120px;height:120px">
            </lord-icon> -->
            <div class="mt-4">
               <h4 class="mb-3">Are you sure want to download file.</h4>
               <div class="hstack gap-2 justify-content-center">
                  <button type="button" class="btn btn-light" data-bs-dismiss="modal">NO</button>
                  <a href="javascript:void(0);" onclick="downloadExcelFile()" class="btn btn-success">Yes</a>
               </div>
            </div>
         </div>
      </div>
      <!-- /.modal-content -->
   </div>
   <!-- /.modal-dialog -->
</div>





<script src="{{ URL::asset('assets/js/jquery.min.js') }}"></script>
<script>
    function downloadExcelFile(){
        $("#formId").submit();
        $("#bs-example-modal-center-download").modal('hide')
    }
</script>
@endsection