@extends('admin/layouts/dashboard')

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

@section('content')
    <div class="card">
        <div class="card-header header-elements-inline">
            <h4>Редактирование элемента коллекции: <b>{{ $data->name }}</b></h4>
        </div>

        <div class="card-body">
            <form method="POST" action="{{ route('admin.collection_item.update', $data->id) }}" enctype="multipart/form-data">
                @csrf

                {{ Form::hidden('_method', 'PUT') }}

                <div class="form-group">
                    <div class="row">
                        <div class="col-sm-12">
                            <h4>Данные о элементе коллекции</h4>
                        </div>
                    </div>
                </div>

                <div class="form-group">
                    <div class="row">
                        <div class="col-sm-12">
                            {{ Form::label('name', 'Название') }}
                            {{ Form::text('name', $data->name, array('class' => 'form-control', 'placeholder' => 'Введите название', 'required'=>'required')) }}
                        </div>
                    </div>
                </div>

                <div class="form-group">
                    <div class="row">
                        <div class="col-sm-12">
                            {{ Form::label('name', 'Содержимое') }}

                            <div id="js-content">{{ \Illuminate\Support\Facades\Input::old('content') ? \Illuminate\Support\Facades\Input::old('content') : $data->content }}</div>

                            <input type="hidden" name="content" value="{{ \Illuminate\Support\Facades\Input::old('content') ? \Illuminate\Support\Facades\Input::old('content') : $data->content }}">
                        </div>
                    </div>
                </div>

                <div class="form-group">
                    <div class="row">
                        <div class="col-sm-12">
                            {{ Form::label('name', 'Дополнительное поле1') }}
                            {{ Form::text('additional_field1', $data->additional_field1, array('class' => 'form-control', 'placeholder' => 'Дополнительное поле')) }}
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <div class="row">
                        <div class="col-sm-12">
                            {{ Form::label('name', 'Дополнительное поле2') }}
                            {{ Form::text('additional_field2', $data->additional_field2, array('class' => 'form-control', 'placeholder' => 'Дополнительное поле')) }}
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <div class="row">
                        <div class="col-sm-12">
                            {{ Form::label('name', 'Дополнительное поле3') }}
                            {{ Form::text('additional_field3', $data->additional_field3, array('class' => 'form-control', 'placeholder' => 'Дополнительное поле')) }}
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <div class="row">
                        <div class="col-sm-12">
                            {{ Form::label('name', 'Дополнительное поле4') }}
                            {{ Form::text('additional_field4', $data->additional_field4, array('class' => 'form-control', 'placeholder' => 'Дополнительное поле')) }}
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <div class="row">
                        <div class="col-sm-12">
                            {{ Form::label('name', 'Дополнительное поле5') }}
                            {{ Form::text('additional_field5', $data->additional_field5, array('class' => 'form-control', 'placeholder' => 'Дополнительное поле')) }}
                        </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" value="{{ $data->date }}">
                        </div>
                    </div>
                </div>

                @if( !empty($data->picture) )
                    <div class="form-group">
                        <div class="row">
                            <div class="col-sm-12">
                               <img src="{{ URL::to('/') }}/{{ $data->picture }}" class="img-fluid" style="max-width: 500px;">
                            </div>
                        </div>
                    </div>
                @endif

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

                <div class="form-group">
                    <div class="row">
                        <div class="col-sm-12">
                            {{ Form::label('name', 'Видео') }}
                            {{ Form::label('name', $data->video) }}
                            <input name="video" type="file" class="form-control">
                        </div>
                    </div>
                </div>

                <div class="form-group">
                    <div class="row">
                        <div class="col-sm-12">
                            <button type="submit" class="btn btn-success">Сохранить</button>
                        </div>
                    </div>
                </div>
            </form>
        </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/php");

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

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