@extends('admin.layout') 
@section('title', $category->exists ? 'Edit Category':'Add Category') 
@section('heading', $category->exists ? 'Edit Category':'Add New Category') 

@section('content')
<div class="card-custom p-4 w-100">
    <form method="POST" action="{{ $category->exists ? route('admin.categories.update', $category) : route('admin.categories.store') }}" enctype="multipart/form-data">
        @csrf 
        @if($category->exists) 
            @method('PUT') 
        @endif

        <div class="mb-3">
            <label class="form-label" for="name">Category Name *</label>
            <input id="name" class="form-control" name="name" value="{{ old('name', $category->name) }}" placeholder="e.g. Kanjeevaram Silk Sarees" required>
        </div>

        <div class="mb-3">
            <label class="form-label" for="image">Category Image</label>
            <input id="image" type="file" class="form-control" name="image" accept="image/*">
            @if($category->image)
                <div class="mt-2 d-flex align-items-center gap-2">
                    <img src="{{ $category->display_image }}" alt="{{ $category->name }}" style="width: 60px; height: 60px; object-fit: cover; border-radius: 8px; border: 1px solid #E5DADF;">
                    <span class="text-muted small">Current Category Image</span>
                </div>
            @endif
        </div>

        <div class="mb-4">
            <label class="form-label" for="description">Description</label>
            <textarea id="description" class="form-control" name="description" rows="4" placeholder="Briefly describe what sarees belong to this category...">{{ old('description', $category->description) }}</textarea>
        </div>

        <div class="pt-3 border-top d-flex align-items-center gap-3">
            <button type="submit" class="btn-brand-primary">
                <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                    <polyline points="20 6 9 17 4 12"></polyline>
                </svg>
                <span>{{ $category->exists ? 'Save Changes' : 'Create Category' }}</span>
            </button>
            <a class="btn btn-light px-4 py-2 text-muted rounded-3" href="{{ route('admin.categories.index') }}" style="border: 1px solid #E5DADF;">
                Cancel
            </a>
        </div>
    </form>
</div>
@endsection