@extends('layouts.admin.frame')

@section('header')
    @component('layouts.admin.header')
    Galéria
    @slot('subtitle')
    {{ isset($item)? '/ '.$item->title_hu : '' }}
    @endslot
    @endcomponent
@endsection

@section('content')
    <div class="card">
        <div class="card-header">
            {{ isset($item) ? 'A kiválasztott galéria módosítása' : 'Új galéria létrehozása' }}
        </div>
        
        <div class="card-body">
            <form action="{{ isset($item) ? route('galleries.update', $item->id) : route('galleries.store') }}" method="POST" id="gallery-form">
                    
                @csrf
                
                @if (isset($item))
                    @method('PUT')
                @endif

                @component('layouts.admin.formErrors')@endcomponent

                        
                        <div class="form-group">
                            <label for="title_hu">A galéria címe (HU)</label>
                            <input class="form-control" name="title_hu" value="{{ isset($item) ? $item->title_hu : '' }}" />
                        </div>                
                        
                        <div class="form-group">
                            <label for="title_en">A galéria címe (EN)</label>
                            <input class="form-control" name="title_en" value="{{ isset($item) ? $item->title_en : '' }}" />
                        </div>                
                        
                        <h4>Elrendezés</h4>

                        <div class="row">
                            <div class="col text-center">
                                <img src="{{ asset('assets/adm/tipus-1.png') }}" alt="" class="w-100" />
                                <div class="custom-control custom-checkbox">
                                    <input type="radio" class="custom-control-input" id="type_1" name="type" value="1" {{ (isset($item) && $item->type == 1) ? 'checked' : '' }}>
                                    <label class="custom-control-label" for="type_1"></label>
                                </div>        
                            </div>
                            <div class="col text-center">
                                <img src="{{ asset('assets/adm/tipus-2.png') }}" alt="" class="w-100" />
                                <div class="custom-control custom-checkbox">
                                    <input type="radio" class="custom-control-input" id="type_2" name="type" value="2" {{ (isset($item) && $item->type == 2) ? 'checked' : '' }}>
                                    <label class="custom-control-label" for="type_2"></label>
                                </div>        
                            </div>
                            <div class="col text-center">
                                <img src="{{ asset('assets/adm/tipus-3.png') }}" alt="" class="w-100" />
                                <div class="custom-control custom-checkbox">
                                    <input type="radio" class="custom-control-input" id="type_3" name="type" value="3" {{ (isset($item) && $item->type == 3) ? 'checked' : '' }}>
                                    <label class="custom-control-label" for="type_3"></label>
                                </div>
                            </div>
                        </div>

                        <div class="text-center mt-5">
                            <button type="submit" class="btn btn-primary">Mentés</button>
                            <a href="{{ route('galleries.index') }}" class="btn btn-secondary">Mégsem</a>
                        </div>
                        
                        
                
            </form>
        </div>
    </div>

@endsection