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

@php
    SEOMeta::setTitle('Miért... 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="{{ __('Miért: :news', ['news' => $frontendtext->title ?? 'új szöveg']) }}" 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="{{ $frontendtext->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 ( $frontendtext->lang == "hu" ) selected="selected" @endif>{{ __('HU') }}</option>
                                                <option value="en" @if ( $frontendtext->lang == "en" ) selected="selected" @endif>{{ __('EN') }}</option>
                                            </select>
                                        </div>

                                        <div>
                                            <label for="orientation" class="mb-2">{{ __('Orientation') }}</label>
                                            <select id="orientation" name="orientation">
                                                <option value="1" @if ( $frontendtext->orientation == "1" ) selected="selected" @endif>{{ __('Text on the left') }}</option>
                                                <option value="2" @if ( $frontendtext->orientation == "2" ) selected="selected" @endif>{{ __('Text on the right') }}</option>
                                            </select>
                                        </div>
                                        
                                        <div>
                                            <label for="title" class="mb-2">{{ __('Title') }}</label>
                                            <input type="text" id="title" name="title" value="{{ old('title', $frontendtext->title ?? '') }}" />
                                        </div>

                                        <div>
                                            <label for="text" class="mb-2">{{ __('Text') }}</label>
                                            <textarea name="text" rows="8">{{ old('text', $frontendtext->text ?? '') }}</textarea>
                                        </div>
                                        <div>
                                            <label for="image" class="mb-2">{{ __('Image') }}</label>
                                            <input type="file" id="image" name="image" value="{{ old('image', $frontendtext->image ?? '') }}" />
                                        </div>

                                        @if ( !empty ( $frontendtext->image))
                                        <div>
                                            <label class="mb-2">{{ __('Uploaded image') }}</label>
                                            <img src="/{{ $frontendtext->image }}" ?>
                                        </div>
                                        @endif
                                        
                                        

                                        <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