@csrf

@if ($category->exists)
    @method('PUT')
@endif

<div class="mb-3">
    <label for="name" class="form-label">
        Category Name
    </label>

    <input
        type="text"
        id="name"
        name="name"
        value="{{ old('name', $category->name) }}"
        class="form-control @error('name') is-invalid @enderror"
        required
    >

    @error('name')
        <div class="invalid-feedback">
            {{ $message }}
        </div>
    @enderror
</div>

<div class="mb-3">
    <label for="description" class="form-label">
        Description
    </label>

    <textarea
        id="description"
        name="description"
        rows="4"
        class="form-control @error('description') is-invalid @enderror"
    >{{ old('description', $category->description) }}</textarea>

    @error('description')
        <div class="invalid-feedback">
            {{ $message }}
        </div>
    @enderror
</div>

<div class="mb-3">
    <label for="image" class="form-label">
        Category Image
    </label>

    <input
        type="file"
        id="image"
        name="image"
        class="form-control @error('image') is-invalid @enderror"
        accept=".jpg,.jpeg,.png,.webp"
    >

    @error('image')
        <div class="invalid-feedback">
            {{ $message }}
        </div>
    @enderror
    <div class="mt-3">
        <p class="small text-muted mb-2">
            Current image
        </p>

        <img
            src="{{ $category->image_url }}"
            alt="{{ $category->name ?: 'Category image' }}"
            class="img-thumbnail category-form-preview"
        >
    </div>
    
</div>

<div class="mb-3">
    <label for="display_order" class="form-label">
        Display Order
    </label>

    <input
        type="number"
        id="display_order"
        name="display_order"
        min="0"
        value="{{ old('display_order', $category->display_order) }}"
        class="form-control @error('display_order') is-invalid @enderror"
        required
    >

    @error('display_order')
        <div class="invalid-feedback">
            {{ $message }}
        </div>
    @enderror
</div>

<div class="form-check mb-4">
    <input
        type="checkbox"
        id="is_active"
        name="is_active"
        value="1"
        class="form-check-input"
        @checked(old('is_active', $category->is_active))
    >

    <label for="is_active" class="form-check-label">
        Active
    </label>
</div>

<button
    type="submit"
    class="btn btn-primary-custom"
>
    {{ $category->exists ? 'Update Category' : 'Create Category' }}
</button>

<a
    href="{{ route('admin.categories.index') }}"
    class="btn btn-secondary"
>
    Cancel
</a>