@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.param.store'), 'method' => 'POST', 'enctype' => 'multipart/form-data') ) }}

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

            @include('admin.helper.form.input', [
                'name' => 'slug',
                'label' => 'Идентификатор'
            ])

            <div class="form-group">
                <label>Тип переменной</label>
                <select class="form-control" name="type">
                    @foreach(\JustWeCMS\Modules\Param\Entities\Param::$types as $key => $type)
                        <option value="{{ $key }}">{{ $type }}</option>
                    @endforeach
                </select>
            </div>

            <div class="form-group js-change-type" data-type="text">
                <label>Значение</label>

                <input name="value_text" class="form-control">
            </div>

            <div class="form-group js-change-type" data-type="html" style="display: none;">
                <label>Значение</label>
                <div id="js-ace"></div>

                <input type="hidden" name="value_html" value="">
            </div>

            <div class="form-group js-change-type" data-type="list" style="display: none;">
                <label>Значение указывается через запятую</label>

                <input name="value_list" class="form-control">
            </div>

            <div class="form-group js-change-type" data-type="file" style="display: none;">
                <label>Значение</label>

                <input type="file" name="value_file">
            </div>

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

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

@section('script')
    @include('admin.helper.unique', [
        'entity' => "\\\JustWeCMS\\\Modules\\\Param\\\Entities\\\Param"
    ])
    <script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.3.3/ace.js"></script>

    <script>
        (function() {
            function aceInit() {
                let value = $('input[name="value_html"]');

                let editor = ace.edit("js-ace");

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

                editor.getSession().on("change", function () {
                    $(value).val( editor.getSession().getValue() );
                });
            }

            aceInit();

            $('select[name="type"]').change(function() {
                let type = $(this).val();

                $('.js-change-type').hide();

                $('.js-change-type[data-type="' + type + '"]').show();
            });
        })();
    </script>
@endsection