@extends('layouts.admin')

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


@section('content')

<style>

/* 2017.10.30. Back up list Student 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_student_table td:nth-of-type(1):before {
       content: "No";
   }
   table.backup_list_student_table td:nth-of-type(2):before {
       content: "File";
   }
   table.backup_list_student_table td:nth-of-type(3):before {
       content: "Deleted By";
   }
   table.backup_list_student_table td:nth-of-type(4):before {
       content: "Delete Date";
   }
   table.backup_list_student_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 Student 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_student_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=backup&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/student/"+user_id+"/document/"+document_id
                                    })
                                            .done(function( msg ) {
                                                alert('file restore complete');
                                                location.reload();
                                            })
                                            .fail(function( a ) {
                                            });
                                });

                    });
        });
    </script>
@endsection