@extends('layouts.app')
@section('title', 'Categories')
@section('page_title', 'Procurement Categories')
@section('content')
<div class="card">
    <h3>Create Category</h3>
    <form method="POST" action="{{ route('admin.categories.store') }}">
        @csrf
        <div class="form-row-3">
            <div class="field"><label>Name</label><input name="name" required></div>
            <div class="field"><label>Status</label><select name="status"><option value="active">Active</option><option value="inactive">Inactive</option></select></div>
            <div class="field"><label>Description</label><input name="description"></div>
        </div>
        <button class="btn" type="submit">Add Category</button>
    </form>
</div>
<div class="card">
    <h3>Category List</h3>
    <table>
        <thead><tr><th>Name</th><th>Description</th><th>Status</th><th>Update</th></tr></thead>
        <tbody>
        @foreach($categories as $category)
            <tr>
                <form method="POST" action="{{ route('admin.categories.update', $category) }}">
                    @csrf @method('PUT')
                    <td><input name="name" value="{{ $category->name }}" required></td>
                    <td><input name="description" value="{{ $category->description }}"></td>
                    <td><select name="status"><option value="active" @selected($category->status === 'active')>Active</option><option value="inactive" @selected($category->status === 'inactive')>Inactive</option></select></td>
                    <td class="actions"><button class="btn small" type="submit">Save</button>
                </form>
                <form method="POST" action="{{ route('admin.categories.destroy', $category) }}" onsubmit="return confirm('Delete category?')">@csrf @method('DELETE')<button class="btn small danger">Delete</button></form></td>
            </tr>
        @endforeach
        </tbody>
    </table>
    <div class="pagination">{{ $categories->links() }}</div>
</div>
@endsection