@php
    $parentId = $parentId ?? \App\Models\BusinessSubcategory::PARENT_MAGAZA;
    $isService = $parentId === \App\Models\BusinessSubcategory::PARENT_HIZMET;
    $indexRoute = $isService ? 'admin.service-subcategories.index' : 'admin.business-subcategories.index';
    $updateRoute = $isService ? 'admin.service-subcategories.update' : 'admin.business-subcategories.update';
    $destroyRoute = $isService ? 'admin.service-subcategories.destroy' : 'admin.business-subcategories.destroy';
    $pageTitle = $isService ? 'Hizmet Kategorisi Düzenle' : 'Mağaza Kategorisi Düzenle';
    $confirmDelete = $isService ? 'Bu hizmet kategorisini silmek istediğinize emin misiniz?' : 'Bu mağaza kategorisini silmek istediğinize emin misiniz?';
@endphp
@extends('admin.layouts.app')

@section('title', $pageTitle . ': ' . $subcategory->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($indexRoute) }}" class="text-sm text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-300">← Listeye 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">{{ $pageTitle }}: {{ $subcategory->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

            <form method="POST" action="{{ route($updateRoute, $subcategory) }}" class="space-y-5 max-w-xl">
                @csrf
                @method('PUT')
                <div>
                    <label for="name" class="mb-1.5 block text-sm font-medium text-gray-700 dark:text-gray-400">Kategori adı <span class="text-red-500">*</span></label>
                    <input type="text" name="name" id="name" value="{{ old('name', $subcategory->name) }}" required maxlength="100"
                           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>{{ $subcategory->slug }}</strong>. İsim değişirse slug yeniden oluşturulur.</p>
                </div>
                <div>
                    <label for="sort_order" class="mb-1.5 block text-sm font-medium text-gray-700 dark:text-gray-400">Sıra</label>
                    <input type="number" name="sort_order" id="sort_order" value="{{ old('sort_order', $subcategory->sort_order) }}" min="0"
                           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="flex flex-wrap items-center 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($indexRoute) }}" 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>
            <form action="{{ route($destroyRoute, $subcategory) }}" method="POST" class="mt-4 pt-4 border-t border-gray-200 dark:border-gray-700" onsubmit="return confirm('{{ $confirmDelete }}');">
                @csrf
                @method('DELETE')
                <button type="submit" class="rounded-lg border border-red-300 bg-white px-4 py-2.5 text-sm font-medium text-red-600 hover:bg-red-50 dark:border-red-700 dark:bg-gray-800 dark:text-red-400 dark:hover:bg-red-900/20">Kategoriyi sil</button>
            </form>
        </div>
    </div>
@endsection