@extends('admin/layouts/dashboard')

@section('breadcrumbs', Breadcrumbs::render(Route::current()->getName(), $body))

@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header header-elements-inline">
                    <h5 class="card-title">Добавить новый элемент HTML коллекции</h5>
                </div>

                <div class="card-body">
                    {{ Form::open( array('url' => route('admin.body_review.store'), 'method' => 'POST', 'enctype' => 'multipart/form-data') ) }}

                    <div class="form-group">
                        <div class="row">
                            <div class="col-sm-12">
                                {{ Form::label('name', 'ФИО*') }}
                                <input type="text" name="fio" class="form-control" required>
                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="row">
                            <div class="col-sm-12">
                                {{ Form::label('name', 'Email') }}
                                <input type="email" name="email" class="form-control">
                            </div>
                        </div>
                    </div>
                    
                    <input name="body_id" type="hidden" value="{{ $body->id }}">

                    <div class="form-group">
                        <div class="row">
                            <div class="col-sm-12">
                                {{ Form::label('name', 'Рейтинг (число)') }}
                                <input type="number" name="rating" min="0" class="form-control">
                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="row">
                            <div class="col-sm-12">
                                <label for="name">Дата</label>
                                <input class="form-control" name="date" type="date">
                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="row">
                            <div class="col-sm-12">
                                {{ Form::label('name', 'Текст отзыва*') }}

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

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

                    <div class="form-group">
                        <div class="row">
                            <div class="col-sm-12">
                                {{ Form::label('name', 'Автомобиль') }}
                                <input type="text" name="car" class="form-control">
                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="row">
                            <div class="col-sm-12">
                                {{ Form::label('name', 'Изображение') }}
                                <input type="file" name="image"  class="form-control">
                            </div>
                        </div>
                    </div>


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

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


@section('script')
    <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/xml");

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

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