@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'}}" style="text-align: center;">
    <button class="close" data-dismiss="alert"></button>
    {!! Session::get('flash_message') !!}
</div>
@endif

<div class="grid simple vertical mobile-scroll">
    <div class="grid-body no-border "><br>
        <div class="row">
            <div class="col-md-12 col-lg-12">
                <div class='row control' style="margin-bottom: 10px; margin-top: 10px;  background-color: #fff;">
                    <div class="col-sm-4 col-xs-12">
                        <div class="pull-right markaction">
                            @if(Auth::user()->hasPermission('video-destroy'))
                                <a id="del" href="javascript:void(0)" class="btn btn-danger" data-msg="هل أنت متأكد من الحذف؟" data-url="{{ URL::to('admin/video/bulkdelete') }}">حذف</a>
                            @endif
                        </div>
                    </div>

                       <div class="col-sm-4 col-xs-12" style="text-align: center;">
                           <span class="bold" style="font-size: 20px;">فيديو</span>
                       </div>

                       <div class="col-sm-4 col-xs-12">
                           @if(Auth::user()->hasPermission('video-create'))
                               <a class="btn btn-primary btn-cons" href="{{ URL::to('admin/video/create') }}">أضف الفيديو</a>
                           @endif
                       </div>
                </div>

                <table class="table table-hover table-bordered" id="datatable-example" >
                    <thead>
                        <tr style="color: white;">
                        @if(Auth::user()->hasPermission('video-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>Id</th>
                            <th>عنوان</th>
                            <th>رابط الفيديو</th>
                            <th></th>
                        </tr>
                    </thead>
                </table>
            </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">


    function closeModal(id) {
        $(id).modal('hide');
    }

    $(document).on("click","#request",function(e){
        var request = $(this).data('request');

        var name = request.name;
        var request_id = request.id;

        $("#name_field").val(name);
        $('#id_field').val(request_id);
    });


    jQuery(document).ready(function ($) {
        $('#datatable-example').DataTable({
            processing: true,
            serverSide: false,
            "order": [[1, "desc"]],
            language: { search: "",
                         searchPlaceholder: "بحث",
                         "zeroRecords": "لا يوجد محتوى",
                         processing: "<img src='{{url('/')}}/assets/img/Webp.net-resizeimage.gif' />" },
            ajax: {
                "url": "{{ URL::to('admin/video/datatable') }}",
                "type": "POST"
            },
            columns: [
                {data: 'check', name: 'check'},
                {data: 'id', name: 'id'},
                {data: 'title', name: 'title'},
                {data: 'video_link', name: 'video_link'},
                {data: 'actions', name: 'actions'}
            ],
            "iDisplayLength": 50,
            "columnDefs": [
                {
                    "targets": [1],
                    "visible": false,
                    "searchable": false
                },
                // {
                //     "targets": [0,1, 4],
                //     "searchable": false
                // },
                // {
                //     "targets": [0, 1, 2, 4],
                //     "orderable": false
                // },
                // {
                //     "targets": [2,3],
                //     "className": 'dt-body-right'
                // },

            ]
        });
        // $('#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-example input').click(function () {
        //     $(this).parent().parent().parent().toggleClass('row_selected');
        // });

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

    });
</script>
@endsection