@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="page-title"> <a href="{{ URL('/admin/news/general') }}"><i class="icon-custom-right"></i></a>
            <h3>المشاهدات<span class="semi-bold"></span></h3>
        </div>

        <div class="col-md-12">
            <ul id="tab-01" class="nav nav-tabs nav-tabs-rtl" style="background-color: transparent;">
{{--                <li id="thumb_like"  class="active"><a href="#thumb"><span class="badge">{{$like->sum('thumbs_like')}}</span> <img src="{{asset('clips/like-pressed.png')}}" alt=""></a></li>--}}
{{--                <li id="heart_like" class=""><a  href="#heart"><span class="badge">{{$like->sum('heart_like')}}</span> <img src="{{asset('clips/heart-pressed.png')}}" alt=""></a></li>--}}
{{--                <li id="clap_like"  class=""><a href="#clap"><span class="badge">{{$like->sum('clap_like')}}</span> <img src="{{asset('clips/clap-pressed.png')}}" alt=""></a></li>--}}
                <li id="news_view"  class="active"><a href="#view"><span class="badge">{{$viewCount}}</span>  <img src="{{asset('clips/view.png')}}" alt=""></a></li>
            </ul>
            <div class="tab-content" style="padding: 0px !important;">

{{--                Private Events Data Table--}}
{{--                <div id="thumb" class="tab-pane active">--}}
{{--                    <div class="grid simple vertical mobile-scroll">--}}
{{--                        <div class="grid-body no-border">--}}

{{--                            <table class="table table-hover table-bordered" id="datatable-example" >--}}
{{--                                <thead>--}}
{{--                                    <tr>--}}
{{--                                        <th>هوية شخصية</th>--}}
{{--                                        <th>الاسم 1</th>--}}
{{--                                        <th>الاسم 2</th>--}}
{{--                                        <th>الاسم 3</th>--}}
{{--                                        <th>الاسم 4</th>--}}
{{--                                        <th>البلد</th>--}}
{{--                                        <th>المدينة</th>--}}
{{--                                    </tr>--}}
{{--                                </thead>--}}

{{--                            </table>--}}

{{--                        </div>--}}
{{--                    </div>--}}
{{--                    <br>--}}
{{--                </div>--}}

{{--                Requests Data Table--}}

{{--                <div id="heart" class="tab-pane">--}}
{{--                    <div class="grid simple vertical mobile-scroll">--}}
{{--                        <div class="grid-body no-border">--}}

{{--                            <table class="table table-bordered table-hover" id="datatable-example2" style="width:100% !important">--}}
{{--                                <thead>--}}
{{--                                    <tr>--}}
{{--                                        <th>هوية شخصية</th>--}}
{{--                                        <th>الاسم 1</th>--}}
{{--                                        <th>الاسم 2</th>--}}
{{--                                        <th>الاسم 3</th>--}}
{{--                                        <th>الاسم 4</th>--}}
{{--                                        <th>البلد</th>--}}
{{--                                        <th>المدينة</th>--}}
{{--                                    </tr>--}}
{{--                                </thead>--}}

{{--                            </table>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                </div>--}}

{{--                Archives Data Table--}}
{{--                <div id="clap" class="tab-pane">--}}
{{--                    <div class="grid simple vertical mobile-scroll">--}}
{{--                        <div class="grid-body no-border">--}}

{{--                            <table class="table table-bordered table-hover" id="datatable-example3" style="width:100% !important">--}}
{{--                                <thead>--}}
{{--                                    <tr>--}}
{{--                                        <th>هوية شخصية</th>--}}
{{--                                        <th>الاسم 1</th>--}}
{{--                                        <th>الاسم 2</th>--}}
{{--                                        <th>الاسم 3</th>--}}
{{--                                        <th>الاسم 4</th>--}}
{{--                                        <th>البلد</th>--}}
{{--                                        <th>المدينة</th>--}}
{{--                                    </tr>--}}
{{--                                </thead>--}}

{{--                            </table>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                </div>--}}

                {{--Views Data Table--}}
                <div id="view" class="tab-pane active">
                    <div class="grid simple vertical mobile-scroll">
                        <div class="grid-body no-border">

                            <table class="table table-bordered table-hover" id="datatable-example4" style="width:100% !important">
                                <thead>
                                <tr>
                                    <th>هوية شخصية</th>
                                    <th>الاسم 1</th>
                                    <th>الاسم 2</th>
                                    <th>الاسم 3</th>
                                    <th>الاسم 4</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() !!}
@endsection

@section('page_script')

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

        // Initialize datatables
        // newslike('#datatable-example','1');
        //
        // heartlike('#datatable-example2','1');
        //
        // claplike('#datatable-example3');

        newsView('#datatable-example4');
       // initializeRDT('#datatable-example2','0');

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

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

    });

    {{--function newslike(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/'.$Id.'/like_datatable?'.(isset($_SERVER['QUERY_STRING']) ? $_SERVER['QUERY_STRING'] : '')) !!}",--}}
    {{--            "type": "POST"--}}
    {{--        },--}}
    {{--        columns: [--}}
    {{--                {data: 'family_tree_id', name: 'nodeID'},--}}
    {{--                {data: 'name1', name: 'family_members.name'},--}}
    {{--                {data: 'name2', name: 'family_members.father_name'},--}}
    {{--                {data: 'name3', name: 'family_members.grand_father_name'},--}}
    {{--                {data: 'name4', name: 'family_members.g_grand_father_name'},--}}
    {{--                {data: 'country', name: 'family_members.country'},--}}
    {{--                {data: 'city', name: 'family_members.city'},--}}
    {{--        ],--}}
    {{--        "iDisplayLength": 50,--}}
    {{--        "columnDefs": [--}}
    {{--            {--}}
    {{--                "targets": [0-6],--}}
    {{--                    "visible": true,--}}
    {{--                    "searchable": true--}}
    {{--                },--}}
    {{--                {--}}
    {{--                    "targets": [0, 1, 2, 3, 4, 5, 6],--}}
    {{--                    "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 heartlike(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/'.$Id.'/heart_datatable?'.(isset($_SERVER['QUERY_STRING']) ? $_SERVER['QUERY_STRING'] : '')) !!}",--}}
    {{--            "type": "POST"--}}
    {{--        },--}}
    {{--        columns: [--}}
    {{--                {data: 'family_tree_id', name: 'nodeID'},--}}
    {{--                {data: 'name1', name: 'family_members.name'},--}}
    {{--                {data: 'name2', name: 'family_members.father_name'},--}}
    {{--                {data: 'name3', name: 'family_members.grand_father_name'},--}}
    {{--                {data: 'name4', name: 'family_members.g_grand_father_name'},--}}
    {{--                {data: 'country', name: 'family_members.country'},--}}
    {{--                {data: 'city', name: 'family_members.city'},--}}
    {{--        ],--}}
    {{--        "iDisplayLength": 50,--}}
    {{--        "columnDefs": [--}}
    {{--            {--}}
    {{--                "targets": [0-6],--}}
    {{--                    "visible": true,--}}
    {{--                    "searchable": true--}}
    {{--                },--}}
    {{--                {--}}
    {{--                    "targets": [0, 1, 2, 3, 4, 5, 6],--}}
    {{--                    "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 claplike(t_selector) {--}}
    {{--    $(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/'.$Id.'/clap_datatable?'.(isset($_SERVER['QUERY_STRING']) ? $_SERVER['QUERY_STRING'] : '')) !!}",--}}
    {{--            "type": "POST"--}}
    {{--        },--}}
    {{--        columns: [--}}
    {{--            {data: 'family_tree_id', name: 'nodeID'},--}}
    {{--                {data: 'name1', name: 'family_members.name'},--}}
    {{--                {data: 'name2', name: 'family_members.father_name'},--}}
    {{--                {data: 'name3', name: 'family_members.grand_father_name'},--}}
    {{--                {data: 'name4', name: 'family_members.g_grand_father_name'},--}}
    {{--                {data: 'country', name: 'family_members.country'},--}}
    {{--                {data: 'city', name: 'family_members.city'},--}}
    {{--        ],--}}
    {{--        "iDisplayLength": 50,--}}
    {{--        "columnDefs": [--}}
    {{--            {--}}
    {{--                "targets": [0-6],--}}
    {{--                    "visible": true,--}}
    {{--                    "searchable": true--}}
    {{--                },--}}
    {{--                {--}}
    {{--                    "targets": [0, 1, 2, 3, 4, 5, 6],--}}
    {{--                    "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 newsView(t_selector) {
        $(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/'.$Id.'/view_datatable?'.(isset($_SERVER['QUERY_STRING']) ? $_SERVER['QUERY_STRING'] : '')) !!}",
                "type": "POST"
            },
            columns: [
                {data: 'family_tree_id', name: 'nodeID'},
                {data: 'name1', name: 'family_members.name'},
                {data: 'name2', name: 'family_members.father_name'},
                {data: 'name3', name: 'family_members.grand_father_name'},
                {data: 'name4', name: 'family_members.g_grand_father_name'},
                {data: 'country', name: 'family_members.country'},
                {data: 'city', name: 'family_members.city'},
            ],
            "iDisplayLength": 50,
            "columnDefs": [
                {
                    "targets": [0-6],
                    "visible": true,
                    "searchable": true
                },
                {
                    "targets": [0, 1, 2, 3, 4, 5, 6],
                    "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");
    }

</script>
@endsection