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

@php
    SEOMeta::setTitle('Galéria szerkesztése');

/**
* This function returns the maximum files size that can be uploaded 
* in PHP
* @returns int File size in bytes
**/
function getMaximumFileUploadSize()  
{  
    return min((ini_get('post_max_size')), (ini_get('upload_max_filesize')));  
}  

@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="{{ __('Galéria: :news', ['news' => $gallery->title_hu ?? 'új galéria']) }}" 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="{{ $gallery->id }}" />
    
                                    <div class="flex flex-col gap-6">

                                        <div>
                                            <label for="is_construction_gallery" class="mb-2">{{ __('Építkezés galéria?') }}</label>
                                            <select id="is_construction_gallery" name="is_construction_gallery">
                                                <option value="0" @if ( $gallery->is_construction_gallery == "0" ) selected="selected" @endif>{{ __('Nem') }}</option>
                                                <option value="1" @if ( $gallery->is_construction_gallery == "1" ) selected="selected" @endif>{{ __('Igen') }}</option>
                                            </select>
                                        </div>

                                        <div>
                                            <label for="active" class="mb-2">{{ __('Aktív') }}</label>
                                            <select id="active" name="active">
                                                <option value="">nincs adat</option>
                                                <option value="1" @if ( $gallery->active == 1 ) selected="selected" @endif>Igen</option>
                                                <option value="0" @if ( $gallery->active == 0 ) selected="selected" @endif>Nem</option>

                                            </select>
                                        </div>
                                        
                                        <div>
                                            <label for="title_hu" class="mb-2">{{ __('Title hu') }}</label>
                                            <input type="text" id="title_hu" name="title_hu" value="{{ old('title_hu', $gallery->title_hu ?? '') }}" />
                                        </div>
                                        <div>
                                            <label for="title_en" class="mb-2">{{ __('Title en') }}</label>
                                            <input type="text" id="title_en" name="title_en" value="{{ old('title_en', $gallery->title_en ?? '') }}" />
                                        </div>

                                        <div>
                                            <label for="video_hu" class="mb-2">{{ __('Video hu') }}</label>
                                            <textarea name="video_hu" rows="8">{{ old('video_hu', $gallery->video_hu ?? '') }}</textarea>
                                        </div>

                                        <div>
                                            <label for="video_en" class="mb-2">{{ __('Video en') }}</label>
                                            <textarea name="video_en" rows="8">{{ old('video_en', $gallery->video_en ?? '') }}</textarea>
                                        </div>

                                        <div>
                                            <label for="image" class="mb-2">{{ __('Upload image ∑ max :size', ['size' => getMaximumFileUploadSize()]) }}</label>
                                            <input type="file" id="image" name="image[]" multiple />
                                        </div>

                                        <div>
                                            <label for="image" class="mb-2">{{ __('Uploaded images') }}</label>
                                            <div class="grid grid-cols-3">
                                                @foreach ( $gallery->images()->get() as $i )
                                                    

                                                    <div class="p-2 m-2 border-2 border-gray-300">      
                                                        <div class="p-4">
                                                            <img src="{{ $i->image }}" />
                                                        </div>
                                                        <div class="px-1 pt-2 pb-3 mx-3 text-center">
                                                            <a 
                                                            class="w-full px-4 py-2 font-bold text-white bg-red-500 hover:bg-red-600"
                                                            href="{{ route('admin.gallery.delete_image', ['id' => $i->id, 'lang' => app()->getLocale() ]) }}">{{ __('törlés') }}</a>
                                                        </div>
                                                    </div>

                                                @endforeach
                                            </div>
                                        </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