@extends('layouts.app')

@section('page-title', __('app.category.title'))

@section('content')
    <div style="margin-bottom:16px">
        <a href="{{ route('admin.categories.create') }}" class="btn btn-primary">{{ __('app.category.new') }}</a>
    </div>

    <table class="table">
        <thead>
            <tr>
                <th>{{ __('app.category.name_de') }}</th>
                <th>{{ __('app.category.name_en') }}</th>
                <th>{{ __('app.category.color') }}</th>
                <th>{{ __('app.category.sort_order') }}</th>
                <th>{{ __('app.category.active_col') }}</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            @forelse ($categories as $category)
                <tr>
                    <td><a href="{{ route('admin.categories.edit', $category) }}">{{ $category->name_de }}</a></td>
                    <td>{{ $category->name_en }}</td>
                    <td><span class="badge" style="background:{{ $category->color }};color:{{ $category->textColor() }}">{{ $category->color }}</span></td>
                    <td>{{ $category->sort_order }}</td>
                    <td>
                        @if ($category->is_active)
                            <span class="badge badge-status-resolved">{{ __('app.category.active') }}</span>
                        @else
                            <span class="badge badge-status-closed">{{ __('app.category.inactive') }}</span>
                        @endif
                    </td>
                    <td style="display:flex;gap:10px">
                        <a href="{{ route('admin.categories.edit', $category) }}">{{ __('app.category.edit') }}</a>
                        <form method="POST" action="{{ route('admin.categories.destroy', $category) }}"
                              onsubmit="return confirm('{{ __('app.category.delete_confirm') }}')">
                            @csrf @method('DELETE')
                            <button type="submit" class="btn-link-danger">{{ __('app.category.delete') }}</button>
                        </form>
                    </td>
                </tr>
            @empty
                <tr><td colspan="6">{{ __('app.category.none_found') }}</td></tr>
            @endforelse
        </tbody>
    </table>
@endsection