@extends('layouts.admin', ['title' => 'Настройки'])

@section('content')
    <div class="content__wrapper content__wrapper--editor">
        <div class="block">
            <form method="POST" action="{{route('admin.settings.save')}}"
                  enctype="multipart/form-data">
                @csrf
                <div class="block__wrapper block__wrapper--big">
                    <a href="{{route('admin.home')}}"
                       class="content__back text text--small text--medium text--grey--lighter">Вернуться
                        назад</a>
                    <div class="block__wrapper">
                        <div class="block__item block js-editor editor active">
                            <div class="card">
                                <div
                                    class="card__wrapper card__wrapper--radius--small card__wrapper--big block__wrapper">
                                    <div
                                        class="block__header block__header--gap--big js-editor-link editor-block__link">
                                        <p class="text text--base text--grey">Логотип сайта</p>
                                    </div>
                                    <div class="block__content js-editor-block editor-block__content">
                                        <div class="editor-block__grid">
                                            <div class="editor-block__logo">
                                                <img id="preview_image" src="{{Storage::url($settings->logo)}}" alt="">
                                            </div>
                                            <div class="editor-block__control">
                                                <div class="block__wrapper block__wrapper--end">
                                                    <label
                                                        class="file-input button button--editor button--editor--blue">
                                                        <input type="file" name="logo" id="label-img"
                                                               data-preview="preview_image"
                                                               class="file-input__item">
                                                        <span>Загрузить</span>
                                                    </label>
                                                    <a href="#" onclick="[document.querySelector('[name=logo]').value = '', document.querySelector('#preview_image').removeAttribute('src')]" class="button button--editor button--editor--red">Удалить</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="block__item block js-editor editor active">
                            <div class="card">
                                <div
                                    class="card__wrapper card__wrapper--radius--small card__wrapper--big block__wrapper">
                                    <div
                                        class="block__header block__header--gap--big js-editor-link editor-block__link">
                                        <p class="text text--base text--grey">SEO</p>
                                    </div>
                                    <div class="block__content js-editor-block editor-block__content ">
                                        <div class="block__wrapper">
                                            <input type="text" name="project_name" id="" class="input input--light"
                                                   placeholder="Title" value="{{$settings->project_name}}">
                                            <input type="text" name="project_description" id="" class="input input--light"
                                                   placeholder="Description" value="{{$settings->project_description}}">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="block__item block js-editor editor active">
                            <div class="card">
                                <div
                                    class="card__wrapper card__wrapper--radius--small card__wrapper--big block__wrapper">
                                    <div
                                        class="block__header block__header--gap--big js-editor-link editor-block__link">
                                        <p class="text text--base text--grey">Код</p>
                                    </div>
                                    <div class="block__content js-editor-block editor-block__content ">
                                        <div class="block__wrapper">
                                        <textarea name="html_head" id="" class="input input--light input--textarea--big"
                                                  placeholder="Перед &lt;/head&gt;">{{$settings->html_head}}</textarea>
                                            <textarea name="html_body" id="" class="input input--light input--textarea--big"
                                                      placeholder="Перед &lt;/body&gt;">{{$settings->html_body}}</textarea>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="block__item">
                        <div class="block__wrapper block__wrapper--end">
                            <input type="submit" class="button button--editor button--editor--green" value="Сохранить">
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
@endsection