@extends('app')
@section('content')
    <link href="{{ asset('assets/plugins/jquery-notifications/css/messenger.css')}}" rel="stylesheet" type="text/css" media="screen"/>
    <link href="{{ asset('assets/plugins/jquery-notifications/css/messenger-theme-flat.css')}}" rel="stylesheet" type="text/css" media="screen"/>
    @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>
    @endif
    {{--{!! Breadcrumbs::render('admin.technicalrequests.create') !!}--}}
    <!-- <div class="page-title"> <a href="{{ URL::to('/admin')}}"><i class="icon-custom-right"></i></a>
        <h3>البلاغات التقنية<span class="semi-bold"></span></h3>
    </div> -->
    <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="received"  class="active"><a href="#Received"><span class="semi-bold">تنتظرالمراجعة @if($received_count)<span class="badge badge-important">{{$received_count>0 ? $received_count : '' }}</span>@endif</span></a></li>
                <li id="reviewed" class=""><a  href="#Reviewed"><span class="semi-bold">إنتهت المراجعة</span></a></li>
            </ul>
            <div class="tab-content" style="padding: 0px !important;">

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

                            <div class='control' style="height: 45px;">
                                <div class="col-sm-3 col-xs-12">
                                    <div class="pull-right markaction">
                                    @if(Auth::user()->hasPermission('technicalrequests-destroy'))
                                        <a id="del" href="javascript:void(0)" class="btn btn-danger" data-url="{{ URL::to('admin/technicalrequests/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 datatable table-personalrequests" id="datatable-example">
                                <thead>
                                <tr>
                                @if(Auth::user()->hasPermission('technicalrequests-destroy'))
                                    <th><input type="checkbox" class="group-checkable" data-set="#datatable-example .checkboxes" /></th>
                                @else
                                <th><input type="checkbox" class="group-checkable" data-set="#datatable-example .checkboxes" disabled/></th>
                                @endif
                                    <th>#</th>
                                    <th>الاستمارة</th>
                                    <th>العنوان</th>
                                    <th>المرسل</th>
                                    <th>التاريخ</th>
                                    <th>الصور</th>
                                    <th>الحالة</th>
                                    <th></th>
                                </tr>
                                </thead>

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

                {{--Reviewed Data Table--}}

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

                            <div class='control' style="height: 45px;">
                                <div class="col-sm-3 col-xs-12">
                                    <div class="pull-right markaction">
                                    @if(Auth::user()->hasPermission('technicalrequests-destroy'))
                                        <a id="del2" href="javascript:void(0)" class="btn btn-danger" data-url="{{ URL::to('admin/technicalrequests/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 datatable table-personalrequests" id="datatable-example2">
                                <thead>
                                <tr>
                                @if(Auth::user()->hasPermission('technicalrequests-destroy'))
                                    <th><input type="checkbox" class="group-checkable" data-set="#datatable-example .checkboxes" /></th>
                                @else
                                <th><input type="checkbox" class="group-checkable" data-set="#datatable-example .checkboxes" disabled/></th>
                                @endif
                                    <th>#</th>
                                    <th>الاستمارة</th>
                                    <th>العنوان</th>
                                    <th>المرسل</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() !!}



    <script type="text/javascript" language="javascript" class="init">
    $.ajaxSetup({
            headers: {'X-CSRF-Token': $('meta[name=_token]').attr('content')},
        });
        jQuery(document).ready(function ($) {

            // Columns and column defs to be used in both tables
            var columns = [
                {data: 'check', name: 'check'},
                {data: 'id', name: 'id'},
                {data: 'request_id', name: 'request_id'},
                {data: 'title', name: 'title'},
                {data: 'sender_family_tree_id', name: 'sender_family_tree_id'},
                {data: 'received_at', name: 'received_at'},
                {data: 'images', name: 'images'},
                {data: 'status', name: 'status'},
                {data: 'actions', name: 'actions'}
            ];
            var columnDefs = [
                {
                    "targets": [1],
                    "visible": false,
                },
                {
                    "targets": [0,1,2,3,4,5,6,7,8],
                    "searchable": false
                },
                {
                    "targets": [0,1,2,3,4,5,6,7,8],
                    "orderable": false
                },
                {
                    "targets": [2,3,4,5,6,7],
                    "className": 'dt-body-right'
                },
            ];

            $('#datatable-example').DataTable({

                processing: true,
                serverSide: true,
                ordering: false,
                pageLength: 25,
                language: {
						processing: "<img src='{{url('/')}}/assets/img/Webp.net-resizeimage.gif' />",
						emptyTable: "لا يوجد محتوى",
						zeroRecords: "لا يوجد محتوى",
                        searchPlaceholder: "بحث",
                        search: "",

						},
                ajax: {
                    "url": "{{ URL::to('admin/technicalrequests/datatable?status=0') }}",
                    "type": "POST"
                },
                columns: columns,
                "columnDefs": columnDefs
            });

            $('#datatable-example2').DataTable({

                processing: true,
                serverSide: true,
                ordering: false,
                pageLength: 25,
                language: {
						processing: "<img src='{{url('/')}}/assets/img/Webp.net-resizeimage.gif' />",
						emptyTable: "لا يوجد محتوى",
						zeroRecords: "لا يوجد محتوى",
                        searchPlaceholder: "بحث",
                        search: "",

						},
                ajax: {
                    "url": "{{ URL::to('admin/technicalrequests/datatable?status=1') }}",
                    "type": "POST"
                },
                columns: columns,
                "columnDefs": columnDefs
            });

            $('#datatable-example_wrapper .dataTables_filter input').addClass("input-medium "); // modify table search input
            $('#datatable-example_wrapper .dataTables_length select').addClass("select2-wrapper span12"); // modify table per page dropdown
            $('#datatable-example_wrapper .dataTables_length select').removeClass("form-control");

            $('#datatable-example2_wrapper .dataTables_filter input').addClass("input-medium "); // modify table search input
            $('#datatable-example2_wrapper .dataTables_length select').addClass("select2-wrapper span12"); // modify table per page dropdown
            $('#datatable-example2_wrapper .dataTables_length select').removeClass("form-control");

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

          });

    </script>
    <script src="{{ asset('assets/js/tabs_accordian.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/plugins/jquery-notifications/js/messenger.min.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/plugins/jquery-notifications/js/messenger-theme-future.js')}}" type="text/javascript"></script>
@endsection