@extends('admin.layouts.app')

@section('title', 'İşletme Düzenle: ' . $business->name . ' | Admin')

@section('content')
    <div class="mx-auto max-w-screen-2xl p-4 md:p-6 2xl:p-10">
        <div class="mb-4">
            <a href="{{ route('admin.businesses.index') }}" class="text-sm text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-300">← İşletme listesine dön</a>
        </div>
        <div class="rounded-2xl border border-gray-200 bg-white p-6 dark:border-gray-800 dark:bg-white/[0.03]">
            <h3 class="text-lg font-medium text-black dark:text-white mb-6">İşletme Düzenle: {{ $business->name }}</h3>

            @if($errors->any())
                <div class="mb-4 rounded-lg border-l-4 border-red-500 bg-red-50 p-4 dark:bg-red-500/10">
                    <ul class="list-disc list-inside space-y-1 text-sm text-red-700 dark:text-red-300">
                        @foreach($errors->all() as $err)
                            <li>{{ $err }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif

            <div x-data="{ categoryId: '{{ old('business_category_id', $business->business_category_id) }}' }">
                <form method="POST" action="{{ route('admin.businesses.update', $business) }}" class="space-y-5 max-w-2xl">
                    @csrf
                    @method('PUT')
                    <div>
                        <label for="business_category_id" class="mb-1.5 block text-sm font-medium text-gray-700 dark:text-gray-400">Kategori <span class="text-red-500">*</span></label>
                        <select name="business_category_id" id="business_category_id" required
                                x-model="categoryId"
                                class="w-full rounded-lg border border-gray-300 bg-white px-4 py-2.5 text-sm text-gray-800 dark:border-gray-600 dark:bg-gray-800 dark:text-white">
                            @foreach($categories as $cat)
                                <option value="{{ $cat->id }}" {{ old('business_category_id', $business->business_category_id) == $cat->id ? 'selected' : '' }}>{{ $cat->name }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div x-show="categoryId == '2'" x-cloak>
                        <label for="business_subcategory_id_hizmet" class="mb-1.5 block text-sm font-medium text-gray-700 dark:text-gray-400">Hizmet alt kategorisi</label>
                        <select name="business_subcategory_id" id="business_subcategory_id_hizmet"
                                :disabled="categoryId != '2'"
                                class="w-full rounded-lg border border-gray-300 bg-white px-4 py-2.5 text-sm text-gray-800 dark:border-gray-600 dark:bg-gray-800 dark:text-white">
                            <option value="">Seçiniz (opsiyonel)</option>
                            @foreach($subcategoriesHizmet as $sub)
                                <option value="{{ $sub->id }}" {{ old('business_subcategory_id', $business->business_subcategory_id) == $sub->id ? 'selected' : '' }}>{{ $sub->name }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div x-show="categoryId == '3'" x-cloak>
                        <label for="business_subcategory_id_magaza" class="mb-1.5 block text-sm font-medium text-gray-700 dark:text-gray-400">Mağaza alt kategorisi</label>
                        <select name="business_subcategory_id" id="business_subcategory_id_magaza"
                                :disabled="categoryId != '3'"
                                class="w-full rounded-lg border border-gray-300 bg-white px-4 py-2.5 text-sm text-gray-800 dark:border-gray-600 dark:bg-gray-800 dark:text-white">
                            <option value="">Seçiniz (opsiyonel)</option>
                            @foreach($subcategoriesMagaza as $sub)
                                <option value="{{ $sub->id }}" {{ old('business_subcategory_id', $business->business_subcategory_id) == $sub->id ? 'selected' : '' }}>{{ $sub->name }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div>
                        <label for="name" class="mb-1.5 block text-sm font-medium text-gray-700 dark:text-gray-400">İşletme adı <span class="text-red-500">*</span></label>
                        <input type="text" name="name" id="name" value="{{ old('name', $business->name) }}" required maxlength="255"
                               class="w-full rounded-lg border border-gray-300 bg-white px-4 py-2.5 text-sm text-gray-800 dark:border-gray-600 dark:bg-gray-800 dark:text-white"/>
                        <p class="mt-1 text-xs text-gray-500 dark:text-gray-400">Mevcut slug: <strong>{{ $business->slug }}</strong>. İsim değişirse slug yeniden oluşturulur (benzersiz).</p>
                    </div>
                    <div>
                        <label for="email" class="mb-1.5 block text-sm font-medium text-gray-700 dark:text-gray-400">E-posta <span class="text-red-500">*</span></label>
                        <input type="email" name="email" id="email" value="{{ old('email', $business->email) }}" required maxlength="255"
                               class="w-full rounded-lg border border-gray-300 bg-white px-4 py-2.5 text-sm text-gray-800 dark:border-gray-600 dark:bg-gray-800 dark:text-white"/>
                    </div>
                    <div class="grid gap-5 sm:grid-cols-2">
                        <div>
                            <label for="password" class="mb-1.5 block text-sm font-medium text-gray-700 dark:text-gray-400">Yeni şifre</label>
                            <input type="password" name="password" id="password" minlength="8"
                                   class="w-full rounded-lg border border-gray-300 bg-white px-4 py-2.5 text-sm text-gray-800 dark:border-gray-600 dark:bg-gray-800 dark:text-white"
                                   placeholder="Değiştirmek için doldurun"/>
                        </div>
                        <div>
                            <label for="password_confirmation" class="mb-1.5 block text-sm font-medium text-gray-700 dark:text-gray-400">Yeni şifre tekrar</label>
                            <input type="password" name="password_confirmation" id="password_confirmation" minlength="8"
                                   class="w-full rounded-lg border border-gray-300 bg-white px-4 py-2.5 text-sm text-gray-800 dark:border-gray-600 dark:bg-gray-800 dark:text-white"
                                   placeholder="Değiştirmek için doldurun"/>
                        </div>
                    </div>
                    <div>
                        <label for="phone" class="mb-1.5 block text-sm font-medium text-gray-700 dark:text-gray-400">Telefon</label>
                        <input type="text" name="phone" id="phone" value="{{ old('phone', $business->phone) }}" maxlength="50"
                               class="w-full rounded-lg border border-gray-300 bg-white px-4 py-2.5 text-sm text-gray-800 dark:border-gray-600 dark:bg-gray-800 dark:text-white"/>
                    </div>
                    <div>
                        <label for="address" class="mb-1.5 block text-sm font-medium text-gray-700 dark:text-gray-400">Adres</label>
                        <textarea name="address" id="address" rows="2" class="w-full rounded-lg border border-gray-300 bg-white px-4 py-2.5 text-sm text-gray-800 dark:border-gray-600 dark:bg-gray-800 dark:text-white">{{ old('address', $business->address) }}</textarea>
                    </div>
                    <div>
                        <label for="description" class="mb-1.5 block text-sm font-medium text-gray-700 dark:text-gray-400">Açıklama</label>
                        <textarea name="description" id="description" rows="3" class="w-full rounded-lg border border-gray-300 bg-white px-4 py-2.5 text-sm text-gray-800 dark:border-gray-600 dark:bg-gray-800 dark:text-white">{{ old('description', $business->description) }}</textarea>
                    </div>
                    <div class="flex items-center gap-2">
                        <input type="hidden" name="is_active" value="0"/>
                        <input type="checkbox" name="is_active" id="is_active" value="1" {{ old('is_active', $business->is_active) ? 'checked' : '' }}
                        class="h-4 w-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500"/>
                        <label for="is_active" class="text-sm font-medium text-gray-700 dark:text-gray-400">Aktif</label>
                    </div>
                    <div class="flex gap-2 pt-2">
                        <button type="submit" class="rounded-lg bg-blue-600 px-4 py-2.5 text-sm font-medium text-white hover:bg-blue-700">Güncelle</button>
                        <a href="{{ route('admin.businesses.index') }}" class="rounded-lg border border-gray-300 px-4 py-2.5 text-sm font-medium text-gray-700 hover:bg-gray-50 dark:border-gray-600 dark:text-gray-300 dark:hover:bg-gray-800">İptal</a>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection