@extends('portal.layouts.app')

@section('content')
    <div class="portal-grid portal-grid--cards">
        <div class="portal-card">
            <div class="portal-stat__label">{{ trans('portal.requests.cards.total') }}</div>
            <div class="portal-stat__value">{{ $requestStats['total'] }}</div>
        </div>
        <div class="portal-card">
            <div class="portal-stat__label">{{ trans('portal.requests.cards.pending') }}</div>
            <div class="portal-stat__value">{{ $requestStats['pending'] }}</div>
        </div>
        <div class="portal-card">
            <div class="portal-stat__label">{{ trans('portal.requests.cards.approved') }}</div>
            <div class="portal-stat__value">{{ $requestStats['approved'] }}</div>
        </div>
        <div class="portal-card">
            <div class="portal-stat__label">{{ trans('portal.requests.cards.rejected') }}</div>
            <div class="portal-stat__value">{{ $requestStats['rejected'] }}</div>
        </div>
    </div>

    <div class="portal-card" style="margin-top: 18px;">
        <h2 class="portal-card__title">{{ trans('portal.requests.new_request_heading') }}</h2>
        <div class="portal-actions" style="margin-top: 14px; flex-wrap: wrap;">
            @foreach (['leave','permission','loan','data_change','complaint','resignation'] as $requestType)
                <a class="portal-button portal-button--subtle" href="{{ route('portal.submit.create', $requestType) }}">
                    {{ trans("portal.requests.types.{$requestType}") }}
                </a>
            @endforeach
        </div>
    </div>

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

        @if ($errors->any())
            <div class="portal-alert">
                {{ $errors->first() }}
            </div>
        @endif

        <form method="GET" action="{{ route('portal.requests') }}" class="portal-filter-grid">
            <div class="portal-field">
                <label for="request_type">{{ trans('portal.requests.filters.request_type') }}</label>
                <select id="request_type" name="request_type">
                    <option value="">{{ trans('portal.requests.filters.all_types') }}</option>
                    @foreach ($requestTypes as $value => $label)
                        <option value="{{ $value }}" @selected(($filters['request_type'] ?? null) === $value)>{{ $label }}</option>
                    @endforeach
                </select>
                @error('request_type')
                    <div class="portal-field__error">{{ $message }}</div>
                @enderror
            </div>

            <div class="portal-field">
                <label for="status">{{ trans('portal.requests.filters.status') }}</label>
                <select id="status" name="status">
                    <option value="">{{ trans('portal.requests.filters.all_statuses') }}</option>
                    @foreach ($statuses as $value => $label)
                        <option value="{{ $value }}" @selected(($filters['status'] ?? null) === $value)>{{ $label }}</option>
                    @endforeach
                </select>
                @error('status')
                    <div class="portal-field__error">{{ $message }}</div>
                @enderror
            </div>

            <div class="portal-actions" style="margin-top: 0;">
                <button type="submit" class="portal-button">{{ trans('portal.requests.filters.apply') }}</button>
                <a class="portal-button portal-button--ghost" href="{{ route('portal.requests') }}">{{ trans('portal.requests.filters.reset') }}</a>
            </div>
        </form>
    </div>

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

        @if ($requestItems->isEmpty())
            <div class="portal-empty">
                <h3>{{ trans('portal.requests.empty_title') }}</h3>
                <p>{{ trans('portal.requests.empty_description') }}</p>
            </div>
        @else
            <div class="portal-table-wrap">
                <table class="portal-table">
                    <thead>
                        <tr>
                            <th>{{ trans('portal.requests.table.request_code') }}</th>
                            <th>{{ trans('portal.requests.table.request_type') }}</th>
                            <th>{{ trans('portal.requests.table.summary') }}</th>
                            <th>{{ trans('portal.requests.table.submitted_at') }}</th>
                            <th>{{ trans('portal.requests.table.status') }}</th>
                            <th>{{ trans('portal.requests.table.tracking') }}</th>
                            <th>{{ trans('portal.requests.table.actions') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($requestItems as $item)
                            <tr>
                                <td>
                                    <strong>{{ $item['request_code'] }}</strong>
                                </td>
                                <td>{{ $item['request_type_label'] }}</td>
                                <td>
                                    <div>{{ $item['summary'] ?: trans('portal.common.not_available') }}</div>
                                </td>
                                <td>{{ $item['submitted_at'] ?? trans('portal.common.not_available') }}</td>
                                <td>
                                    <span class="portal-badge portal-badge--{{ $item['status'] }}">{{ $item['status_label'] }}</span>
                                </td>
                                <td class="portal-subtle">
                                    @if ($item['current_step'])
                                        {{ trans('portal.requests.current_step', ['step' => $item['current_step']]) }}
                                    @else
                                        {{ trans('portal.requests.completed') }}
                                    @endif
                                </td>
                                <td>
                                    <a class="portal-button portal-button--ghost" href="{{ $item['details_url'] }}">{{ trans('portal.requests.table.view_details') }}</a>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

            <div class="portal-pagination">
                <div class="portal-subtle">
                    {{ trans('portal.requests.pagination_summary', [
                        'from' => $requestItems->firstItem(),
                        'to' => $requestItems->lastItem(),
                        'total' => $requestItems->total(),
                    ]) }}
                </div>

                <div class="portal-actions" style="margin-top: 0;">
                    @if ($requestItems->previousPageUrl())
                        <a class="portal-button portal-button--ghost" href="{{ $requestItems->previousPageUrl() }}">{{ trans('portal.requests.pagination_previous') }}</a>
                    @endif

                    @if ($requestItems->nextPageUrl())
                        <a class="portal-button portal-button--ghost" href="{{ $requestItems->nextPageUrl() }}">{{ trans('portal.requests.pagination_next') }}</a>
                    @endif
                </div>
            </div>
        @endif
    </div>
@endsection