@extends('../nn_cms/index')



@section('content')



    <div class="page-content">

        <!-- BEGIN PAGE HEADER-->

        <!-- BEGIN PAGE BAR -->

        <div class="page-bar">

            <ul class="page-breadcrumb">

                <li>

                    <a href="{{ url(getCurrentLocale() . '/manager') }}">{{ trans('general.bcHome') }}</a>

                    <i class="fa fa-circle"></i>

                </li>

                {{-- <li>

                    <span>selected</span>

                </li> --}}

            </ul>

        </div>

        <!-- END PAGE BAR -->

        <!-- BEGIN PAGE TITLE-->

        <h3 class="page-title"> {{ trans('general.ptGalleryItems') }}

        </h3>

        <!-- END PAGE TITLE-->

        <!-- END PAGE HEADER-->

        <a href="{{ url(getCurrentLocale() . '/manager/collection/' . $collectionId . '/gallery') }}" class="btn green btn-outline sbold uppercase margin-bottom-20"><i class="fa fa-arrow-left"></i> {{ trans('general.back') }}</a>

        <!-- END BACK BTN -->

        <div class="portlet light bordered">

            <div class="portlet-body clearfix">

                <!-- Need Here BTN !!! -->

                <ul class="list-inline pull-left">

                    <li>

                        <a href="#" class="btn blue btn-outline sbold uppercase add-new-photo" data-toggle="modal" data-target="#add-gallery-item">{{ trans('general.cAddNew') }}</a>

                    </li>

                </ul>

                <ul class="list-inline pull-right">

                    <li>

                        <label for="" class="control-label">{{ trans('general.sort') }}</label>

                        <input type="checkbox" class="make-switch sort-switch-box" data-on-color="primary" data-off-color="default" data-size="small">

                    </li>

                    <li>

                        <label class="mt-checkbox mt-checkbox-outline">

                            <input type="checkbox" class="check-all"> {{ trans('general.checkAll') }}

                            <span></span>

                        </label>

                    </li>

                    <li>

                        <a href="#" class="btn red btn-outline sbold uppercase delete-all" data-toggle="modal" data-target="#delete-all"> {{ trans('general.delete') }} </a>

                    </li>

                    <li>

                        <a href="#" class="btn blue-soft btn-outline sbold uppercase save-changes" rel="tooltip" data-placement="top" title="{{ trans('general.cSave') }}" data-update-success-text="{{ trans('general.updateSuccess') }}" data-update-error-text="{{ trans('general.updateError') }}"><i class="fa fa-save fa-lg" aria-hidden="true"></i></a>

                    </li>

                </ul>

            </div>

        </div>

        <div class="row ui-sortable" id="sortable" data-gallery_id="{{ $gallery->id }}">



            @foreach($galleryItem as $item)

            <div class="col-md-4 col-lg-5ths ui-state-default" data-id="{{ $item->id }}">

                <div class="draggable-box">

                    <div class="draggable-box-title ui-sortable-handle">

                        <div class="caption font-blue-sharp">

                            <span class="caption-subject bold uppercase">{{ $item->name }}</span>

                            <span class="caption-helper">{{ $item->description }}</span>

                        </div>

                        <div class="actions">

                            <a href="#edit-gallery-item" class="btn blue-sharp btn-circle btn-sm edit" rel="tooltip" data-placement="top" title="{{ trans('general.edit') }}" data-toggle="modal" data-target="#edit-gallery-item">

                                <i class="fa fa-pencil"></i></a>

                            <a href="#delete-item" class="btn btn-circle btn-default btn-sm del" rel="tooltip" data-placement="top" title="{{ trans('general.delete') }}" data-toggle="modal">

                                <i class="fa fa-remove"></i></a>

                        </div>

                    </div>

                    <div class="draggable-box-body">

                        <img src="{{ $item->imgurl }}" width="600" height="600" class="img-responsive center-block">

                    </div>

                </div>

            </div>

            <!-- /Sortable item END -->

            @endforeach



        </div>

    </div>



    <!-- Modal Add Gallery Item -->

    <div class="modal fade" id="add-gallery-item" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">

        <div class="modal-dialog" role="document">

            <div class="modal-content">

                {!! Form::open(array('url' => getCurrentLocale() . '/manager/collection/gallery/items/store', 'files' => true, 'class' => 'form')) !!}

                    <div class="modal-header">

                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>

                        <h4 class="modal-title" id="myModalLabel">{{ trans('general.galleryAddTitle') }}</h4>

                    </div>

                    <div class="modal-body">

                        <input name="gallery_id" value="{{ $gallery->id }}" type="hidden">

                        <div class="form-group">

                            <label for="fc-name">{{ trans('general.fclbName') }}</label>

                            <input type="text" name="name" id="fc-name" class="form-control">

                        </div>

                        <div class="form-group">

                            <label for="fc-description">{{ trans('general.fclbDesc') }}</label>

                            <textarea name="description" id="fc-description" class="form-control"></textarea>

                        </div>

                        <div class="form-group">

                            <label for="imgurl">{{ trans('general.fclbFile') }}</label>

                            <img src="{{ url('assets/nn_cms/custom/images/default-780x450.png') }}" id="showImg"  class="img-responsive img-thumbnail center-block" alt="gallery-item photo">

                            <input type="hidden" id="imgurl" name="imgurl" data-required="1" class="form-control" value="">

                            <button type="button" class="btn green-sharp btn-block sbold uppercase margin-top-10 filemanager-btn" data-lang="">{{ trans('general.fclbSetPhotoBtn') }}</button>

                        </div>

                    </div>

                    <div class="modal-footer">

                        <button type="button" class="btn btn-default" data-dismiss="modal">{{ trans('general.fclbClose') }}</button>

                        <button type="submit" class="btn btn-primary">{{ trans('general.fclbAdd') }}</button>

                    </div>

                {!! Form::close() !!}

            </div>

        </div>

    </div>



    <!-- Modal Edit Gallery Item -->

    <div class="modal fade" id="edit-gallery-item" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">

        <div class="modal-dialog" role="document">

            <div class="modal-content">



                <div class="modal-header">

                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>

                    <h4 class="modal-title" id="myModalLabel">{{ trans('general.galleryUpdateTitle') }}</h4>

                </div>



                <div class="portlet light">

                    <div class="portlet-body form">



                        <div class="tabbable-line">