


                 <div class="table-responsive">
                <table id="tickets" class="table mt-0 table-hover" data-page-size="10">
                  <thead>
                    <tr>
                       <th>#</th>
                        <th>Title</th>
                        <th>Document Type</th>
                        <th>Created</th>
                        <th>Updated</th>
                        <th>Action</th>

                            </tr>
                  </thead>
                  <tbody>
                    @foreach($document_type as $key => $list)
                                <tr>
                             <td>{{$key+1}}</td>
                             <td>{{$list['document_name'] }} ( <a  data-toggle="modal" data-filename="{{$list['file_name']}}" data-target="#myModalUpload"  class="open_model_upload">{{$list['file_size']}}</a> )</td>
                        <td>{{ucwords(str_replace('_',' ',$list['document_type']))}}</td>
                        <td>{{ \Carbon\Carbon::parse($list['created_at'])->setTimezone($timezone)->format('m/d/Y H:i A')}}</td>
                        <td>{{ \Carbon\Carbon::parse($list['updated_at'])->setTimezone($timezone)->format('m/d/Y H:i A')}}</td>
                        <td>
                            <ul class="list-inline m-0">
                                {{--<li class="list-inline-item">
                                    <a href="javascript:void(0)" data-toggle="tooltip" data-id="{{$list['id']}}" data-title="{{$list['document_name']}}" data-old_file="{{$list['file_name']}}" data-type="{{$list['document_type']}}" data-original-title="Edit" class="edit"><i class="fa fa-edit fa-lg edit"></i></a>
                                </li>
                                --}}

                               @if($list['document_type'] == 'signature_application')

                                <li class="list-inline-item">
                                  {{-- <a href="signed-application/{{$list['lead_id']}}" style="cursor: pointer;" data-target="#myModal"  class="open_model"><i class="fa fa-eye fa-lg "></i></a>

                                      <a target="_blank" href="/signed-application-crm/1/1/{{$lead_id}}" type="button" style="width: 100%;" class="waves-effect waves-light btn btn-secondary btn-sm mb-5"><i class="fa fa-plus"></i> Signed App View</a>

                                  <a target="_blank" href="/signed-application-pdf-crm/1/1/{{$lead_id}}" type="button" style="width: 100%;" class="waves-effect waves-light btn btn-secondary btn-sm mb-5"><i class="fa fa-plus"></i> Signed App PDF</a>
 --}}

                                    <a target="_blank" href="/signed-application-crm/1/1/{{$list['lead_id']}}/{{$clientId}}" style="cursor: pointer;" ><i class="fa fa-eye fa-lg "></i></a>

                                     <a target="_blank" href="/signed-application-pdf-crm/1/1/{{$list['lead_id']}}/{{$clientId}}" style="cursor: pointer;" ><i class="fa fa-download fa-lg "></i></a>

                                  {{--  <a target="_blank" href="/generate-pdf/{{$list['lead_id']}}" style="cursor: pointer;" ><i class="fa fa-eye fa-lg "></i></a> --}}


                                </li>
                                @else

                             

                                <li class="list-inline-item">
                                    <a data-toggle="modal" data-filename="{{$list['file_name']}}" style="cursor: pointer;" data-target="#myModal"  class="open_model"><i class="fa fa-eye fa-lg "></i></a>


                                </li>
                               @endif

                                <li class="list-inline-item">
                                  
                                <!-- <form method="POST" action="{{ route('document.delete', $list['id']) }}">
                                        @csrf
                                        <input name="_method" type="hidden" value="DELETE">
                                        <a  type="submit" class="show_confirm" data-toggle="tooltip" title='Delete'><i class="fa fa-trash-o fa-lg"></i></a>
                                    </form>    -->
                                    <!-- <a style="cursor:pointer;" href="#" class="show_confirm" data-id="{{$list['id']}}"><i class="fa fa-trash-o fa-lg"></i></a> -->

                                </li>

                            </ul>
                        </td>
                            
                                  
                             
                                </tr>
                              
                                @endforeach
                                
                              </tbody>
                </table>
              </div> 
          
  

<div class="modal fade" id="ajaxModel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content card card-primary">
            <div class="card-header">
                <h3 class="card-title"><i class="fa fa-edit" aria-hidden="true"></i> Edit Document</h3>
              </div>
              <div class="modal-body">
                <form method="post" enctype="multipart/form-data" action="{{ route('document.update') }}" id="updateDocument">
                @csrf
                  <input type="hidden" name="document_id" id="document_id">

                  <div class="card-body">
                    <div class="form-group">
                      <label for="exampleInputEmail1">Title</label>
                      <input type="text" required class="form-control" id="title" name="document_name" placeholder="Title">
                    </div>
                    <div class="form-group">
                      <label for="exampleInputEmail1">Document Type</label>

                                        <select class="form-control" name="document_type" id="document_type">
                                             @if(!empty($document_types)) @foreach($document_types as $type)
                                                <option value="{{$type['type_title_url']}}">{{ucfirst($type['title'])}}</option>
                                                @endforeach @endif
                                        </select>
                                    </div>


                                    <div class="form-group">
                      <label for="exampleInputEmail1">File Upload</label>

                                            <input type="file"  name="file_name" class="form-control">
                                            <span>(gif|jpeg|png|txt|doc|docx|xlsx|xls|pdf|wav|mp3)</span>
                                        </div>
                  </div>
                  <div class="card-footer">
                    <button type="submit" class="btn btn-primary"><i class="fa fa-edit" aria-hidden="true"></i> Update</button>
                      <a  type="button" class="btn btn btn-warning waves-effect waves-light" data-dismiss="modal"><i class="fa fa-reply fa-lg"  aria-hidden="true"></i> Cancel</a>
                  </div>
                </form>
              </div>
            </div>

          </div>


        </div>

        <div class="modal fade none-border" id="myModal">
		<div class="modal-dialog modal-xl">
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title"></h4>
					<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
				</div>
				<div class="modal-body">
			
							
                <div id="show_popup">
                 
                 </div>
								</div>
								<div class="card-footer">
									<!-- <button type="submit" class="btn btn-danger deleteLead"> Delete</button>
									<a type="button" class="btn btn-primary" data-bs-dismiss="modal">Close</a> -->
								</div>
						
			    </div>
		   </div>
	    </div>
    </div>
  <!-- upload -->
  <div class="modal fade none-border" id="myModalUpload">
		<div class="modal-dialog modal-xl">
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title"></h4>
					<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
				</div>
				<div class="modal-body">
			
							
                <div id="show_popup_upload">
                 
                 </div>
								</div>
								<div class="card-footer">
									<!-- <button type="submit" class="btn btn-danger deleteLead"> Delete</button>
									<a type="button" class="btn btn-primary" data-bs-dismiss="modal">Close</a> -->
								</div>
						
			    </div>
		   </div>
	    </div>
    </div>
	<!-- delete modal -->
	<div class="modal fade none-border" id="delete">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title"><strong>Delete </strong> Document</h4>
					<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
				</div>
				<div class="modal-body">
			
							
							<p>You are about to delete <b><i class="title"></i></b> Document </p>
							<input  type="hidden"name="deleteStatus"id="deleteStatus">
                                    <p>Do you want to proceed?</p>
								</div>
								<div class="card-footer">
									<button type="submit" class="btn btn-danger deleteLead"> Delete</button>
									<a type="button" class="btn btn-primary" data-bs-dismiss="modal">Close</a>
								</div>
						
			    </div>
		   </div>
	    </div>
    </div>

      <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.0/sweetalert.min.js"></script>

<script>
    $('.show_confirm').click(function(event)
    {
		$('#delete').modal('show');
		var delete_id = $(this).data('id');
  console.log(delete_id);
   $("#deleteStatus").val(delete_id);
  
    });


    $(document).on("click", ".deleteLead", function() {
    var delete_id = $("#deleteStatus").val();
    var csrfToken = $('meta[name="csrf-token"]').attr('content');
    var deleteUrl = '/document-delete/' + delete_id; // Include the ID in the URL

    $.ajax({
        url: deleteUrl,
        type: 'get', 
        headers: {
            'X-CSRF-TOKEN': csrfToken // Include the CSRF token in the headers
        },
        success: function(response) {
            window.location.reload(1);
        },
        error: function(xhr, status, error) {
            console.log("Error: " + error); // Log any errors to the console
        }
    });
});

    // $('.show_confirm').click(function(event)
    // {
    //     var form =  $(this).closest("form");
    //     var name = $(this).data("name");
    //     event.preventDefault();

    //     swal(
    //     {
    //         title: `Are you sure you want to delete this record?`,
    //         text: "If you delete this, it will be gone forever.",
    //         icon: "warning",
    //         buttons: true,
    //         dangerMode: true,
    //     }).then((willDelete)=>
    //     {
    //         if (willDelete)
    //         {
    //             form.submit();
    //             $('#loading').show();
    //         }
    //     }
    //     );
    // });

     $('.edit').click(function ()
  {
    var id = $(this).data('id');
    var old_file = $(this).data('old_file');

    var title = $(this).data('title');
    var document_type = $(this).data('type');

    $('#ajaxModel').modal('show');
    $('#document_id').val(id);
    $('#old_file').val(old_file);

    $('#title').val(title);
    $('#document_type').val(document_type);

  });


      $('.open_model').click(function () {

        var html = "";
        var filename = $(this).data('filename');
        html+='<embed src="/uploads/'+filename+'" width="1000px" height="1000px">';
        $('#show_popup').html(html);
        $('#myModal').modal('show');
    });
    $('.open_model_upload').click(function () {

var html = "";
var filename = $(this).data('filename');
html+='<embed src="/uploads/'+filename+'" width="1000px" height="1000px">';
$('#show_popup_upload').html(html);
$('#myModalUpload').modal('show');
});
</script>

  
