@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-left"></i></a>
    <h3>Requested Images - <span class="semi-bold">List</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 style="color: {{$gender_color}}">{{$person->name}}</span> {{$person->father_name.' '.$person->grand_father_name.' '.$person->g_grand_father_name}}<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>
                                </h3>
                            </div>
                        </div>
                        <div class='control' style="height: 36px;">
                            <div class="pull-right markaction">
                                @if(Auth::user()->can('photoalbums-edit'))
                                    @if($photoalbum->is_complete==0)
                                    <a href="javascript:void(0)" id="bulk_publish_later" class="btn btn-warning bulk_move" >Move</a>
                                    @endif
                                @endif
                                @if(Auth::user()->can('photoalbums-edit'))
                                   
                                    <a id="del" href="javascript:void(0)" class="btn btn-danger" data-url="{{ URL::to('admin/photoalbums/bulkrequestedimagedelete') }}">Delete</a>
                                  
                                @endif
                            </div>
                        </div>
                        </br>
                        <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>Image</th>
                                {{--<th>Photo Album</th>--}}
                                <th>Caption</th>
                                <th>Requested By</th>
                                <th>Requested At</th>
                                <th>Status</th>
                                <th>Actions</th>
                            </tr>
                            </thead>

                        </table>
                        <br>
                        <div class="form-actions">
                            <a href="{{ URL::route('admin.photoalbums.index')}}" class="btn btn-info pull-right">Back</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' => 'admin.photoalbums.movetoalbum','id'=>'form_editpublish']) !!}
            <div class="modal-header">
                <h4 class="modal-title" id="editPublishModalLabel"></h4>
            </div>
            <div class="modal-body">
                <p>Do you want to ignore non-selected images?</p>
                <input type="hidden" name="requested_image_id" id="requested_image_id_input" value="">
                <input type="hidden" name="request_status" id="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">Cancel</span></button>
                <button type="submit" class="btn btn-primary" value="yes" onclick="moveYes('yes');">Yes</button>
                <button type="submit" class="btn btn-primary" value="no" onclick="moveYes('no');">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>Do you want to ignore non-selected images?</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <input type="submit" name="push_and_publish" class="btn btn-primary" id="push_and_publish_btn" value="yes" onclick="moveYesBulk('yes');">
                <input type="submit" name="push_and_publish" class="btn btn-primary" id="push_and_publish_btn" value="no" 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">

    // 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('Nothing Selected');
        }else{
            $('#publishModal').modal('show');
        }
    });

    function moveYes(value){
        $('#request_image_id_input').val();
        $('#request_status').val(value);
        $('#progressbar').show();
        $('#form_editpublish').trigger('submit');
    }
    function moveYesBulk(value){
        $('#request_image_id_input').val();
        $('#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 () {
        $('#publish_date_input').datepicker({format: 'yyyy-mm-dd',autoclose: true});
        // $('#publish_date_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: 'publish_date', name: 'publish_date'},
            {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,
            
            ajax: {
                "url": "{{ URL::to('admin/photoalbums/'.$photo_album_id.'/requestedimagesdatatable') }}",
                "type": "POST"
            },
            columns: columns,
            "iDisplayLength": 50,
            "columnDefs": columnDefs
        });


    });

     $('input[type=checkbox]').each(function () {
        if(this.checked) {

             var status = $(this).closest("tr").find('td:eq(5)').text();
              if(status === "Copied" || status === "Ignored")
              {
                $("#del").prop("disabled",true);
              }
          }
     });

     
    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