@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('#banner').addClass('active');

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

            $('#bannerEditForm').formValidation({
                framework: 'bootstrap',
                excluded: ':disabled',
                icon: {
                    valid: 'glyphicon glyphicon-ok',
                    invalid: 'glyphicon glyphicon-remove',
                    validating: 'glyphicon glyphicon-refresh'
                },
                fields: {
                    attachment: {
                        validators: {
                            file: {
                                extension: 'jpg,jpeg,png',
                                maxSize: 10485760,   // 1 * 1024 * 1024
                                message: 'The selected file is not valid or file size greater than 10 MB.'
                            }
                        }
                    }
                }
            }).find('[name="caption"]')
                .each(function () {
                    $(this).ckeditor();
                });;
        });
    </script>
@endsection
@section('dynamicdata')

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

            <div data-collapsed="0" class="panel">
                <header class="panel-heading">
                    Edit Banner
                </header>

                <div class="panel-body">

                    @include('layout.backend.alert')

                    <form id="bannerEditForm" action="{{ route('admin.gallery.banner.update', $banner->id) }}"
                          method="post" enctype="multipart/form-data">

                        <div class="form-group col-md-6 col-xs-11">
                            <label for="moduleSlug">Caption </label>
                            <textarea name="caption"
                                   class="form-control caption" placeholder="Enter caption">{!! old('caption', $banner->caption) !!}</textarea>
                        </div>
                        <div class="clearfix"></div>

                        <div class="form-group col-md-6 col-xs-11">
                            <label for="moduleSlug">External Link</label>
                            <input type="text" name="external_link"
                                   class="form-control external_link"
                                   value="{!! $banner->external_link !!}"
                                   placeholder="Enter external link"/>
                        </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" {!! ($banner->is_active == '0')? 'selected="selected"' : '' !!} >
                                    Unpublished
                                </option>
                                <option value="1" {!!  ($banner->is_active == '1' || $banner->is_active == '')? 'selected="selected"' : '' !!} >
                                    Published
                                </option>
                            </select>
                        </div>
                        <div class="clearfix"></div>

                        <div class="form-group col-md-6 col-xs-11">
                            <label for="attachment">Attachment</label>

                            <div class="fileupload fileupload-new" data-provides="fileupload">
                                <div class="fileupload-new thumbnail" style="width: 200px; height: 150px;">
                                    @if(file_exists('uploads/banners/'.$banner->attachment) && $banner->attachment!='')
                                        <img src="{{ asset('uploads/banners/'.$banner->attachment) }}" alt="">
                                    @else
                                        <img src="{{ asset('uploads/noimage.jpg') }}" alt="">
                                    @endif
                                </div>
                                <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 image</span>
                                                   <span class="fileupload-exists"><i
                                                               class="fa fa-undo"></i> Change</span>
                                                   <input type="file" name="attachment" class="default"/>
                                                   </span>
                                </div>
                            </div>
                            <span class="label label-danger">NOTE!</span>
                            <span>Valid file extensions are jpg,jpeg and png.</span>

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

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

                </div>

            </div>

        </div>
    </div>
@stop