@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::get('flash_message') !!}
</div>
<br>
@endif



    <div class="row" id="reports-tabs">
        <div class="col-md-12">
            <ul id="tab-01" class="nav nav-tabs nav-tabs-rtl" style="background-color: transparent;">
                <li id="general_news"  class="active"><a href="#privateEvents"><span class="semi-bold">الأخبار العامة</span></a></li>
                <li id="requests" class=""><a  href="#Requests"><span class="semi-bold">استمارات التواصل <span class="badge badge-important">{{$received_count > 0 ? $received_count : '' }}</span></span></a></li>
                <li id="archives"  class=""><a href="#Archives"><span class="semi-bold">الطلبات المكتملة</span></a></li>
            </ul>
            <div class="tab-content" style="padding: 0px !important;">

                {{--Private Events Data Table--}}
                <div id="privateEvents" class="tab-pane active">
                    <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">
                                        @if(Auth::user()->hasPermission('news-edit'))
                                        <a id="hide" href="javascript:void(0)" class="btn btn-warning" data-url="{{ URL::to('admin/news/bulkhide') }}" style="background: #805742">إرسال إلى المسودة</a>
                                        @endif
                                        @if(Auth::user()->hasPermission('news-destroy'))
                                        <a id="del" href="javascript:void(0)" class="btn btn-danger" data-url="{{ URL::to('admin/news/bulkdelete') }}">حذف</a>
                                        @endif
                                    </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">
                                @if(Auth::user()->hasPermission('news-edit'))
                                    <a href="{{ URL::to('admin/news/create?type='.$news_type) }}" class="btn btn-primary" style="background: #CF806B">إضافة خبر</a>
                                @endif
                                </div>
                            </div>

                            <table class="table table-hover table-bordered" id="datatable-example" >
                                <thead>
                                    <tr>
                                    @if(Auth::user()->hasPermission("news-destroy") || Auth::user()->hasPermission("news-edit"))
                                        <th><input type="checkbox" class="group-checkable" data-set="#datatable-example .checkboxes" /></th>
                                    @else
                                        <th width="5%"><input type="checkbox" class="group-checkable" data-set="#datatable-example .checkboxes" disabled/></th>
                                    @endif
                                        <th>Id</th>
                                        <th width="10%">الاستمارة</th>
                                        <th width="40%">عنوان الخبر</th>
                                        <th>عدد الصور</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">
                                    @if(Auth::user()->hasPermission('news-edit'))
                                        <a id="show2" href="javascript:void(0)" class="btn btn-success" data-url="{{ URL::to('admin/news/bulkshow') }}" style="background: #805742">انشر</a>
                                    @endif
                                    @if(Auth::user()->hasPermission('news-destroy'))
                                        <a id="del2" href="javascript:void(0)" class="btn btn-danger" data-url="{{ URL::to('admin/news/bulkdelete') }}">حذف</a>
                                    @endif
                                    </div>
                                </div>

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

                            <table class="table table-hover table-bordered" id="datatable-example2" style="width:100% !important">
                                <thead>
                                    <tr>
                                    @if(Auth::user()->hasPermission("news-destroy") || Auth::user()->hasPermission("news-edit"))
                                    <th><input type="checkbox" class="group-checkable" data-set="#datatable-example2 .checkboxes" /></th>
                                    @else
                                        <th width="5%"><input type="checkbox" class="group-checkable" data-set="#datatable-example2 .checkboxes" disabled/></th>
                                    @endif
                                        <th>Id</th>
                                        <th width="10%">الاستمارة</th>
                                        <th width="40%">عنوان الخبر</th>
                                        <th>عدد الصور</th>
                                        <th>عدد المشاهدات</th>
                                        <th>التنبيه</th>
                                        <th>تاريخ النشر</th>
                                        <th>اخر تعديل</th>
                                        <th></th>
                                    </tr>
                                </thead>
                            </table>
                        </div>
                    </div>
                    <br>
                </div>

                {{--Requests Data Table--}}

                <div id="Requests" class="tab-pane">
                    <div class="grid simple vertical mobile-scroll">
                        <div class="grid-body no-border">
                            <div class='control' style="height: 45px;">
                                <!-- <h3>الارشيف</h3> -->
                                <div class="col-sm-3 col-xs-12">
                                    <div class="pull-right markaction">
                                    {{--<a id="show4" href="javascript:void(0)" class="btn btn-success" data-url="{{ URL::to('admin/news/bulkshow') }}">انشر </a>
                                    <a id="hide4" href="javascript:void(0)" class="btn btn-warning" data-url="{{ URL::to('admin/news/bulkhide') }}">نقل الى المسودة</a>--}}
                                    @if(Auth::user()->hasPermission('news-destroy'))
                                    <a id="del3" href="javascript:void(0)" class="btn btn-danger" data-url="{{ URL::to('admin/news/bulkdelete') }}">حذف</a>
                                    @endif
                                    </div>
                                </div>
                                <div class="col-sm-6 col-xs-12 c-page-title">
                                    <span>الأخبار العامة - استمارات التواصل</span>
                                </div>
                                <div class="col-sm-3 col-xs-12"></div>
                            </div>
                            <table class="table table-bordered table-hover" id="datatable-example3" style="width:100% !important">
                                <thead>
                                    <tr>
                                    @if(Auth::user()->hasPermission("news-destroy") || Auth::user()->hasPermission("news-edit"))
                                        <th><input type="checkbox" class="group-checkable" data-set="#datatable-example3 .checkboxes" /></th>
                                    @else
                                        <th width="5%"><input type="checkbox" class="group-checkable" data-set="#datatable-example3 .checkboxes" disabled/></th>
                                    @endif
                                        <th>#</th>
                                        <th>الاستمارة</th>
                                        <th>عنوان الخبر</th>
{{--                                        <th width="40%">وصف</th>--}}
                                        <th>المرسل</th>
                                        <th>عدد الصور</th>
                                        <th>عدد المشاهدات</th>
                                        <th></th>
                                    </tr>
                                </thead>

                            </table>
                        </div>
                    </div>
                </div>

                {{--Archives Data Table--}}
                <div id="Archives" class="tab-pane">
                    <div class="grid simple vertical mobile-scroll">
                        <div class="grid-body no-border">
                            <div class='control' style="height: 45px;">
                                <!-- <h3>الارشيف</h3> -->
                                <div class="col-sm-3 col-xs-12">
                                    <div class="pull-right markaction">
                                        {{--<a id="show4" href="javascript:void(0)" class="btn btn-success" data-url="{{ URL::to('admin/news/bulkshow') }}">انشر </a>
                                        <a id="hide4" href="javascript:void(0)" class="btn btn-warning" data-url="{{ URL::to('admin/news/bulkhide') }}">نقل الى المسودة</a>--}}
                                    @if(Auth::user()->hasPermission('news-destroy'))
                                        <a id="del4" href="javascript:void(0)" class="btn btn-danger" data-url="{{ URL::to('admin/generalnewsrequests/bulkdelete') }}">حذف</a>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-sm-6 col-xs-12 c-page-title">
                                    <span>الأخبار العامة - الطلبات المكتملة</span>
                                </div>
                                <div class="col-sm-3 col-xs-12"></div>
                            </div>
                            <table class="table table-bordered table-hover" id="datatable-example4" style="width:100% !important">
                                <thead>
                                    <tr>
                                    @if(Auth::user()->hasPermission("news-destroy") || Auth::user()->hasPermission("news-edit"))
                                    <th><input type="checkbox" class="group-checkable" data-set="#datatable-example4 .checkboxes" /></th>
                                    @else
                                        <th width="5%"><input type="checkbox" class="group-checkable" data-set="#datatable-example4 .checkboxes" disabled/></th>
                                    @endif
                                        <th>#</th>
                                        <th>الاستمارة</th>
                                        <th>عنوان الخبر</th>
{{--                                        <th width="40%">وصف</th>--}}
                                        <th>المرسل</th>
                                        <th>عدد الصور</th>
                                        <th>عدد المشاهدات</th>
                                        <th></th>
                                    </tr>
                                </thead>

                            </table>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>


{!! Form::open([
'method' => 'POST',
'class' => 'inline',
'id'=> 'bulkaction'
]) !!}
<input type="hidden" value="" name="ids" id="ids" />
{!! Form::close() !!}

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

@endsection

@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');

        initializeRDT('#datatable-example4','4');
        initializeRDT('#datatable-example3','3');

        $('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: 'request_id', name: 'request_id'},
                {data: 'title', name: 'title'},
                {data: 'total_images', name: 'total_images'},
                {data: 'view_count', name: 'view_count'},
                {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": [0-7],
                    "visible": true,
                    "searchable": true
                },
                {
                    "targets": [0, 1, 2, 3, 4, 5, 6,7],
                    "orderable": false
                },
                {
                    "searchable": true
                },
            ]
        });

        $(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");
    }

    function initializeRDT(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: 'request_id', name: 'request_id'},
                {data: 'title', name: 'title'},
                // {data: 'description', name: 'description'},
                {data: 'sender_id', name: 'sender_id'},
                {data: 'total_images', name: 'total_images'},
                {data: 'view_count', name: 'view_count'},
                {data: 'actions', name: 'actions'}
            ],
            "iDisplayLength": 50,
            "columnDefs": [
                {
                    "targets": [1],
                    "visible": false,
                    "searchable": false
                },
                {
                    "targets": [0,1,5],
                    "searchable": false
                },
                {
                    "targets": "_all",
                    "orderable": false
                },
                {
                    "targets": [1,2,3,4,5],
                    "className": 'dt-body-right'
                }
            ]
        });

        $(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