@extends('layouts.app')

@section('content')
<div class="max-w-6xl px-4 pb-60">
    <div class="grid items-start max-w-2xl grid-cols-1 grid-rows-1 gap-4 mx-auto lg:mx-0 lg:max-w-none lg:grid-cols-5">
        <div class="grid gap-4 lg:col-span-5">

            <div class="bg-white rounded-lg shadow ring-1 ring-stone-300 p-4">
                <div class="sm:flex sm:items-center">
                    <div class="sm:flex-auto">
                        <h1 class="text-base font-semibold text-stone-900">Restoran Düzenle - {{ $restaurant->name }}
                        </h1>
                        <p class="mt-2 text-xs text-stone-700">Restoran bilgilerini güncelleyin.</p>
                    </div>
                </div>
            </div>

            <div class="bg-white rounded-lg shadow ring-1 ring-stone-300 p-4">
                <form action="{{ route('admin.restaurants.update', $restaurant) }}" method="POST"
                    enctype="multipart/form-data">
                    @csrf
                    @method('PUT')

                    <div class="space-y-6">
                        <div>
                            <label for="name" class="block text-sm font-medium text-stone-900">Restoran Adı *</label>
                            <input type="text" name="name" id="name" value="{{ old('name', $restaurant->name) }}"
                                required
                                class="mt-1 block w-full rounded-md border-stone-300 shadow-sm focus:border-stone-500 focus:ring-stone-500 sm:text-sm">
                            @error('name')
                            <p class="mt-1 text-xs text-red-600">{{ $message }}</p>
                            @enderror
                        </div>

                        <div>
                            <label for="slug" class="block text-sm font-medium text-stone-900">Slug</label>
                            <input type="text" name="slug" id="slug" value="{{ old('slug', $restaurant->slug) }}"
                                class="mt-1 block w-full rounded-md border-stone-300 shadow-sm focus:border-stone-500 focus:ring-stone-500 sm:text-sm">
                            @error('slug')
                            <p class="mt-1 text-xs text-red-600">{{ $message }}</p>
                            @enderror
                        </div>

                        <div>
                            <label for="description" class="block text-sm font-medium text-stone-900">Açıklama</label>
                            <textarea name="description" id="description" rows="3"
                                class="mt-1 block w-full rounded-md border-stone-300 shadow-sm focus:border-stone-500 focus:ring-stone-500 sm:text-sm">{{ old('description', $restaurant->description) }}</textarea>
                            @error('description')
                            <p class="mt-1 text-xs text-red-600">{{ $message }}</p>
                            @enderror
                        </div>

                        <div>
                            <label for="address" class="block text-sm font-medium text-stone-900">Adres</label>
                            <textarea name="address" id="address" rows="2"
                                class="mt-1 block w-full rounded-md border-stone-300 shadow-sm focus:border-stone-500 focus:ring-stone-500 sm:text-sm">{{ old('address', $restaurant->address) }}</textarea>
                            @error('address')
                            <p class="mt-1 text-xs text-red-600">{{ $message }}</p>
                            @enderror
                        </div>

                        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                            <div>
                                <label for="phone" class="block text-sm font-medium text-stone-900">Telefon</label>
                                <input type="tel" name="phone" id="phone" value="{{ old('phone', $restaurant->phone) }}"
                                    class="mt-1 block w-full rounded-md border-stone-300 shadow-sm focus:border-stone-500 focus:ring-stone-500 sm:text-sm">
                                @error('phone')
                                <p class="mt-1 text-xs text-red-600">{{ $message }}</p>
                                @enderror
                            </div>
                            <div>
                                <label for="email" class="block text-sm font-medium text-stone-900">E-posta</label>
                                <input type="email" name="email" id="email"
                                    value="{{ old('email', $restaurant->email) }}"
                                    class="mt-1 block w-full rounded-md border-stone-300 shadow-sm focus:border-stone-500 focus:ring-stone-500 sm:text-sm">
                                @error('email')
                                <p class="mt-1 text-xs text-red-600">{{ $message }}</p>
                                @enderror
                            </div>
                        </div>

                        <div>
                            <label for="logo" class="block text-sm font-medium text-stone-900">Logo</label>
                            @if($restaurant->logo)
                            <div class="mt-2 mb-3">
                                <img src="{{ asset('storage/' . $restaurant->logo) }}" alt="{{ $restaurant->name }}"
                                    class="h-20 w-20 object-cover rounded">
                            </div>
                            @endif
                            <input type="file" name="logo" id="logo" accept="image/*"
                                class="mt-1 block w-full text-sm text-stone-500 file:mr-4 file:py-2 file:px-4 file:rounded-md file:border-0 file:text-sm file:font-semibold file:bg-stone-100 file:text-stone-700 hover:file:bg-stone-200">
                            <p class="mt-1 text-xs text-stone-500">Yeni logo yüklemek isterseniz seçin, yoksa mevcut
                                logo korunacaktır.</p>
                            @error('logo')
                            <p class="mt-1 text-xs text-red-600">{{ $message }}</p>
                            @enderror
                        </div>

                        <div class="flex items-center justify-end gap-x-4 pt-4 border-t border-stone-200">
                            <a href="{{ route('admin.restaurants.index') }}"
                                class="text-sm font-semibold leading-6 text-stone-900 hover:text-stone-700">
                                İptal
                            </a>
                            <button type="submit"
                                class="px-3 py-2 text-sm font-semibold text-white rounded-md shadow-sm bg-stone-600 hover:bg-stone-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-stone-600">
                                Değişiklikleri Kaydet
                            </button>
                        </div>
                    </div>
                </form>
            </div>

        </div>
    </div>
</div>
@endsection