@extends('layouts.frontend', ['body_class' => 'bg-gray-100'])

@php
    SEOMeta::setTitle('Hírek szerkesztése');
@endphp

@section('content')
    <x-frontend.header />

    <x-frontend.main>

        <x-frontend.section class="py-8 lg:py-16">
            <x-frontend.container size="medium">
                <x-frontend.animation>
                    <x-frontend.content.box>
                        <x-frontend.section.title title="{{ __('Hír: :news', ['news' => $news->title ?? 'új hír']) }}" class="mb-8" />
                            <x-frontend.animation delay="250">

                                @if ($errors->any())
                                    <div class="p-4 mb-4 text-sm text-red-800 rounded-lg bg-red-50 dark:bg-gray-800 dark:text-red-400" role="alert">
                                        <ul class="mt-1.5 list-disc list-inside">
                                            @foreach ($errors->all() as $error)
                                                <li>{{ $error }}</li>
                                            @endforeach
                                        </ul>
                                    </div>
                                @endif


                                <form action="" method="POST" autocomplete="off" enctype="multipart/form-data">
                                    @csrf

                                    <input type="hidden" name="id" value="{{ $news->id }}" />

                                    <div class="flex flex-col gap-6">

                                        <div>
                                            <label for="lang" class="mb-2">{{ __('Language') }}</label>
                                            <select id="lang" name="lang">
                                                <option value="hu" @if ( $news->lang == "hu" ) selected="selected" @endif>{{ __('HU') }}</option>
                                                <option value="en" @if ( $news->lang == "en" ) selected="selected" @endif>{{ __('EN') }}</option>
                                            </select>
                                        </div>

                                        <div>
                                            <label for="title" class="mb-2">{{ __('Title') }}</label>
                                            <input type="text" id="title" name="title" value="{{ old('title', $news->title ?? '') }}" />
                                        </div>

                                        <div>
                                            <label for="slug" class="mb-2">{{ __('Slug') }}</label>
                                            <input type="text" id="slug" name="slug" value="{{ old('slug', $news->slug ?? '') }}" />
                                        </div>

                                        <div>
                                            <label for="keywords" class="mb-2">{{ __('Keywords') }}</label>
                                            <input type="text" id="keywords" name="keywords" value="{{ old('keywords', $news->keywords ?? '') }}" />
                                        </div>

                                        <div>
                                            <label for="description" class="mb-2">{{ __('Description') }}</label>
                                            <input type="text" id="description" name="description" value="{{ old('description', $news->description ?? '') }}" />
                                        </div>

                                        <div>
                                            <label for="published_on" class="mb-2">{{ __('Published on date') }}</label>
                                            <input type="date" id="published_on" name="published_on" value="{{ old('published_on', $news->published_on ?? '') }}" />
                                        </div>
                                        <div>
                                            <label for="lead" class="mb-2">{{ __('Lead') }}</label>
                                            <textarea name="lead" id="lead">{{ old('lead', $news->lead ?? '') }}</textarea>
                                        </div>
                                        <div>
                                            <label for="body" class="mb-2">{{ __('Body') }}</label>
                                            {{-- <textarea name="body" rows="8" id="body">{{ old('body', $news->body ?? '') }}</textarea> --}}
                                            <x-admin.quill-editor name="body" id="body" defaultValue="{{ old('body', $news->body ?? '') }}" />
                                        </div>
                                        <div>
                                            <label for="image" class="mb-2">{{ __('Image') }}</label>
                                            <input type="file" id="image" name="image" value="{{ old('image', $news->image ?? '') }}" />
                                        </div>



                                        <div>
                                            <x-frontend.form.button type="submit"
                                                class="button">{{ __('Mentés') }}</x-frontend.form.button>
                                        </div>
                                    </div>
                                </form>
                            </x-frontend.animation>
                    </x-frontend.content.box>
                </x-frontend.animation>

            </x-frontend.container>
        </x-frontend.section>

    </x-frontend.main>

    <x-frontend.footer />
@endsection