@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

<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">
                @can('worthy-edit')
                    <a id="hide" href="javascript:void(0)" class="btn btn-warning" data-url="{{ route('admin.worthy.bulkhide') }}">إرسال إلى المسودة</a>
                @endcan
                @can('worthy-destroy')
                    <a id="del" href="javascript:void(0)" class="btn btn-danger" data-url="{{ route('admin.worthy.bulkdelete') }}">حذف</a>
                @endcan
            </div>
            <div class="col-md-6 c-page-title">
                   <span>شخصيات</span>
            </div>
            <div class="col-md-3">
            @if(Auth::user()->can('worthy-create'))
                <a class="btn btn-primary" href="{{ URL::to('admin/worthy/create') }}">إضافة شخصية</a>
            @endif
            </div>
        </div>
        <br>
        <table class="table table-hover datatable" 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>
                    <th></th>
                </tr>
            </thead>
        </table>
        <br><br><br>
        <div class='row control'>
            <div class="col-md-3 text-left markaction">
                @can('photoalbums-edit')
                    <a id="show2" href="javascript:void(0)" class="btn btn-success" data-url="{{ route('admin.worthy.bulkshow') }}">نشر</a>
                @endcan
                @can('photoalbums-destroy')
                    <a id="del2" href="javascript:void(0)" class="btn btn-danger" data-url="{{ route('admin.worthy.bulkdelete') }}">حذف</a>
                @endcan
            </div>
            <div class="col-md-6 c-page-title">
                <span>المسودة</span>
            </div>
        </div>
        <br/>
        <table class="table 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>
                    <th></th>
                </tr>
            </thead>
        </table>
    </div>
</div>
</br></br>

<form method="POST" class="inline" id="bulkaction">
    @csrf
    <input type="hidden" value="" name="ids" id="ids" />
</form>

<div class="modal fade" id="editPublishModal" tabindex="-1" role="dialog" aria-labelledby="editPublishModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <form method="POST" action="{{ route('admin.photoalbums.updatepublish') }}" id="form_editpublish">
                @csrf
                <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>
        </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 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
            }
        ];

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

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


</script>
@endsection