@extends('layout.backend.containerform')
@section('footer_js')
    <script type="text/javascript">
        $(document).ready(function () {
            $('#sidebar li').removeClass('active');
            $('#sidebar a').removeClass('active');
            $('#sidebar').find('#gallery').addClass('active');
            $('#sidebar').find('#album').addClass('active');

            $('.date-picker').datepicker({format: 'yyyy-mm-dd'});

            $('#photoAddForm').formValidation({
                framework: 'bootstrap',
                excluded: ':disabled',
                icon: {
                    valid: 'glyphicon glyphicon-ok',
                    invalid: 'glyphicon glyphicon-remove',
                    validating: 'glyphicon glyphicon-refresh'
                },
                fields: {
                    attachment: {
                        validators: {
                            notEmpty: {
                                message: 'This attachment field is required.'
                            },
                            file: {
                                extension: 'jpg,jpeg,png',
                                maxSize: 10485760,   // 1 * 1024 * 1024
                                message: 'The selected file is not valid or file size greater than 10 MB.'
                            }
                        }
                    },
                }
            });
        });
    </script>
@endsection
@section('dynamicdata')

    <div class="row">
        <div class="col-md-12">

            <div data-collapsed="0" class="panel">
                <header class="panel-heading">
                    Add Photo : {!! $album->caption !!}
                </header>

                <div class="panel-body">

                    @include('layout.backend.alert')

                    <form id="photoAddForm" action="{{ route('admin.gallery.album.photo.store', $album->id) }}" method="post"
                          enctype="multipart/form-data">
                          <div class="form-group col-md-6 col-xs-11">
                                <label for="attachment">Attachments</label>

                                <div class="fileupload fileupload-new" data-provides="fileupload">
                                    <div class="fileupload-preview fileupload-exists thumbnail" style="max-width: 200px; max-height: 150px; line-height: 20px;"></div>
                                    <div>
                                                   <span class="btn btn-white btn-file">
                                                   <span class="fileupload-new"><i class="fa fa-paper-clip"></i> Select Images</span>
                                                   <span class="fileupload-exists"><i class="fa fa-undo"></i> Change</span>
                                                   <input type="file" name="attachments[]" multiple class="default" />
                                                   </span>
                                    </div>
                                </div>
                                <span class="label label-danger">NOTE!</span>
                                <span>You can attach multiple files. Valid file extensions are jpg,jpeg and png.</span>

                            </div>
                            <div class="clearfix"></div>
                          <div class="form-group col-md-6 col-xs-11">
                            <label for="moduleSlug">Caption *</label>
                            <input type="text" name="caption" value="{!! old('caption') !!}"
                                   class="form-control caption" placeholder="Enter caption"/>
                        </div>
                        <div class="clearfix"></div>
                        <div class="form-group col-md-6 col-xs-11">
                            <label for="">Status</label>
                            <select name="is_active" class="form-control">
                                <option value="0">Unpublished</option>
                                <option value="1">Published</option>
                            </select>
                        </div>
                        <div class="clearfix"></div>

                        <div class="clearfix"></div>

                        {!! csrf_field() !!}
                        <button type="submit" class="btn btn-info">Submit</button>
                            <input type="hidden" name="album_id" value="{!! $album->id !!}"/>
                    </form>

                </div>

            </div>

        </div>
    </div>
@stop