@extends ('backend.layouts.app')

@section ('title', __('page::labels.backend.page.management') . ' | ' . __('page::labels.backend.page.edit'))

@section('breadcrumb-links')
    @include('page::includes.breadcrumb-links')
@endsection

@push('after-styles')
    <link rel="stylesheet" type="text/css" href="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.9/summernote.css">
@endpush

@section('content')
{{ html()->modelForm($page, 'PATCH', route('admin.page.update', $page->id))->class('form-horizontal')->open() }}
    <div class="card">
        <div class="card-body">
            <div class="row">
                <div class="col-sm-5">
                    <h4 class="card-title mb-0">
                        {{ __('page::labels.backend.page.management') }}
                        <small class="text-muted">{{ __('page::labels.backend.page.edit') }}</small>
                    </h4>
                </div><!--col-->
            </div><!--row-->

            <hr />

            <div class="row mt-4 mb-4">
                <div class="col">

                    
                    <div class="form-group row">
                    {{ html()->label(__('page::labels.backend.page.table.page').'<span class="text-danger">*</span>')->class('col-md-2 form-control-label')->for('page') }}

                        <div class="col-md-10">
                            {{ html()->text('page')
                                ->class('form-control')
                                ->placeholder(__('page::labels.backend.page.table.page'))
                                ->attribute('maxlength', 191)
                                ->required() }}
                        </div><!--col-->
                    </div><!--form-group-->

                    <div class="form-group row">
                    {{ html()->label(__('page::labels.backend.page.table.meta_tags'))->class('col-md-2 form-control-label')->for('meta_tags') }}

                        <div class="col-md-10">
                            {{ html()->textarea('meta_tags')
                                ->class('form-control')
                                ->placeholder(__('page::labels.backend.page.table.meta_tags')) }}
                        </div><!--col-->
                    </div><!--form-group-->

                    <div class="form-group row">
                    {{ html()->label(__('page::labels.backend.page.table.keyword'))->class('col-md-2 form-control-label')->for('keyword') }}

                        <div class="col-md-10">
                            {{ html()->textarea('keyword')
                                ->class('form-control')
                                ->placeholder(__('page::labels.backend.page.table.keyword')) }}
                        </div><!--col-->
                    </div><!--form-group-->

                    <div class="form-group row">
                    {{ html()->label(__('page::labels.backend.page.table.title').'<span class="text-danger">*</span>')->class('col-md-2 form-control-label')->for('title') }}

                        <div class="col-md-10">
                            {{ html()->text('title')
                                ->class('form-control')
                                ->placeholder(__('page::labels.backend.page.table.title'))
                                ->attribute('maxlength', 191)
                                ->required() }}
                        </div><!--col-->
                    </div><!--form-group-->

                    <div class="form-group row">
                    {{ html()->label(__('page::labels.backend.page.table.content').'<span class="text-danger">*</span>')->class('col-md-2 form-control-label')->for('content') }}

                        <div class="col-md-10">
                            {{ html()->textarea('content')
                                ->class('form-control editor')
                                ->placeholder(__('page::labels.backend.page.table.content'))
                                ->required() }}
                        </div><!--col-->
                    </div><!--form-group-->

                    <div class="form-group row">
                    {{ html()->label(__('page::labels.backend.page.table.mm_title').'<span class="text-danger">*</span>')->class('col-md-2 form-control-label')->for('mm_title') }}

                        <div class="col-md-10">
                            {{ html()->text('mm_title')
                                ->class('form-control')
                                ->placeholder(__('page::labels.backend.page.table.mm_title'))
                                ->attribute('maxlength', 191)
                                ->required() }}
                        </div><!--col-->
                    </div><!--form-group-->

                    <div class="form-group row">
                    {{ html()->label(__('page::labels.backend.page.table.mm_content').'<span class="text-danger">*</span>')->class('col-md-2 form-control-label')->for('mm_content') }}

                        <div class="col-md-10">
                            {{ html()->textarea('mm_content')
                                ->class('form-control editor')
                                ->placeholder(__('page::labels.backend.page.table.mm_content'))
                                ->required() }}
                        </div><!--col-->
                    </div><!--form-group-->

                    <div class="form-group row">
                    {{ html()->label(__('page::labels.backend.page.table.sort').'<span class="text-danger">*</span>')->class('col-md-2 form-control-label')->for('sort') }}

                        <div class="col-md-10">
                            {{ html()->text('sort')
                                ->class('form-control')
                                ->placeholder(__('page::labels.backend.page.table.sort'))
                                ->required() }}
                        </div><!--col-->
                    </div><!--form-group-->

                    <div class="form-group row">
                        {{ html()->label(__('validation.attributes.backend.access.users.active').' <span class="text-danger">*</span>')->class('col-md-2 form-control-label')->for('active') }}

                        <div class="col-md-10">
                            <label class="switch switch-3d switch-primary">
                                @if($page->active)
                                    {{ html()->checkbox('active', true)->class('switch-input') }}
                                @else
                                    {{ html()->checkbox('active', false)->class('switch-input') }}
                                @endif
                                <span class="switch-label"></span>
                                <span class="switch-handle"></span>
                            </label>
                        </div><!--col-->
                    </div><!--form-group-->

                </div><!--col-->
            </div><!--row-->
        </div><!--card-body-->

        <div class="card-footer">
            <div class="row">
                <div class="col">
                    {{ form_cancel(route('admin.page.index'), __('buttons.general.cancel')) }}
                </div><!--col-->

                <div class="col text-right">
                    {{ form_submit(__('buttons.general.crud.update')) }}
                </div><!--row-->
            </div><!--row-->
        </div><!--card-footer-->
    </div><!--card-->
{{ html()->closeModelForm() }}
@endsection

@push('after-scripts')
<script src="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.9/summernote.js"></script>
<script>
    $(document).ready(function () {
        $('.editor').summernote({
            height: 300,
            // airMode: true,
            popover: {
                image: [],
                link: [],
                air: []
            },
            // placeholder: 'Type with apple, orange, watermelon and lemon',
            // hint: {
            //     words: ledgen,
            //     match: /\b(\w{1,})$/,
            //     search: function (keyword, callback) {
            //         callback($.grep(this.words, function (item) {
            //         return item.indexOf(keyword) === 0;
            //         }));
            //     }
            // }
        });
    });
</script>
@endpush