@extends('layouts.admin')

@section('page-header')
Backup List
@endsection


@section('content')
<style>

/* 2017.10.30. Back up list page */

@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {
    /* Force table to not be like tables anymore */
    table,
    thead,
    tbody,
    th,
    td,
    tr {
        display: block;
        float: left;
        /* ie9 fix */
        width: 100%;
        clear: both;
    }
    /* Hide table headers (but not display: none;, for accessibility) */
    thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    tr {
        border: 1px solid #ccc;
    }
    td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        word-break: break-all;
        white-space: normal;
        display: block;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
    }

    /*고정값을 주게 되면 제목과 내용이 제대로 안나오는 문제 발생*/
    td:before {
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
        float: left;
        width: 45%;
        padding: 0 0 0 1%;
        /*  margin-left:-100%;*/
    }
		.table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td:nth-child(2) {
      white-space: normal;
			}
   /*
   Label the data 각 테이블마다 tr에 작성 된 제목을 지정해준다 
   */
   table.backup_list_table td:nth-of-type(1):before {
       content: "No";
   }
   table.backup_list_table td:nth-of-type(2):before {
       content: "File";
   }
   table.backup_list_table td:nth-of-type(3):before {
       content: "Deleted By";
   }
   table.backup_list_table td:nth-of-type(4):before {
       content: "Delete Date";
   }
   table.backup_list_table td:nth-of-type(5):before {
       content: "Restore";
   }
   
}


/* Smartphones (portrait and landscape) ----------- */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    body {
        padding: 0;
        margin: 0;
    }
}


/* iPads (portrait and landscape) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    body {
        width: 100%;
    }
}

/* 2017.10.30. Back up list page */


</style>

	<div class="panel-heading mb20">
		<ul class="nav panel-tabs panel-tabs-left text-center">
			<li class="@if($page['sub_menu'] == 'admin') active @endif w100">
				<a href="/admin/backup">Admin</a>
			</li>
			<li class="@if($page['sub_menu'] == 'student') active @endif w100">
				<a href="/admin/backup_student">Student</a>
			</li>
		</ul>
	</div>

<div class="panel" id="spy3">
  <div class="panel-body pn">
    <div class="bs-component table-responsive">
      <table class="table table-striped table-bordered table-hover backup_list_table">
        <thead>
          <tr>
            <th width="80" class="text-center">No</th>
            <th class="text-center">File</th>
            <th class="text-center">Deleted By</th>
            <th class="text-center">Delete Date</th>
            <th class="text-center">Restore</th>
          </tr>
        </thead>
        <tbody>
		@for($i=0,$cnt=count($documents); $i<$cnt; $i++)
				  <tr>
		    <td class="text-center">{{ $documents->total() - ($documents->perPage() * ($documents->currentPage()-1)) - $i }}</td>
		    <td><a href="/download?file_path=document&file_id={{ $document->id }}">{{ $document->file_name }}</a></td>
		    <td>{{ isset($document->deleter) ? $document->deleter->firstname : '' }} {{ isset($document->deleter) ? $document->deleter->lastname : '' }}</td>
		    <td  class="text-center">
			Jul/05/2025			</td>
			<td class="text-center" style="padding:4px;"><button class="btn btn-system btn_restore" data-id="{{ $document->id }}">Restore</button></td>
		  </tr>
		@endfor
        </tbody>
      </table>
    </div>
  </div>
</div>


<nav class="text-center">
	{{ $documents->appends(Request::only('sl_search', 'sl_keyword', 'page_size'))->links() }}
</nav>
@endsection



@section('script')
<script>
	jQuery(document).ready(function() {

		@include('admin_common_script')

		$('.btn_restore').on('click', function() {
			var document_id = $(this).attr('data-id');
			var user_id = $(this).attr('data-user-id');


			swal({   
				title: "Restore file?",
				text: '',
				type: "info",
				html: true,
				allowOutsideClick: true,
				showCancelButton: true,
				cancelButtonText: "No",
				confirmButtonText: "Yes",
				closeOnConfirm: true
			},
			function(isConfirm){
				if(!isConfirm) return;

				$.ajax({
					method: "post",
					url: "/api/document/"+document_id
				})
				.done(function( msg ) {
					alert('file restore complete');
					location.reload();
				})
				.fail(function( a ) {
				});
			});
			
		});
	});
</script>
@endsection