@extends('admin.layouts.app')
@section('title', get_setting('site_name').' | '.__('Disciplinary categories'))
@section('content')
    @include('admin.disciplinary.partials.styles')
    <div class="container-fluid dm-wrap">
        <div class="row mt-3 mb-3">
            <div class="col-lg-10">
                <div class="mb-3">
                    <h4 class="page-title mb-1">{{ __('Categories') }}</h4>
                    <p class="text-muted small mb-0">{{ __('Classify incidents (attendance, misconduct, policy breach, etc.).') }}</p>
                </div>

                <div class="card mb-3">
                    <div class="card-header">{{ __('Add category') }}</div>
                    <div class="card-body">
                        <form method="post" action="{{ route('dm.categories.store') }}" class="form-row">
                            @csrf
                            <div class="col-md-4 mb-2">
                                <input type="text" name="name" class="form-control" placeholder="{{ __('Name') }}" required value="{{ old('name') }}">
                            </div>
                            <div class="col-md-3 mb-2">
                                <input type="text" name="slug" class="form-control" placeholder="{{ __('Slug (optional)') }}" value="{{ old('slug') }}">
                            </div>
                            <div class="col-md-3 mb-2">
                                <input type="text" name="description" class="form-control" placeholder="{{ __('Description') }}" value="{{ old('description') }}">
                            </div>
                            <div class="col-md-2 mb-2">
                                <label class="d-block mt-2"><input type="checkbox" name="is_active" value="1" checked> {{ __('Active') }}</label>
                            </div>
                            <div class="col-12">
                                <button type="submit" class="btn btn-sm btn-primary">{{ __('Add') }}</button>
                            </div>
                        </form>
                    </div>
                </div>

                <div class="card">
                    <div class="card-header">{{ __('All categories') }}</div>
                    <div class="card-body p-0">
                        <div class="table-responsive">
                            <table class="table dm-table mb-0">
                                <thead><tr><th>{{ __('Name') }}</th><th>{{ __('Slug') }}</th><th>{{ __('Active') }}</th><th></th></tr></thead>
                                <tbody>
                                @forelse($rows as $r)
                                    <tr>
                                        <td>{{ $r->name }}</td>
                                        <td><code>{{ $r->slug }}</code></td>
                                        <td>
                                            @if($r->is_active)
                                                <span class="dm-badge dismissed">{{ __('Yes') }}</span>
                                            @else
                                                <span class="dm-badge closed">{{ __('No') }}</span>
                                            @endif
                                        </td>
                                        <td class="text-right"><a class="btn btn-sm btn-outline-primary" href="{{ route('dm.categories.edit', $r->id) }}">{{ __('Edit') }}</a></td>
                                    </tr>
                                @empty
                                    <tr><td colspan="4" class="text-center text-muted py-4">{{ __('No categories yet.') }}</td></tr>
                                @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="card-footer">{{ $rows->links() }}</div>
                </div>
            </div>
        </div>
    </div>
@endsection