@extends('admin/layouts/dashboard')

@section('breadcrumbs', Breadcrumbs::render(Route::currentRouteName()))

@section('content')
    <div class="card">
        <div class="card-header header-elements-inline">
            <h5 class="card-title">Добавить страницу сайта</h5>
        </div>

        <div class="card-body">
            {{ Form::open( array('url' => route('admin.page.store'), 'method' => 'POST') ) }}

            @include('admin.helper.form.input', [
                'name' => 'name',
                'label' => 'Название'
            ])

            @include('admin.helper.form.input', [
                'name' => 'slug',
                'label' => 'URL'
            ])

            <div class="form-group">
                <div class="row">
                    <div class="col-sm-12">
                        <label>Содержимое</label>

                        <div id="js-content"></div>

                        <input type="hidden" name="content">
                    </div>
                </div>
            </div>

            @include('admin.helper.form.input', [
                'name' => 'title',
                'label' => 'Title'
            ])

            @include('admin.helper.form.input', [
                'name' => 'keywords',
                'label' => 'Keywords'
            ])

            @include('admin.helper.form.input', [
                'name' => 'description',
                'label' => 'Description'
            ])

            @include('admin.helper.form.submit', [
                'label' => 'Добавить'
            ])

            {{ Form::close() }}
        </div>
    </div>
@endsection

@section('script')
    @include('admin.helper.unique', [
        'entity' => "\\\JustWeCMS\\\Entities\\\Page"
    ])

    <script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.3.3/ace.js"></script>

    <script>
        // Инициализируем редактор
        let editor = ace.edit("js-content");

        editor.setTheme("ace/theme/xcode");
        editor.session.setMode("ace/mode/php");

        let textarea = $('input[name="content"]');

        editor.getSession().on("change", function () {
            textarea.val(editor.getSession().getValue());
        });
    </script>
@endsection