@extends('layouts.admin')

@section('title', 'Gericht bearbeiten')

@section('content')
    <h2 class="text-2xl font-bold text-white mb-6">Gericht bearbeiten</h2>

    <div class="bg-gray-800 p-6 rounded-lg">
        <form action="{{ route('dishes.update', $dish) }}" method="POST" enctype="multipart/form-data">
            @csrf
            @method('PUT')
            <div class="space-y-6">

                <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                    <div>
                        <label for="category_id" class="block text-sm font-medium text-gray-400">Kategorie</label>
                        <select id="category_id" name="category_id" class="w-full mt-1 bg-gray-700 border border-gray-600 rounded-md px-3 py-2 text-white" required>
                            @foreach ($categories as $category)
                                <option value="{{ $category->id }}" @if($dish->category_id == $category->id) selected @endif>
                                    {{ $category->translations->firstWhere('locale', 'de')->name ?? "Kategorie #{$category->id}" }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div>
                        <label for="price" class="block text-sm font-medium text-gray-400">Preis (in Ft)</label>
                        <input type="number" id="price" name="price" value="{{ $dish->price }}" class="w-full mt-1 bg-gray-700 border border-gray-600 rounded-md px-3 py-2 text-white" required>
                    </div>
                </div>

                <div>
                    <label for="image" class="block text-sm font-medium text-gray-400">Bild ändern (optional)</label>
                    @if($dish->image_url)
                        <div class="my-2">
                            <img src="{{ asset('storage/' . $dish->image_url) }}" alt="Current Image" class="w-24 h-24 object-cover rounded-md">
                        </div>
                    @endif
                    <input type="file" id="image" name="image" class="w-full mt-1 text-gray-300 file:mr-4 file:py-2 file:px-4 file:rounded-full file:border-0 file:text-sm file:font-semibold file:bg-blue-600 file:text-white hover:file:bg-blue-700">
                </div>

                <div class="space-y-4">
                     @php
                        $langs = [['code' => 'de', 'name' => 'Deutsch'], ['code' => 'en', 'name' => 'English'], ['code' => 'hu', 'name' => 'Magyar'], ['code' => 'sk', 'name' => 'Slovenčina']];
                    @endphp

                    @foreach ($langs as $lang)
                        @php
                            $translation = $dish->translations->firstWhere('locale', $lang['code']);
                        @endphp
                        <div class="bg-gray-700 p-4 rounded-md">
                            <label class="text-sm font-medium text-gray-300">{{ $lang['name'] }}</label>
                            <input type="text" name="name_{{ $lang['code'] }}" value="{{ $translation->name ?? '' }}" class="w-full mt-1 bg-gray-600 border rounded-md px-3 py-2 text-white" {{ $lang['code'] == 'de' ? 'required' : '' }}>
                            <textarea name="description_{{ $lang['code'] }}" class="w-full mt-2 h-20 bg-gray-600 border rounded-md px-3 py-2 text-white text-sm">{{ $translation->description ?? '' }}</textarea>
                        </div>
                    @endforeach
                </div>
                
                <div>
                    <label class="block text-sm font-medium text-gray-400">Tags</label>
                    <div class="flex space-x-6 mt-2">
                        <label class="flex items-center">
                            <input type="checkbox" name="is_special" value="1" @if($dish->is_special) checked @endif class="h-4 w-4 rounded text-blue-500 bg-gray-600 border-gray-500">
                            <span class="ml-2 text-sm text-gray-300">Spezialität</span>
                        </label>
                        <label class="flex items-center">
                            <input type="checkbox" name="is_vegetarian" value="1" @if($dish->is_vegetarian) checked @endif class="h-4 w-4 rounded text-blue-500 bg-gray-600 border-gray-500">
                            <span class="ml-2 text-sm text-gray-300">Vegetariánske</span>
                        </label>
                    </div>
                </div>

            </div>

            <div class="pt-6 flex justify-end space-x-4">
                <a href="{{ route('dishes.index') }}" class="px-4 py-2 text-white bg-gray-600 rounded-md hover:bg-gray-500">Abbrechen</a>
                <button type="submit" class="px-4 py-2 text-white bg-blue-600 rounded-md hover:bg-blue-700">Änderungen speichern</button>
            </div>
        </form>
    </div>
@endsection