@extends('admins.layouts.main')
@section('content')
    @foreach($ArticlesArray as $mainK => $subRow)
        <div class="row">
            <div class="col-lg-12">
                <div class="panel">
                    <div class="panel-body">
                        <div class="panel-heading">
                            <h3 class="panel-title">{{ $articleCategoryMap[$mainK] }}</h3>
                        </div>
                        <div class="example table-responsive">
                            <table class="table table-hover dataTable table-striped w-full jsgrid">
                                <thead>
                                <tr>
                                    <th style="width:15%">操作</th>
                                    <th style="width:15%">子分類</th>
                                    <th style="width:50%">標題</th>
                                    <th style="width:20%">發佈時間</th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($subRow as $row)
                                    @foreach($row as $v)
                                        <tr>
                                            <td>
                                                <a href="{{ $v->urls['edit'] }}" class="btn btn-success"><i
                                                        class="icon md-edit" aria-hidden="true"></i>編輯</a>
                                                <div data-toggle="modal" data-target="#deleteDataModal" data-id="{{ $v->id }}"  class="btn btn-danger"><i class="icon md-block-alt" aria-hidden="true"></i>刪除</div>

                                            </td>
                                            <td class="text-middle">{{ $v->subCategoryName }}</td>
                                            <td class="text-middle">{{ $v->title }}</td>
                                            <td class="text-middle">{{ $v->published_at }}</td>
                                        </tr>
                                    @endforeach
                                @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endforeach

    @include('admins.share_block._modal_delete')
    <script>
        var dtParams = {
            "searching": false, // 顯示搜尋
            "ordering": true, // 顯示搜尋
            "bPaginate": true, // 顯示搜尋
            "info":	true, // 顯示資訊
            "pageLength": 10,
            autoFill: {
                horizontal: true
            },
            language: {
                "sInfo": "顯示第 _START_ 至 _END_ 項結果，共 _TOTAL_ 項",
                "sInfoEmpty": "顯示第 0 至 0 項結果，共 0 項",
                "search": "搜尋:",
                "lengthMenu": "每頁顯示 _MENU_ 筆",
                "zeroRecords": "沒有資料",
                paginate: {
                    first:    '«',
                    previous: '‹',
                    next:     '›',
                    last:     '»'
                },
                aria: {
                    paginate: {
                        first:    'First',
                        previous: 'Previous',
                        next:     'Next',
                        last:     'Last'
                    }
                }
            }
        };
        $(function () {
            $(".table").DataTable(dtParams);

            $('#deleteDataModal').on('show.bs.modal', function (e) {
                //show.bs.modal = BS內建，觸發時執行
                let btn = $(e.relatedTarget);
                // console.log(btn);//確認點擊到哪個按鈕
                let id = btn.data('id');//取出按鈕的data
                $('#delete_data_id').val(id);
            });
        });

        function deleteData(){
            let id = $('#delete_data_id').val();

            // $('#modalDeleteButton').attr('disabled',true);
            $.ajax({
                url: "{{route('admin.content_management.articles.softDeleteArticles')}}",
                type: "POST",
                data: {
                    'id': id,
                },
                async:false,
            }).done(function (data) {
                console.log(data);
                data = JSON.parse(data);
                if (data.success == true) {
                    notie.alert({type: 'success', text: '刪除成功', time: 2})
                    location.reload();
                } else {
                    notie.alert({type: 'error', text: data.error_msg, time: 2})
                    $('#deleteDataModal').modal('hide');
                }
            });
        }

    </script>
@endsection