@extends('layouts.app')

@section('title', $category->name . ' - Edit - Smart ERP')
@section('page-title', 'Edit Category')

@section('content')

<div class="flex items-center gap-3 mb-6">
    <a href="{{ route('master.categories.index') }}" class="w-9 h-9 rounded-lg bg-gray-100 hover:bg-gray-200 flex items-center justify-center text-gray-600 transition-colors">
        <i class="fas fa-arrow-left"></i>
    </a>
    <h2 class="text-xl font-bold text-gray-800">Edit Category</h2>
</div>

<div class="card p-6 max-w-2xl">
    <form action="{{ route('master.categories.update', $category) }}" method="POST">
        @csrf
        @method('PUT')
        <div class="space-y-6">
            <div>
                <label class="block text-sm font-semibold text-gray-700 mb-2">Category Name <span class="text-red-500">*</span></label>
                <input type="text" name="name" value="{{ old('name', $category->name) }}" required class="w-full px-4 py-2.5 border border-gray-300 rounded-lg text-sm outline-none focus:border-indigo-500 @error('name') border-red-500 @enderror" placeholder="Category name">
                @error('name')<p class="text-xs text-red-500 mt-1">{{ $message }}</p>@enderror
            </div>
            <div>
                <label class="block text-sm font-semibold text-gray-700 mb-2">Code</label>
                <input type="text" name="code" value="{{ old('code', $category->code) }}" class="w-full px-4 py-2.5 border border-gray-300 rounded-lg text-sm outline-none focus:border-indigo-500 @error('code') border-red-500 @enderror" placeholder="e.g. CAT-001">
                @error('code')<p class="text-xs text-red-500 mt-1">{{ $message }}</p>@enderror
            </div>
            <div>
                <label class="block text-sm font-semibold text-gray-700 mb-2">Description</label>
                <textarea name="description" rows="3" class="w-full px-4 py-2.5 border border-gray-300 rounded-lg text-sm outline-none focus:border-indigo-500 @error('description') border-red-500 @enderror" placeholder="Category description">{{ old('description', $category->description) }}</textarea>
                @error('description')<p class="text-xs text-red-500 mt-1">{{ $message }}</p>@enderror
            </div>
            <div>
                <label class="block text-sm font-semibold text-gray-700 mb-2">Status</label>
                <select name="is_active" class="w-full px-4 py-2.5 border border-gray-300 rounded-lg text-sm outline-none focus:border-indigo-500">
                    <option value="1" {{ old('is_active', $category->is_active) == '1' ? 'selected' : '' }}>Active</option>
                    <option value="0" {{ old('is_active', $category->is_active) === '0' ? 'selected' : '' }}>Inactive</option>
                </select>
            </div>
        </div>
        <div class="flex items-center gap-3 mt-8 pt-6 border-t border-gray-100">
            <button type="submit" class="px-6 py-2.5 bg-indigo-600 hover:bg-indigo-700 text-white rounded-lg text-sm font-semibold transition-colors"><i class="fas fa-save mr-2"></i>Update</button>
            <a href="{{ route('master.categories.show', $category) }}" class="px-6 py-2.5 bg-gray-100 hover:bg-gray-200 text-gray-700 rounded-lg text-sm font-semibold transition-colors">Cancel</a>
        </div>
    </form>
</div>

@endsection