@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"/>
<link rel="stylesheet" type="text/css" href="{{ asset("assets/plugins/blueimp/blueimp-gallery.min.css") }}">

@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.photoalbums.index') !!} -->
<div class="page-title"> <a href="{{ URL('admin/photoalbums') }}"><i class="icon-custom-right"></i></a>
    <h3>معرض الصور - استمارات التواصل <span class="semi-bold"></span></h3>
</div>



<div class="row">
    <div class="col-md-12">
                <div class="grid simple vertical mobile-scroll">

                    <div class="grid-title no-border">

                    </div>
                                        <div class="grid-body no-border">
                        <div class="row form-group">
                            <div class="col-md-8 col-md-offset-4">
                                <h3><span class="nodeid-text {{$person->credentials_revoked==0 && $person->credentials_issued==1 && $person->is_disabled==0 ? 'active-color' : ''}}" onclick="showDaleelProfilePopup({{$person->family_tree_id}})"> {{$nodeID}}</span><span style="color: {{$gender_color}}"> {{$person->name}}</span> {{$person->father_name.' '.$person->grand_father_name.' '.$person->g_grand_father_name}}
                                </h3>
                            </div>
                        </div>
                         <div class="control control-height row">
                            <div class="col-md-6">
                            <div class="pull-right markaction">
                                <!-- @if($photoalbum->images()->where("is_copied",1)->get()->count()>0)
                                    <a class="btn btn-primary" href="{{ URL::route('admin.photoalbums.mark_complete_request',["photo_album_request_id"=>$photoalbum->id]) }}">علامة معلقة</a>
                                @endif -->

                                @if(Request::get("source") == 'complete_request')
                                    <a class="btn btn-primary" href="{{ URL::route('admin.photoalbums.mark_pending_request',["photo_album_request_id"=>$photoalbum->id]) }}">علامة معلقة</a>
                                @else
                                    @if($photoalbum->images()->where("is_copied",1)->get()->count()>0)
                                        <a class="btn btn-primary" href="{{ URL::route('admin.photoalbums.mark_complete_request',["photo_album_request_id"=>$photoalbum->id]) }}">علامة كاملة</a>
                                    @endif
                                @endif


                                @if(Auth::user()->hasPermission('photoalbums-edit'))
                                    @if($photoalbum->is_complete==0)
                                    <a href="javascript:void(0)" id="bulk_publish_later" class="btn btn-warning bulk_move" >تم الإنتهاء</a>
                                    @endif
                                @endif
                                @if(Auth::user()->hasPermission('photoalbums-edit'))
                                    <a id="del" href="javascript:void(0)" class="btn btn-danger" data-url="{{ URL::to('admin/photoalbums/bulkrequestedimagedelete') }}">حذف</a>
                                @endif
                            </div>
                            </div>
                        </div>




                        <table class="table table-bordered 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>Photo Album</th>--}}
                                <th>معلومات الصورة</th>
                                <th>إرسلت من</th>
                                <th>إرسلت في</th>

                                <th>الحالة</th>
                                <th></th>

                            </tr>
                            </thead>

                        </table><br><br><br>

                        <div class="form-action">
                            <a href="{{ URL::route('admin.photoalbums.index')}}" class="btn btn-info pull-right">السابق</a>
                        </div>

                    </div>


                </div>
     </div>
</div>

<!--Single Image move modal-->
<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.movetoalbum','id'=>'form_editpublish']) !!}
            <div class="modal-header">
                <h4 class="modal-title" id="editPublishModalLabel"></h4>
            </div>
            <div class="modal-body">
                <p>هل تريد رفض بقية الصور؟</p>
                <input type="hidden" name="requested_image_id" id="requested_image_id_input" value="">
                <input type="hidden" name="request_status" id="single_request_status" value="">
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" onclick='$("#editPublishModal").modal("hide");' aria-label="Close"><span aria-hidden="true">إلغاء</span></button>
                <button type="submit" class="btn btn-primary" value="yes" onclick="moveYes('yes');">نعم</button>
                <button type="submit" class="btn btn-primary" value="no" onclick="moveYes('no');">لا</button>
            </div>
            {!! Form::close() !!}
        </div>
    </div>
</div>

<!--Bulk Image move modal-->
<div id="publishModal" class="modal fade">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <label style="font-size: 16px;color: grey;"></label>
            </div>
            {!! Form::open(['url' => 'admin/photoalbums/bulkmovetoalbum','method' => 'POST','id'=>'bulk_image_move']) !!}
            <input type="hidden" name="image_ids" id="image_ids">
            <input type="hidden" name="request_status" id="request_status" value="">
            <div class="modal-body">
                <p>هل تريد رفض بقية الصور؟</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">إلغاء</button>
                <input type="submit" name="push_and_publish" class="btn btn-primary" id="push_and_publish_btn" value="نعم" onclick="moveYesBulk('yes');">
                <input type="submit" name="push_and_publish" class="btn btn-primary" id="push_and_publish_btn" value="لا" onclick="moveYesBulk('no');">
            </div>
            {!! Form::close() !!}
        </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')},
    });
    // When click on Bulk Move Button
    $(document).on('click','.bulk_move', function(){
        var type = $(this).data('type');
        var ids = '';
        var source_id = $(this).prop('id');
        if(source_id=='bulk_publish_later'){
            $('#publish_modal_submit').val('No');

            var selectedCheckboxItems = $('#datatable-example tbody :checkbox:checked').map(function () {
                return this.value;
            }).get();
            //console.log(selectedCheckboxItems);
            if (selectedCheckboxItems.length > 0) {
                selectedItem = selectedCheckboxItems.join(',');
                ids = selectedItem.replace('on,', '');
            }
        }
        $('#image_ids').val(ids);
        if (ids == '' || ids == null) {
            showErrorMessage('يجب إختيار إستمارة أو أكثر');
        }else{
            $('#publishModal').modal('show');
        }
    });

    function moveYes(value){
        $('#single_request_status').val(value);
        $('#progressbar').show();
        $('#form_editpublish').trigger('submit');
    }
    function moveYesBulk(value){
        $('#request_status').val(value);
        $('#progressbar').show();
        $('#bulk_image_move').trigger('submit');
    }

    // jQuery('#form_editpublish').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 ($) {
        //$('#example tbody').on('click', '.deleteaction', function () {
        $('#published_at_input').datepicker({format: 'yyyy-mm-dd',autoclose: true});
        // $('#published_at_input').datepicker({format: 'yyyy-mm-dd',endDate: '+0d',autoclose: true});
        $('body').append($('#editPublishModal'));

        var columns = [
            {data: 'check', name: 'check'},
            {data: 'id', name: 'id'},
            {data: 'image', name: 'image'},
            {data: 'caption', name: 'caption'},
            {data: 'sender_family_tree_id', name: 'sender_family_tree_id'},
            {data: 'published_at', name: 'published_at'},
            {data: 'is_copied', name: 'is_copied'},
            {data: 'actions', name: 'actions'}
        ];
        var columnDefs = [
            {
                "targets": [1],
                "visible": false,
            },
            @if($photoalbum->is_complete==1)
            {
                "targets": [7],
                "visible": false,
            },
            @endif
            {
                "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,
            pageLength: 50,
            language: { search: "",
                searchPlaceholder: "بحث",
						processing: "<img src='{{url('/')}}/assets/img/Webp.net-resizeimage.gif' />",
						emptyTable: "لا يوجد محتوى",
						zeroRecords: "لا يوجد محتوى",

						},
            ajax: {
                "url": "{{ URL::to('admin/photoalbums/'.$photo_album_id.'/requestedimagesdatatable') }}",
                "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");

    });

    function moveToAlbum(id){
        $('#requested_image_id_input').val(id);
        $('#editPublishModal').modal('show');
    }
</script>
<script src="{{ asset("assets/plugins/blueimp/jquery.blueimp-gallery.min.js") }}"></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