@extends('layouts.header')

@section('content')
	
	<div class="row my-4 align-items-center">
		<div class="col-md-6 text-md-left text-center">
			<h2 class="page-title">Recycle Bin</h2>
		</div>
	</div>

	<table class="table table-style-1 table-responsive mb-4 table-bordered table-striped" id="TableTools">
			  <thead>
				<tr>
				  <th scope="col" class="srno-th">Sr. No.</th>
				  <th scope="col">User Name</th>
				  <th scope="col">Folder/File Name</th>
				  <th scope="col">Deleted Date Time </th>
				  <th scope="col">Action</th>
				</tr>
			  </thead>
            
			</table>
			
	<!--	Restore -->
<div class="modal fade" id="restore" tabindex="-1" role="dialog" aria-labelledby="delete"  aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered modal-md" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title font-22 text-primary">Restore </h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <img src="/images/close.svg" width="20">
        </button>
      </div>
      <div class="modal-body form-style pb-0 px-lg-5">
        <div class="row justify-content-center">
			<div class="col-lg-12 mb-0 text-center">
				<h2><i class="fa fa-exclamation-circle text-danger" aria-hidden="true"></i></h2>
				<h3 class="text-dark font-22 font-weight-normal">Are you sure you want to restore folder/file ?</h3>
			</div>
		
		</div>
			
      </div>

      <input type="hidden" name="menu_id" id="menu_id" value="">
      <input type="hidden" name="recycle_id" id="recycle_id" value="">
      
      <div class="modal-footer border-0 justify-content-center">
           <button type="button" class="btn btn-outline-primary mb-3 " data-dismiss="modal">No</button>
           <button type="button" class="btn btn-primary mb-3 " data-dismiss="modal" onclick="restore()">Yes</button>
        </div>
		
    </div>
  </div>
</div>

@endsection
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">

@section('append')
<script src="/assets/js/jquery.dataTables.min.js"></script>
	<script src="/assets/js/dataTables.bootstrap4.min.js"></script>
	<script src="/assets/js/moment.js"></script>
	<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

<script>
    var t = "";

	$(document).ready(function() {
		tabledata();
	});

  function tabledata(){
	  
    t = $('#TableTools').DataTable({
                processing: true,
				serverSide: true,
				searchable:true,
				bPaginate: true,
                // retrieve: true,
                // destroy: true,
				dom:"lrtip",
                // order:[ 5, "desc" ],
                ajax: {
					url:"{{ route('recycle.data')}}",
				},
                "rowCallback": function (nRow, aData, iDisplayIndex) {
					var oSettings = this.fnSettings ();
					$("td:first", nRow).html(oSettings._iDisplayStart+iDisplayIndex +1);
					return nRow;
				},
                columns: [
                    { data: 'id', name: 'id', orderable:false },
                    { data: 'first_name', name: 'first_name' },
                    { data: 'name', name: 'name' },
                    { data: 'created_at', name: 'created_at' },
                    { data: 'action', name: 'action' },

                ]
				 
			});
    }

	function restoreNode(menu_id, recycle_id){
        $('#menu_id').val(menu_id);
        $('#recycle_id').val(recycle_id);

    }

  function restore(){
    var menu_id = $('#menu_id').val();
    var recycle_id = $('#recycle_id').val();

      $.ajax({
            type: "POST",
            url: '/manage/recycle-bin/restore',
            data: {
                "menu_id":menu_id,
                "recycle_id":recycle_id,
            },
            beforeSend: function (request) {
                return request.setRequestHeader('X-CSRF-Token', $("meta[name='csrf-token']").attr('content'));
            },
            success: function(data) {
              toastr.success(data.success);
              $('#TableTools').DataTable().draw();
            },
            error: function(error) {
              toastr.error('Something went wrong !');
          }
                
            });

  }


</script>

@endsection