@extends('adminlte::page')

@section('title', 'Edit photo gallery')

@section('content_header')
    <h1>Manage photo gallery</h1>
@stop

@section('content')
    <div class="callout callout-info">
        <h4>Reminder!</h4>
    </div>


    <div class="box box-primary">
        <div class="box-header with-border">
            <h3 class="box-title">Edit gallery</h3>
        </div>

        @if(Session::has('statues'))
            <div class="alert alert-success alert-dismissible">
                <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                <h4><i class="icon fa fa-check"></i> Success!</h4>
                {{ Session::get('statues') }}
            </div>
        @endif
        @if (count($errors) > 0)
            <div class="alert alert-danger">
                <strong>Whoops!</strong> There were some problems with your input.<br><br>
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        {!! Form::model($photoGallery, [
        'method' => 'PATCH',
        'route'  => ['photo-gallery.admin.photo-gallery.update', $photoGallery->id],
        'files'  => 'true'
        ]) !!}
        <div class="box-body">
            <p class="lead text-light-blue"><i class="fa fa-info-circle text-red" aria-hidden="true"></i> Gallery
                Details</p>
            <div class="form-group">
                {!! Form::label('title', 'Gallery title') !!}
                {!! Form::text('title', null, array('placeholder'=>'Gallery title', 'class'=>'form-control')) !!}
            </div>

            <div class="form-group">
                <p>{!! Html::image('images/photoGallery/'.$photoGallery->image, '', ['width'=>200]) !!}</p>
                {!! Form::label('image', 'Gallery main image') !!}
                {!! Form::file('image') !!}
                <p class="help-block">Please review the upload instructions in 'Reminder!'</p>
            </div>
        </div>

        <div class="box-footer">
            {!! Form::submit('Edit Gallery', array('class'=>'btn btn-primary')) !!}
        </div>
        {!! Form::close() !!}
    </div>

    {{--
        *********************
        *   Manage images   *
        *********************
    --}}
    <div class="box box-primary">
        <div class="box-header with-border">
            <h3 class="box-title">
                <span class="lead text-light-blue">
                    <i class="fa fa-info-circle text-red" aria-hidden="true"></i> Gallery Images
                </span>
            </h3>
        </div>

        <div class="box-body">
            {!! Form::open(['route'=>'photo-gallery-image.admin.photo-gallery-image.store', 'files'=>'true']) !!}
            <div class="form-group">
                {!! Form::label('gImg', 'Project images') !!}
                <p>You can select multi images</p>
                {!! Form::file('gImg[]', ['multiple']) !!}
                {!! Form::hidden('decorationId', $photoGallery->id) !!}
                <p class="help-block">Please review the upload instructions in 'Reminder!'</p>
            </div>
            <div class="form-group">
                {!! Form::submit('Update', array('class'=>'btn btn-primary')) !!}
            </div>
            {!! Form::close() !!}

        </div>
    </div>

    <div class="box box-default collapsed-box box-solid">
        <div class="box-header with-border">
            <h3 class="box-title">Current gallery images</h3>
            <div class="box-tools pull-right">
                <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-plus"></i>
                </button>
            </div>
        </div>
        {!! Form::open([
        'method' => 'delete',
        'route' => 'photo-gallery-image-delete.dSelected'
        ]) !!}
        <div class="box-body">
            <div class="box-tools">
                <p>Available actions</p>
                <a href="#" class="btn btn-danger" title="Delete"
                   data-toggle="modal"
                   data-target="#confirm-delete-all-proImg">
                    Delete All
                </a>

                -
                {!! Form::submit('Delete Selected', ['class'=>'btn btn-danger']) !!}
            </div>
            <hr>
            @foreach($photoGallery->galImage as $galImage)
                <div class="elmint">
                    {!! Html::image('images/photoGallery/'.$galImage->image, '', ['width'=>200]) !!}
                    <div class="checkboxFour">
                        {!! Form::checkbox('delete[]', $galImage->id) !!}
                        {!! Form::label('delete', ' ') !!}
                    </div>
                    <a href="#" class="btn btn-danger" title="Delete"
                       data-toggle="modal"
                       data-target="#confirm-delete-proImg{!! $galImage->id !!}">
                        <i class="fa fa-trash"></i>
                    </a>
                </div>
            @endforeach
        </div>
        {!! Form::close() !!}
    </div>


    {{--
       *********************
       Delete section
       *********************
    --}}

    {{-- Project Image
        *********************
        --}}

    {{--delete single image--}}
    @foreach($photoGallery->galImage as $galImage)
        <div class="modal fade" id="confirm-delete-proImg{!! $galImage->id !!}" tabindex="-1"
             role="dialog" aria-labelledby="myModalLabel"
             aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        Confirm Delete
                    </div>
                    <div class="modal-body">
                        You are about to delete one image, this procedure is irreversible.<br> Do you
                        want to proceed?
                    </div>
                    <div class="modal-footer">
                        <button type="button"
                                class="btn btn-default pull-right margin-left-6px"
                                data-dismiss="modal">
                            Cancel
                        </button>

                        {!! Form::open([
                        'method' => 'delete',
                        'route'  => ['photo-gallery-image.admin.photo-gallery-image.destroy', $galImage->id]
                         ]) !!}
                        {!! Form::submit('Confirmed', ['class'=>'btn btn-danger btn-ok']) !!}
                        {!! Form::close() !!}
                    </div>
                </div>
            </div>
        </div>
    @endforeach

    {{--delete all project images--}}
    <div class="modal fade" id="confirm-delete-all-proImg" tabindex="-1"
         role="dialog" aria-labelledby="myModalLabel"
         aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    Confirm Delete
                </div>
                <div class="modal-body">
                    You are about to delete all images under this gallery, this procedure is irreversible.<br>
                    Do you
                    want to proceed?
                </div>
                <div class="modal-footer">
                    <button type="button"
                            class="btn btn-default pull-right margin-left-6px"
                            data-dismiss="modal">
                        Cancel
                    </button>

                    {!! Form::open([
                    'method' => 'delete',
                    'route'  => ['photo-gallery-image-delete-all.dAll', $photoGallery->id]
                     ]) !!}
                    {!! Form::submit('Confirmed', ['class'=>'btn btn-danger btn-ok']) !!}
                    {!! Form::close() !!}
                </div>
            </div>
        </div>
    </div>

@stop