@extends('layouts.admin', ['title' => 'Кейсы'])

@section('content')
    <a href="{{route('admin.cases.index')}}" class="page-wrapper__back page-wrapper__back--mobile--white title title--base title--grey title--uppercase">
        назад
    </a>
    <div class="page__header">
        <div class="container container--small">
            <p class="title title--grey--light title--bold title--small">
                Кейсы
            </p>
        </div>
    </div>
    <div class="page__content">
        <div class="container container--small">
            <div class="page-form">
                @if($errors->any())
                    <div class="alert alert-danger">
                        <ul>
                            @foreach($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif
                <form action="{{ $case->exists ? route('admin.cases.update', $case->id) : route('admin.cases.store') }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    @if($case->exists)
                        @method('PUT')
                    @endif
                    <div class="page-form__wrapper">
                        <div class="page-input">
                            <label for="anons" class="page-input__label title title--small title--grey title--bold">Анонс</label>
                            <input type="text" id="anons" class="page-input__item" name="announcement" value="{{old('announcement') ?? $case->announcement}}">
                            @error('announcement')
                                <div class="alert alert-danger">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="page-input">
                            <label for="title" class="page-input__label title title--small title--grey title--bold">Заголовок</label>
                            <input type="text" id="title" class="page-input__item" name="header" value="{{ old('header') ?? $case->header}}">
                            @error('header')
                                <div class="alert alert-danger">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="page-input">
                            <label for="label" class="page-input__label title title--small title--grey title--bold">Тайтл</label>
                            <input type="text" id="label" class="page-input__item" name="title" value="{{ old('title') ?? $case->title}}">
                            @error('title')
                                <div class="alert alert-danger">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="page-input">
                            <p class="page-input__label page-input__label--big title title--small title--grey title--bold">Теги</p>
                            @include('layouts.partials.tags', ['model' => $case])
                        </div>
                        <div class="page-input">
                            <label for="image" class="page-input__label title title--small title--grey title--bold">Иллюстрация</label>
                            @include('layouts.partials.media_form', ['model' => $case, 'name' => 'picture'])
                            @error('image')
                                <div class="alert alert-danger">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="page-input">
                            <label for="text" class="page-input__label title title--small title--grey title--bold">Текст</label>
                            <tinymce-editor style="width: 100%;" id="text" name="text">{!! old('text') ?? $case->text  !!}</tinymce-editor>
                            @error('text')
                                <div class="alert alert-danger">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="page-input">
                            <label for="link" class="page-input__label title title--small title--grey title--bold">Ссылка</label>
                            <input type="text" id="link" name="link" class="page-input__item" value="{{old('link') ?? $case->link}}">
                            @error('link')
                                <div class="alert alert-danger">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="page-input">
                            <label for="client" class="page-input__label title title--small title--grey title--bold">Клиент</label>
                            <input type="text" id="client" name="client_name" class="page-input__item" value="{{old('client_name') ?? $case->client_name}}">
                            @error('client_name')
                                <div class="alert alert-danger">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="page-input page-input--link">
                            <label for="client-logo" class="page-input__label title title--small title--grey title--bold">Логотип клиента</label>
                            @include('layouts.partials.media_form', ['model' => $case, 'name' => 'logo_client'])

                            @error('logo_client')
                            <div class="alert alert-danger">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                    <div class="page-form__footer">
                        <button type="submit" class="button button--middle button--green">Сохранить</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection