@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.personalrequests.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'>
                                <div class="pull-right markaction">
                                    <a id="del" href="javascript:void(0)" class="btn btn-danger" data-url="{{ URL::to('admin/personalrequests/bulkdelete') }}">حذف</a>
                                </div>
                            </div><br><br>
                            <table class="table table-bordered table-hover datatable table-personalrequests" id="datatable-example">
                                <thead>
                                <tr>
                                    <th><input type="checkbox" class="group-checkable" data-set="#datatable-example .checkboxes" /></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'>
                                <div class="pull-right markaction">
                                    <a id="del2" href="javascript:void(0)" class="btn btn-danger" data-url="{{ URL::to('admin/personalrequests/bulkdelete') }}">حذف</a>
                                </div>
                            </div><br><br>
                            <table class="table table-bordered table-hover datatable" id="datatable-example2">
                                <thead>
                                <tr>
                                    <th><input type="checkbox" class="group-checkable" data-set="#datatable-example .checkboxes" /></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: 'information', name: 'information'},
                {data: 'status', name: 'status'},
                {data: 'actions', name: 'actions'}
            ];
            var columnDefs = [
                {
                    "targets": [1],
                    "visible": false,
                },
                {
                    "targets": [0,1,2,3,4,5],
                    "searchable": false
                },
                {
                    "targets": [0, 1, 2, 3,4,5],
                    "orderable": false
                }
            ];

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

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

						},
                ajax: {
                    "url": "{{ URL::to('admin/personalrequests/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: "لا يوجد محتوى",

						},
                ajax: {
                    "url": "{{ URL::to('admin/personalrequests/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");

          });

    </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