@extends('layouts.app')
@section('title','Company Categories')
@section('content')
<x-page-header title="Company Categories" description="Group company documents so they are easy to find."><a href="{{ $base }}/document-categories/create" class="button primary">Add category</a><a href="{{ $base }}/documents/settings?tab=categories" class="button secondary">Document Settings</a></x-page-header>
<form method="get" class="filter-bar"><label>Search categories<input type="search" name="q" value="{{ request('q') }}" maxlength="100"></label><button class="button secondary">Search</button></form>
<section class="panel"><div class="table-scroll"><table data-ui-list><thead><tr><th>Category</th><th>Status</th><th>Actions</th></tr></thead><tbody>@forelse($categories as $category)<tr><td>{{ $category->name }}</td><td>{{ $category->active?'Active':'Inactive' }}</td><td data-custom-row-actions><a class="button secondary small" href="{{ $base }}/document-categories/{{ $category->id }}/edit">Edit category</a><div x-data><button type="button" class="text-button" @click="$refs.confirm.showModal()">Delete category</button><dialog x-ref="confirm" class="ui-record-dialog" aria-label="Delete category confirmation"><div class="panel-body"><h2>Delete {{ $category->name }}?</h2><p>Used categories cannot be deleted. You can deactivate them instead.</p><form method="post" action="{{ $base }}/document-categories/{{ $category->id }}">@csrf @method('DELETE')<input name="confirm_delete" type="hidden" value="1"><button type="button" class="button secondary" @click="$refs.confirm.close()" autofocus>Cancel</button><button class="button primary ui-danger-action">Confirm delete</button></form></div></dialog></div></td></tr>@empty<tr><td colspan="3">No categories match your search.</td></tr>@endforelse</tbody></table></div><x-list-pagination :items="$categories"/></section>
@endsection