@extends('layouts.admin')

@section('content')
    <div class="container mx-auto p-6">
        <h1 class="text-2xl font-bold mb-4 text-gray-800">Edit Category: {{ $category->name }}</h1>
        <form action="{{ route('admin.categories.update', $category) }}" method="POST" enctype="multipart/form-data">
            @csrf
            @method('PUT')
            <div class="mb-4">
                <label class="block text-sm font-medium text-gray-700">Name</label>
                <input type="text" name="name" class="w-full border rounded p-2 focus:ring-blue-500 focus:border-blue-500" value="{{ old('name', $category->name) }}" required>
                @error('name')
                    <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                @enderror
            </div>
            <div class="mb-4">
                <label class="block text-sm font-medium text-gray-700">Parent Category</label>
                <select name="parent_id" class="w-full border rounded p-2 focus:ring-blue-500 focus:border-blue-500">
                    <option value="">None</option>
                    @foreach($categories as $cat)
                        <option value="{{ $cat->id }}" {{ old('parent_id', $category->parent_id) == $cat->id ? 'selected' : '' }}>{{ $cat->name }}</option>
                    @endforeach
                </select>
                @error('parent_id')
                    <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                @enderror
            </div>
            <div class="mb-4">
                <label class="block text-sm font-medium text-gray-700">Description</label>
                <textarea name="description" class="w-full border rounded p-2 focus:ring-blue-500 focus:border-blue-500" rows="6" required>{{ old('description', $category->description) }}</textarea>
                @error('description')
                    <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                @enderror
            </div>
            <div class="mb-4">
                <label class="block text-sm font-medium text-gray-700">Thumbnail Image (Leave blank to keep current)</label>
                <input type="file" name="thumb" class="w-full border rounded p-2">
                @if($category->thumb)
                    <p class="text-gray-600 mt-2">Current Thumbnail: <img src="{{ asset('storage/' . $category->thumb) }}" alt="Current Thumbnail" class="max-w-xs mt-1"></p>
                @endif
                @error('thumb')
                    <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                @enderror
            </div>
            <div class="mb-4">
                <label class="block text-sm font-medium text-gray-700">Header Image (Leave blank to keep current)</label>
                <input type="file" name="header" class="w-full border rounded p-2">
                @if($category->header)
                    <p class="text-gray-600 mt-2">Current Header: <img src="{{ asset('storage/' . $category->header) }}" alt="Current Header" class="max-w-xs mt-1"></p>
                @endif
                @error('header')
                    <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                @enderror
            </div>
            <div class="mb-4">
                <label class="flex items-center">
                    <input type="checkbox" name="active" value="1" class="h-4 w-4 text-blue-500" {{ old('active', $category->active) ? 'checked' : '' }}>
                    <span class="ml-2 text-gray-700">Active</span>
                </label>
            </div>
            <div class="mb-4">
                <label class="block text-sm font-medium text-gray-700">Hours (Optional)</label>
                <input type="text" name="hours" class="w-full border rounded p-2 focus:ring-blue-500 focus:border-blue-500" value="{{ old('hours', $category->hours) }}">
                @error('hours')
                    <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                @enderror
            </div>
            <div class="mb-4">
                <label class="block text-sm font-medium text-gray-700">Cuisine (Optional)</label>
                <input type="text" name="cuisine" class="w-full border rounded p-2 focus:ring-blue-500 focus:border-blue-500" value="{{ old('cuisine', $category->cuisine) }}">
                @error('cuisine')
                    <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                @enderror
            </div>
            <div class="mb-4">
                <label class="block text-sm font-medium text-gray-700">Rating (Optional)</label>
                <input type="number" name="rating" step="0.1" min="0" max="5" class="w-full border rounded p-2 focus:ring-blue-500 focus:border-blue-500" value="{{ old('rating', $category->rating) }}">
                @error('rating')
                    <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                @enderror
            </div>
            <div class="mb-4">
                <label class="block text-sm font-medium text-gray-700">Address (Optional)</label>
                <input type="text" name="address" class="w-full border rounded p-2 focus:ring-blue-500 focus:border-blue-500" value="{{ old('address', $category->address) }}">
                @error('address')
                    <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                @enderror
            </div>
            <button type="submit" class="bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600 transition">Update Category</button>
            <a href="{{ route('admin.categories.index') }}" class="bg-gray-500 text-white px-4 py-2 rounded hover:bg-gray-600 ml-2">Cancel</a>
        </form>
    </div>
@endsection