@extends('admins.layouts.main')
@section('content')
    @include('errors')
    <div class="panel">
        <div class="panel-body">
            <div class="col-lg-12 p-4">
                <span>匯入後的10天內可整批取消匯入，若已超過10天或被申請使用的AED則不能整批刪除</span>
            </div>
            <table class="table table-hover dataTable table-striped w-full jsgrid">
                <thead>
                    <tr>
                        <th>功能</th>
                        <th>匯入的日期時間</th>
                        <th>匯入批次碼</th>
                        <th>狀態</th>
                    </tr>
                </thead>
                <tfoot>
                    <tr>
                        <th>功能</th>
                        <th>匯入的日期時間</th>
                        <th>匯入批次碼</th>
                        <th>狀態</th>
                    </tr>
                </tfoot>
                <tbody>
                    @foreach($logImportAeds as $logImportAed)
                    <tr>

                        <td class="text-middle">
                            <a href="{{$logImportAed->viewImportAedUrls}}" class="btn btn-dark"><i class="icon md-eye" aria-hidden="true"></i>查看</a>
                            @if($logImportAed->isDelete)
                            <button data-url="{{$logImportAed->deleteImportAedUrls}}" data-uuid="{{ $logImportAed->uuid }}" class="btn btn-danger m-3 delete_button"><i class="icon md-delete" aria-hidden="true"></i>刪除此次匯入的全部設備</button>
                            @endif
                        </td>
                        <td class="text-middle">{{ $logImportAed->import_date }}</td>
                        <td class="text-middle">{{ $logImportAed->uuid }}</td>
                        <td class="text-middle">{{ \App\Models\LogImportAed::getStatus()[$logImportAed->status]}}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
    @include('admins.layouts.back_Bnt_them')
    <script>

        $(document).ready(function () {


            //移除
            $('body').on('click', '.delete_button', function(){
                var uuid =($(this).data('uuid'));
                if(confirm('確定刪除批次碼為'+uuid+'的資料?') === false){
                    return false;
                }

                let parameters = {
                    _method:'delete'
                }

                let thisObjectTr = $(this).closest('tr');

                showLoading();
                $.post($(this).data('url'), parameters, function(response){
                    hideLoading();

                    if(response.status){
                        notie.alert({type: 'success', text: response.message, time: 2});
                        var mySubmitForm = document.createElement("FORM");
                        mySubmitForm.setAttribute("id", "mySubmitForm");
                        mySubmitForm.setAttribute("action", "");
                        document.body.appendChild(mySubmitForm);
                        mySubmitForm.submit();
                        return false;
                        // thisObjectTr.remove();
                        // return false;
                    }

                    notie.alert({type: 'error', text: response.message, time: 2});

                }, 'json');


                return false;
            });

            // $('#importFormBtn').click(function(){
            //     $("#importForm").submit();
            // });
            //
            $('.table').DataTable( {
                "searching": false, // 顯示搜尋
                "processing": true,
                "serverSide": false,
                "ordering": false,
                "autoWidth": false,
                language: {
                    "sInfo": "顯示第 _START_ 至 _END_ 項結果，共 _TOTAL_ 項",
                    "sInfoEmpty": "顯示第 0 至 0 項結果，共 0 項",
                    "search": "搜尋:",
                    "lengthMenu": "每頁顯示 _MENU_ 筆",
                    "zeroRecords": "沒有資料",
                    "processing": "處理中...",
                    "loadingRecords": "載入中...",
                    paginate: {
                        first:    '«',
                        previous: '‹',
                        next:     '›',
                        last:     '»'
                    },
                    aria: {
                        paginate: {
                            first:    'First',
                            previous: 'Previous',
                            next:     'Next',
                            last:     'Last'
                        }
                    }
                }
            } );
        });
    </script>
@endsection