@extends('portal.layouts.app')

@section('content')
    <div class="portal-grid portal-grid--cards">
        <div class="portal-card">
            <div class="portal-stat__label">{{ trans('portal.tasks.cards.total') }}</div>
            <div class="portal-stat__value">{{ $stats['total'] }}</div>
        </div>
        <div class="portal-card">
            <div class="portal-stat__label">{{ trans('portal.tasks.cards.pending') }}</div>
            <div class="portal-stat__value">{{ $stats['pending'] }}</div>
        </div>
        <div class="portal-card">
            <div class="portal-stat__label">{{ trans('portal.tasks.cards.in_progress') }}</div>
            <div class="portal-stat__value">{{ $stats['in_progress'] }}</div>
        </div>
        <div class="portal-card">
            <div class="portal-stat__label">{{ trans('portal.tasks.cards.completed') }}</div>
            <div class="portal-stat__value">{{ $stats['completed'] }}</div>
        </div>
    </div>

    <div class="portal-card" style="margin-top: 18px;">
        <h2 class="portal-card__title">{{ trans('portal.tasks.filter.heading') }}</h2>
        <form method="GET" action="{{ route('portal.tasks') }}" class="portal-filter-grid">
            <div class="portal-field">
                <label for="status">{{ trans('portal.tasks.filter.status') }}</label>
                <select id="status" name="status">
                    <option value="">{{ trans('portal.tasks.filter.all_statuses') }}</option>
                    @foreach (['pending', 'in_progress', 'completed', 'cancelled'] as $s)
                        <option value="{{ $s }}" @selected($s === $statusFilter)>
                            {{ trans('portal.tasks.statuses.' . $s) }}
                        </option>
                    @endforeach
                </select>
            </div>
            <div class="portal-actions" style="margin-top: 0;">
                <button type="submit" class="portal-button">{{ trans('portal.tasks.filter.apply') }}</button>
                <a class="portal-button portal-button--ghost" href="{{ route('portal.tasks') }}">{{ trans('portal.tasks.filter.reset') }}</a>
            </div>
        </form>
    </div>

    <div class="portal-card" style="margin-top: 18px;">
        <h2 class="portal-card__title">{{ trans('portal.tasks.table.title') }}</h2>

        @if ($tasks->isEmpty())
            <div class="portal-empty">
                <h3>{{ trans('portal.tasks.empty_title') }}</h3>
                <p>{{ trans('portal.tasks.empty_description') }}</p>
            </div>
        @else
            <div class="portal-table-wrap">
                <table class="portal-table">
                    <thead>
                        <tr>
                            <th>{{ trans('portal.tasks.table.title_col') }}</th>
                            <th>{{ trans('portal.tasks.table.priority') }}</th>
                            <th>{{ trans('portal.tasks.table.status') }}</th>
                            <th>{{ trans('portal.tasks.table.due_date') }}</th>
                            <th>{{ trans('portal.tasks.table.actions') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($tasks as $task)
                            <tr>
                                <td><strong>{{ $task->title }}</strong></td>
                                <td>
                                    <span class="portal-badge portal-badge--{{ $service->priorityBadge($task->priority) }}">
                                        {{ trans('portal.tasks.priorities.' . $task->priority) }}
                                    </span>
                                </td>
                                <td>
                                    <span class="portal-badge portal-badge--{{ $service->statusBadge($task->status) }}">
                                        {{ trans('portal.tasks.statuses.' . $task->status) }}
                                    </span>
                                </td>
                                <td>
                                    @if ($task->due_date)
                                        <span class="{{ $task->due_date->isPast() && $task->status !== 'completed' ? 'portal-subtle' : '' }}">
                                            {{ $task->due_date->format('Y-m-d') }}
                                        </span>
                                    @else
                                        —
                                    @endif
                                </td>
                                <td>
                                    <a class="portal-button portal-button--ghost" href="{{ route('portal.tasks.show', $task->id) }}">
                                        {{ trans('portal.tasks.table.view_details') }}
                                    </a>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

            <div class="portal-pagination">
                <div class="portal-subtle">
                    {{ trans('portal.tasks.pagination_summary', [
                        'from' => $tasks->firstItem(),
                        'to' => $tasks->lastItem(),
                        'total' => $tasks->total(),
                    ]) }}
                </div>
                <div class="portal-actions" style="margin-top: 0;">
                    @if ($tasks->previousPageUrl())
                        <a class="portal-button portal-button--ghost" href="{{ $tasks->previousPageUrl() }}">{{ trans('portal.requests.pagination_previous') }}</a>
                    @endif
                    @if ($tasks->nextPageUrl())
                        <a class="portal-button portal-button--ghost" href="{{ $tasks->nextPageUrl() }}">{{ trans('portal.requests.pagination_next') }}</a>
                    @endif
                </div>
            </div>
        @endif
    </div>
@endsection