@extends('layouts.admin')

@section('title', 'Edit Category')

@section('content')
<div style="margin-bottom: 24px;">
    <a href="{{ route('admin.categories.index') }}" style="color: var(--text-muted); text-decoration: none; font-size: 13px;">← Back to Categories</a>
    <h1 class="serif" style="font-size: 26px; margin-top: 8px; color: #0f172a;">Edit Category: {{ $category->name }}</h1>
</div>

<div class="admin-card" style="max-width: 600px;">
    <form action="{{ route('admin.categories.update', $category) }}" method="POST">
        @csrf
        @method('PUT')
        
        <div style="margin-bottom: 16px;">
            <label style="display: block; margin-bottom: 6px; font-size: 13px; color: var(--text-muted);">Category Name *</label>
            <input type="text" name="name" value="{{ old('name', $category->name) }}" class="form-control" required>
        </div>

        <div style="margin-bottom: 16px;">
            <label style="display: block; margin-bottom: 6px; font-size: 13px; color: var(--text-muted);">Description</label>
            <textarea name="description" rows="4" class="form-control">{{ old('description', $category->description) }}</textarea>
        </div>

        <div style="margin-bottom: 20px;">
            <label style="display: flex; align-items: center; gap: 8px; cursor: pointer; color: #334155;">
                <input type="checkbox" name="is_active" value="1" {{ $category->is_active ? 'checked' : '' }}> Active on Storefront
            </label>
        </div>

        <div style="display: flex; gap: 12px;">
            <button type="submit" class="btn-admin btn-primary">Update Category</button>
            <a href="{{ route('admin.categories.index') }}" class="btn-admin btn-secondary">Cancel</a>
        </div>
    </form>
</div>
@endsection