@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>
    .worthy_table th {
        text-align: right;
    }
    .worthy_table tr td {
        text-align: right;
    }
    .dataTables_empty {
        text-align: center !important;
    }
</style>
<div class="grid simple vertical  mobile-scroll">
    <div class="grid-body no-border">
        <div class='row control'>
            <div class="col-md-3 text-left markaction">
                @if(Auth::user()->hasPermission('worthy-edit'))
                    <a id="show3" href="javascript:void(0)" class="btn btn-warning" data-url="{{ URL::to('admin/worthy/bulkUnimportant') }}">إرسال إلى شخصيات</a>
                @endif
            </div>
            <div class="col-md-6 c-page-title">
                <span>شخصيات مثبتة</span>
            </div>
        </div>
        <br/>
        <table class="table sortable table-hover table-bordered datatable worthy_table" id="datatable-example3" data-reorderUrl="{{ route('admin.worthy.reorder_important')}}">
            <thead>
            <tr>
                <th class="disabled sorting-arrow"><i class="fa fa-arrows"></i></th>
                @if(Auth::user()->hasPermission('worthy-destroy') || Auth::user()->hasPermission('worthy-edit'))
                    <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>
            </tr>
            </thead>
        </table>
        <br><br><br>
        <div class='row control'>
            <div class="col-md-3 text-left markaction">
                @if(Auth::user()->hasPermission('worthy-edit'))
                    <a id="hide" href="javascript:void(0)" class="btn btn-warning" data-url="{{ URL::to('admin/worthy/bulkhide') }}">إرسال إلى المسودة</a>
                @endif
                @if(Auth::user()->hasPermission('worthy-destroy'))
                    <a id="del" href="javascript:void(0)" class="btn btn-danger" data-url="{{ URL::to('admin/worthy/bulkdelete') }}">حذف</a>
                @endif
            </div>
            <div class="col-md-6 c-page-title">
                   <span>شخصيات</span>
            </div>
            <div class="col-md-3">
            @if(Auth::user()->hasPermission('worthy-create'))
                <a class="btn btn-primary" href="{{ URL::to('admin/worthy/create') }}">إضافة شخصية</a>
            @endif
            </div>
        </div>
        <br>
        <table class="table table-hover table-bordered datatable worthy_table" id="datatable-example" >
            <thead>
                <tr>
                @if(Auth::user()->hasPermission('worthy-destroy') || Auth::user()->hasPermission('worthy-edit'))
                    <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>
                </tr>
            </thead>
        </table>
        <br><br><br>
        <div class='row control'>
            <div class="col-md-3 text-left markaction">
                @if(Auth::user()->hasPermission('worthy-edit'))
                    <a id="show2" href="javascript:void(0)" class="btn btn-success" data-url="{{ URL::to('admin/worthy/bulkshow') }}">نشر</a>
                @endif
                @if(Auth::user()->hasPermission('worthy-destroy'))
                        <a id="del2" href="javascript:void(0)" class="btn btn-danger" data-url="{{ URL::to('admin/worthy/bulkdelete') }}">حذف</a>
                @endif
            </div>
            <div class="col-md-6 c-page-title">
                <span>المسودة</span>
            </div>
        </div>
        <br/>
        <table class="table table-hover table-bordered datatable worthy_table" id="datatable-example2">
            <thead>
                <tr>
                @if(Auth::user()->hasPermission('worthy-destroy') || Auth::user()->hasPermission('worthy-edit'))
                    <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>
                </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() !!}

<div class="modal fade" id="editPublishModal" tabindex="-1" role="dialog" aria-labelledby="editPublishModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            {!! Form::open(['method' => 'POST','route' => 'photoalbums.updatepublish','id'=>'form_editpublish']) !!}
                <div class="modal-header">
                    <!-- <button type="button" class="close" onclick='closeModal()' aria-label="Close"><span aria-hidden="true">&times;</span></button> -->
                    <h4 class="modal-title" id="editPublishModalLabel">تحرير تاريخ النشر</h4>

                </div>
                <div class="modal-body">
                    <input type="hidden" name="photo_album_id" id="photo_album_id_input" value="">
                    <div class="form-group row">
                        <div class="col-md-3 col-sm-12 text-right">
                            <label class="control-label">تاريخ النشر</label>
                        </div>
                        <div class="input-with-icon  right col-md-8 col-sm-12">
                            <input type="text" name="published_at" id="published_at_input" class="form-control">
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" onclick='closeModal()' aria-label="Close"><span aria-hidden="true">Cancel</span></button>
                    <button type="submit" class="btn btn-primary">تحديث</button>
                </div>
            {!! Form::close() !!}
        </div>
    </div>
</div>

@endsection

@section('page_script')
<script type="text/javascript" language="javascript" class="init">

    jQuery('#push_notification_form').submit(function (event) {
        var pass = true;
        //some validations

        if (pass == false) {
            return false;
        }
        form = this;
        jQuery('#btn-submit').attr('disabled', 'disabled');
        event.preventDefault();
        setTimeout(function () {
            form.submit();
        }, 500);
        jQuery('#progressbar').show();

        return true;
    });

    jQuery(document).ready(function ($) {

        /*Open Modal Functionality*/
        $('#myModal').hide();
        $('.open-model-btn').click(function(){
            $('#myModal').modal('show');
        });

        // Columns and column defs to be used in both tables
        var columns = [
                {data: 'check', name: 'check'},
                {data: 'id', name: 'id'},
                {data: 'nodeID', name: 'nodeID'},
                {data: 'name', name: 'name'},
                {data: 'total_images', name: 'total_images'},
                {data: 'updated_at', name: 'worthies.updated_at'},
                {data: 'actions', name: 'actions'}
            ];

        var columns2 = [
            {data: 'sequence', name: 'sequence'},
            {data: 'check', name: 'check'},
            {data: 'id', name: 'id'},
            {data: 'nodeID', name: 'nodeID'},
            {data: 'name', name: 'name'},
            {data: 'total_images', name: 'total_images'},
            {data: 'updated_at', name: 'worthies.updated_at'},
            {data: 'actions', name: 'actions'}
        ];
        var columnDefs = [
            {
                "targets": [1],
                "visible": false,
                "searchable": false
            },
            {
                "targets": [0,1,2,3,4,5,6],
                "searchable": false
            },
            {
                "targets": [0, 1, 2, 3, 4,5,6],
                "orderable": false
            }
        ];
        var columnDefs2 = [
            {
                "targets": [2],
                "visible": false,
                "searchable": false
            },
            {
                "targets": [0,1,2,3,4,5,6,7],
                "searchable": false
            },
            {
                "targets": [0, 1, 2, 3, 4,5,6,7],
                "orderable": false
            }
        ];

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

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

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

        $("#datatable-example3.sortable tbody").sortable({
            helper: function (e, tr) {
                var $originals = tr.children();
                var $helper = tr.clone();
                $helper.children().each(function (index) {
                    $(this).width($originals.eq(index).width())
                });
                return $helper;
            },
            stop: function (e, ui) {

                $('#datatable-example3 tbody tr:odd').removeClass('alt-row');
                $('#datatable-example3 tbody tr:even').removeClass().addClass('alt-row');
                var ids = [($('#datatable-example3 tbody tr').size() - 1)];
                var idsIndex = 0;
                $('#datatable-example3 tbody tr').each(function (i) {
                    rcheckbox = $(this).find(':checkbox');
                    if (rcheckbox.length > 0) {
                        ids[idsIndex] = rcheckbox.val();
                        idsIndex++;
                    }
                });
                rids = ids.join(',');
                var reorderUrl = $('#datatable-example3.sortable').attr('data-reorderUrl');
                $.post(
                    reorderUrl,
                    {
                        ids: rids
                    },
                    function (response) {

                    },'json');

            }
        }).disableSelection();

        $('#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");

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

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

    });
    function editPublishDate(id, published_at){
        $('#published_at_input').val(published_at);
        $('#photo_album_id_input').val(id);
        $('#editPublishModal').modal('show');
    }


</script>
@endsection