@extends('app')

@section('content')
    @if (session()->has('flash_message'))
        <div class="alert {{ session()->has('flash_message_status') ? 'alert-error' : 'alert-success' }}">
            <button class="close" data-dismiss="alert"></button>
            {!! session('flash_message') !!}
        </div>
        <br>
    @endif

    <div class="grid simple vertical mobile-scroll">
        <div class="grid-body no-border">
            <div class='row control' style="margin-bottom: 10px; margin-top: 10px; background-color: #fff;">
                <div class="col-sm-3 col-xs-12">
                    <div class="pull-right markaction">
                        @can('news-edit')
                            <a id="hide" href="javascript:void(0)" class="btn btn-warning"
                                data-url="{{ url('admin/news/bulkhide') }}">إرسال إلى المسودة</a>
                        @endcan
                        @can('news-destroy')
                            <a id="del" href="javascript:void(0)" class="btn btn-danger"
                                data-url="{{ url('admin/news/bulkdelete') }}">حذف</a>
                        @endcan
                    </div>
                </div>

                <div class="col-sm-6 col-xs-12 c-page-title">
                    <span>مجلس‎‎ - {{ $text_info['page_title'] }}</span>
                </div>

                <div class="col-sm-3 col-xs-12">
                    @can('news-create')
                        <a href="{{ url('admin/news/create?type=' . $news_type) }}" class="btn btn-primary">إضافة خبر</a>
                    @endcan
                </div>
            </div>

            <table class="table table-hover" id="datatable-example">
                <thead>
                    <tr>
                        <th><input type="checkbox" class="group-checkable" data-set="#datatable-example .checkboxes" /></th>
                        <th>Id</th>
                        <th width="40%">عنوان الخبر</th>
                        <th>عدد الصور</th>
                        <th>رسالة تنبيه</th>
                        <th>تاريخ النشر</th>
                        <th>آخر تحديث</th>
                        <th></th>
                    </tr>
                </thead>
            </table>

            <br><br><br>
            <br><br><br>

            <div class='row control' style="margin-bottom: 10px; margin-top: 10px; background-color: #fff;">
                <div class="col-sm-3 col-xs-12">
                    <div class="pull-right markaction">
                        @can('news-edit')
                            <a id="show2" href="javascript:void(0)" class="btn btn-success"
                                data-url="{{ url('admin/news/bulkshow') }}">نشر</a>
                        @endcan
                        @can('news-destroy')
                            <a id="del2" href="javascript:void(0)" class="btn btn-danger"
                                data-url="{{ url('admin/news/bulkdelete') }}">حذف</a>
                        @endcan
                    </div>
                </div>

                <div class="col-sm-6 col-xs-12 c-page-title">
                    <span>المسودة</span>
                </div>
            </div>

            <table class="table table-hover" id="datatable-example2">
                <thead>
                    <tr>
                        <th><input type="checkbox" class="group-checkable" data-set="#datatable-example2 .checkboxes" />
                        </th>
                        <th>Id</th>
                        <th width="40%">عنوان الخبر</th>
                        <th>عدد الصور</th>
                        <th>رسالة تنبيه</th>
                        <th>تاريخ النشر</th>
                        <th>آخر تحديث</th>
                        <th></th>
                    </tr>
                </thead>
            </table>
        </div>
    </div>

    {{-- Bulk Action Form (Laravel 11 way, no LaravelCollective) --}}
    <form method="POST" class="inline" id="bulkaction">
        @csrf
        <input type="hidden" value="" name="ids" id="ids" />
    </form>
@endsection

<!-- Include shared actions -->
@include('admin.news.shared.actions')


@section('page_script')
    <!-- Include shared scripts -->
    @include('admin.news.shared.scripts')

    <script type="text/javascript" language="javascript" class="init">
        jQuery(document).ready(function($) {

            // Initialize datatables 
            initializeDT('#datatable-example', '1');
            initializeDT('#datatable-example2', '0');

            $('div.dataTables_length select').select2();

            $(".select2-wrapper").select2({
                minimumResultsForSearch: -1
            });

        });

        function initializeDT(t_selector, status) {

            $(t_selector).DataTable({
                stateSave: true,
                processing: true,
                serverSide: true,
                "order": [
                    [1, "desc"]
                ],
                language: {
                    search: "",
                    searchPlaceholder: "بحث",
                    "zeroRecords": "لا يوجد محتوى",
                    processing: "<img src='{{ url('/') }}/assets/img/Webp.net-resizeimage.gif' />"
                },
                ajax: {
                    "url": "{{ URL::to('admin/news/datatable') }}",
                    "type": "POST",
                    "data": {
                        type: "{{ $news_type }}",
                        status: status
                    }
                },
                columns: [{
                        data: 'check',
                        name: 'check'
                    },
                    {
                        data: 'id',
                        name: 'id'
                    },
                    {
                        data: 'title',
                        name: 'title'
                    },
                    {
                        data: 'total_images',
                        name: 'total_images'
                    },
                    {
                        data: 'is_pushed',
                        name: 'is_pushed'
                    },
                    {
                        data: 'published_date',
                        name: 'published_date'
                    },
                    {
                        data: 'updated_by',
                        name: 'users.username'
                    },
                    {
                        data: 'actions',
                        name: 'actions'
                    }
                ],
                "iDisplayLength": 50,
                "columnDefs": [{
                        "targets": [1],
                        "visible": false,
                        "searchable": false
                    },
                    {
                        "targets": [0, 1, 3, 4, 5, 7],
                        "searchable": false
                    },
                    {
                        "targets": "_all",
                        "orderable": false
                    }
                ]
            });

            $(t_selector + '_wrapper .dataTables_filter input').addClass("input-medium "); // modify table search input
            $(t_selector + '_wrapper .dataTables_length select').addClass(
                "select2-wrapper span12"); // modify table per page dropdown
            $(t_selector + '_wrapper .dataTables_length select').removeClass("form-control");
        }
    </script>
@endsection