@extends('admins.layouts.main')
@section('content')
    @include('errors')
    <div class="panel">
        <header class="panel-heading">
            <h3 class="panel-title">設備匯入紀錄</h3>
        </header>
        <div class="panel-body">
            <table class="table table-hover dataTable table-striped w-full jsgrid">
                <thead>
                    <tr>
                        <th>AED id</th>
                        <th>匯入日期</th>
                        <th>AED 型號</th>
                        <th>是否為新型號</th>
                        <th>AED 序號</th>
                        <th>AED 廠牌</th>
                    </tr>
                </thead>
                <tfoot>
                    <tr>

                        <th>AED id</th>
                        <th>匯入日期</th>
                        <th>AED 型號</th>
                        <th>是否為新型號</th>
                        <th>AED 序號</th>
                        <th>AED 廠牌</th>
                    </tr>
                </tfoot>
                <tbody>
{{--                Imports completed within the last 10 days can be deleted — all items created with the import will be removed from the Workspace.
--}}
                    @foreach($logImportAeds as $logImportAed)
                    <tr>
                        <td class="text-middle">{{ $logImportAed->aed_id }}</td>
                        <td class="text-middle">{{ $logImportAed->import_date }}</td>
                        <td class="text-middle">{{ $logImportAed->aed_model_name }}</td>
                        <td class="text-middle">{{ $logImportAed->new_model }}</td>
                        <td class="text-middle">{{ $logImportAed->serial_number }}</td>
                        <td class="text-middle">{{ $logImportAed->supplier_name }}</td>
{{--                        <td class="text-middle">{{ $logImportAed->status }}</td>--}}
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>

    <script>

        $(document).ready(function () {


            //移除
            $('body').on('click', '.delete_button', function(){

                if(confirm('確定刪除此筆資料?') === 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});
                        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,
                "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