@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>
@endif

<style>
    .notification_history_table th {
        text-align: right !important;
    }
    .notification_history_table tr td {
        text-align: right !important;
    }
</style>

<div class="grid simple vertical  mobile-scroll">

    <div class="grid-body no-border">
        <div class='row control markaction' style="margin-bottom: 10px; margin-top: 10px;  background-color: #fff;">
            <div class="col-sm-3 col-xs-12 text-left">
                @if(Auth::user()->hasPermission('notificationshistory-destroy'))
                    <a id="del2" href="javascript:void(0)" class="btn btn-danger" data-url="{{ URL::to('admin/notificationshistory/bulkdelete') }}">حذف</a>
                @endif
            </div>
            <div class="col-sm-6 col-xs-12 c-page-title">
               <span> أرشيف رسائل التنبيه</span>
            </div>

        </div>
        <table class="table table-hover datatable table-bordered notification_history_table" id="datatable-example2" >
            <thead>
                <tr>
                    @if(Auth::user()->hasPermission('notificationshistory-destroy'))
                    <th><input type="checkbox" class="group-checkable" data-set="#datatable-example2 .checkboxes" /></th>
                    @else
                    <th><input type="checkbox" class="group-checkable" data-set="#datatable-example2 .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>
</br></br>

{!! 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 ($) {
        // Columns and column defs to be used in both tables
        var columns = [
                {data: 'check', name: 'check'},
                {data: 'id', name: 'id'},
                {data: 'notification_text', name: 'notification_text'},
                {data: 'notification_type', name: 'notification_type'},
                {data: 'device_type', name: 'device_type'},
                {data: 'target', name: 'target'},
                {data: 'no_of_devices', name: 'no_of_devices'},
                {data: 'created_at', name: 'created_at'},
                {data: 'actions', name: 'actions'}
            ];
        var columnDefs = [
            {
                "targets": [1],
                "visible": false,
                "searchable": false
            },
            {
                "targets": [2,3,4,5,6],
                "searchable": true
            },
            {
                "targets": [0, 1, 2, 3, 4,5,6,7],
                "orderable": false
            }
        ];

        $('#datatable-example2').DataTable({
            processing: true,
            serverSide: true,
            ordering: false,
            language: { search: "",
                         searchPlaceholder: "بحث",
                         "zeroRecords": "لا يوجد محتوى",
                         processing: "<img src='{{url('/')}}/assets/img/Webp.net-resizeimage.gif' />" },
            ajax: {
                "url": "{{ URL::to('admin/notificationshistory/datatable') }}",
                "type": "POST"
            },
            "iDisplayLength": 50,
            columns: columns,
            "columnDefs": columnDefs
        });

        $('#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>
@endsection