@extends('admin/layouts/dashboard')

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

@section('content')
    <div class="card">
        <div class="card-header header-elements-inline">
            <h5 class="card-title">Редактировать марку автомобиля</h5>
        </div>

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

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

                @include('admin.helper.form.input', [
                    'name' => 'name',
                    'value' => $mark->name,
                    'label' => 'Название марки'
                ])

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

                @include('admin.helper.form.input', [
                    'name' => 'video_link',
                    'value' => $mark->video_link,
                    'label' => 'Ссылка на видео описание'
                ])

                <div class="form-group">
                    <div class="row">
                        <div class="col-sm-12">
                            {{ Form::label('name', 'Иконка значка модели') }}
                            <br/>
                            <img src="{{ URL::to('/') }}/{{ $mark->image }}" class="img-fluid" style="height: 50px;">

                            <br/><br/>

                            <input type="file" name="image">

                            @if(isset($errors) AND $errors->has('image'))
                                <span class="form-text text-danger">{{ $errors->first('image') }}</span>
                            @endif
                        </div>
                    </div>
                </div>

                <div class="form-group">
                    <div class="row">
                        <div class="col-sm-12">
                            {{ Form::label('name', 'Баннер марки') }}
                            <br/>
                            <img src="{{ URL::to('/') }}/{{ $mark->banner }}" class="img-fluid" style="height: 50px;">
                            @if(isset($mark->banner))
                                @include('admin.helper.form.action_button', [
                                    'action' => [
                                        'remove' => URL::to( route("admin.mark.destroyBanner", [$mark->id]) )
                                    ],
                                    'remove_message' => 'Удалить баннер?'
                                ])
                            @endif
                            <br/><br/>

                            <input type="file" name="banner">

                            @if(isset($errors) AND $errors->has('banner'))
                                <span class="form-text text-danger">{{ $errors->first('banner') }}</span>
                            @endif
                        </div>
                    </div>
                </div>

                @include('admin.helper.form.input', [
                    'name' => 'link_banner',
                    'value' => $mark->link_banner,
                    'label' => 'Ссылка для баннера'
                ])

                <div class="form-group">
                    <div class="row">
                        <div class="col-sm-12">
                            {{ Form::label('name', 'Title (SEO)') }}

                            <div id="js-title">{{ $mark->title }}</div>

                            <input type="hidden" name="title" value="{{ $mark->title }}">
                        </div>
                    </div>
                </div>

                <div class="form-group">
                    <div class="row">
                        <div class="col-sm-12">
                            {{ Form::label('name', 'Keywords (SEO)') }}

                            <div id="js-keywords">{{ $mark->keywords }}</div>

                            <input type="hidden" name="keywords" value="{{ $mark->keywords }}">
                        </div>
                    </div>
                </div>

                <div class="form-group">
                    <div class="row">
                        <div class="col-sm-12">
                            {{ Form::label('name', 'Description (SEO)') }}

                            <div id="js-description">{{ $mark->description }}</div>

                            <input type="hidden" name="description" value="{{ $mark->description }}">
                        </div>
                    </div>
                </div>

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

                            <textarea name="text1" id="text1" rows="10" cols="80">{{ $mark->text1 }}</textarea>

                            <input type="hidden" name="text1" value="{{ $mark->text1 }}">
                        </div>
                    </div>
                </div>

                @include('admin.helper.form.submit', [
                    'label' => 'Сохранить'
                ])
            </form>
        </div>
    </div>
@endsection

@section('script')
    <style>
        .ck-editor__editable {
            min-height: 350px;
        }
    </style>

    <script src="https://cdn.ckeditor.com/4.13.1/standard/ckeditor.js"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.3.3/ace.js"></script>
    
    <script>
        (function() {
            $(document).ready(function() {
                var text1 = CKEDITOR.replace('text1');
                text1.on('change', function( evt ) {
                    $('input[name="text1"]').val(evt.editor.getData());
                });

                // Инициализируем редактор
                let editor_title = ace.edit("js-title");
                let editor_description = ace.edit("js-description");
                let editor_keywords = ace.edit("js-keywords");

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

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

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

                let textarea_title = $('input[name="title"]');
                let textarea_description = $('input[name="description"]');
                let textarea_keywords = $('input[name="keywords"]');

                editor_title.getSession().on("change", function () {
                    textarea_title.val(editor_title.getSession().getValue());
                });

                editor_description.getSession().on("change", function () {
                    textarea_description.val(editor_description.getSession().getValue());
                });

                editor_keywords.getSession().on("change", function () {
                    textarea_keywords.val(editor_keywords.getSession().getValue());
                })
            });
        })();
    </script>

    @include('admin.helper.unique', [
        'entity' => "\\\JustWeCMS\\\Modules\\\Auto\\\Entities\\\Mark",
        'pk' => $mark->id
    ])
@endsection