@extends('portal.layouts.app')

@php
    $request = $requestItem['request'];
    $notAvailable = trans('portal.common.not_available');
@endphp

@section('content')
    <div class="portal-grid">
        <div class="portal-card">
            <div class="portal-actions" style="margin-top: 0; margin-bottom: 18px;">
                <a class="portal-button portal-button--ghost" href="{{ route('portal.requests') }}">{{ trans('portal.requests.back_to_requests') }}</a>
            </div>

            <h2 class="portal-card__title">{{ trans('portal.requests.overview_title') }}</h2>
            <div class="portal-kv-grid">
                <div class="portal-kv">
                    <span class="portal-kv__label">{{ trans('portal.requests.table.request_code') }}</span>
                    <span class="portal-kv__value">{{ $request->request_code }}</span>
                </div>
                <div class="portal-kv">
                    <span class="portal-kv__label">{{ trans('portal.requests.table.request_type') }}</span>
                    <span class="portal-kv__value">{{ $requestItem['requestTypeLabel'] }}</span>
                </div>
                <div class="portal-kv">
                    <span class="portal-kv__label">{{ trans('portal.requests.table.status') }}</span>
                    <span class="portal-kv__value">
                        <span class="portal-badge portal-badge--{{ $request->status }}">{{ $requestItem['statusLabel'] }}</span>
                    </span>
                </div>
                <div class="portal-kv">
                    <span class="portal-kv__label">{{ trans('portal.requests.fields.submitted_at') }}</span>
                    <span class="portal-kv__value">{{ $requestItem['submittedAt'] ?? $notAvailable }}</span>
                </div>
                <div class="portal-kv">
                    <span class="portal-kv__label">{{ trans('portal.requests.fields.branch') }}</span>
                    <span class="portal-kv__value">{{ $request->branch?->name ?? $notAvailable }}</span>
                </div>
                <div class="portal-kv">
                    <span class="portal-kv__label">{{ trans('portal.requests.fields.current_step') }}</span>
                    <span class="portal-kv__value">
                        @if ($request->current_approval_step)
                            {{ trans('portal.requests.current_step', ['step' => $request->current_approval_step]) }}
                        @else
                            {{ trans('portal.requests.completed') }}
                        @endif
                    </span>
                </div>
            </div>
        </div>

        <div class="portal-card">
            <h2 class="portal-card__title">{{ trans('portal.requests.detail_fields_title') }}</h2>
            <div class="portal-kv-grid">
                @foreach ($requestItem['detailFields'] as $field)
                    <div class="portal-kv">
                        <span class="portal-kv__label">{{ $field['label'] }}</span>
                        <span class="portal-kv__value">{{ $field['value'] }}</span>
                    </div>
                @endforeach
            </div>
        </div>

        <div class="portal-grid portal-grid--cards">
            <div class="portal-card">
                <h2 class="portal-card__title">{{ trans('portal.requests.reason_title') }}</h2>
                <p class="portal-card__text">{{ $requestItem['reason'] ?: trans('portal.requests.reason_empty') }}</p>
            </div>

            <div class="portal-card">
                <h2 class="portal-card__title">{{ trans('portal.requests.attachments_title') }}</h2>

                @if ($requestItem['attachments']->isEmpty())
                    <p class="portal-card__text">{{ trans('portal.requests.attachments_empty') }}</p>
                @else
                    <div class="portal-list">
                        @foreach ($requestItem['attachments'] as $attachment)
                            <div class="portal-list__item">
                                <div>
                                    <div class="portal-list__title">{{ $attachment['file_name'] }}</div>
                                    <div class="portal-list__meta">{{ $attachment['mime_type'] ?? $notAvailable }}</div>
                                </div>
                                <div class="portal-list__meta">{{ $attachment['file_size'] ?? $notAvailable }}</div>
                            </div>
                        @endforeach
                    </div>
                @endif
            </div>
        </div>

        <div class="portal-card">
            <h2 class="portal-card__title">{{ trans('portal.requests.timeline_title') }}</h2>
            <div class="portal-timeline">
                @foreach ($requestItem['timeline'] as $timelineItem)
                    <div class="portal-timeline__item">
                        <div class="portal-timeline__dot"></div>
                        <div>
                            <div class="portal-timeline__title">
                                <strong>{{ $timelineItem['title'] }}</strong>
                                <span class="portal-badge portal-badge--{{ $timelineItem['status'] }}">{{ $timelineItem['status_label'] }}</span>
                            </div>
                            <p class="portal-timeline__text">{{ $timelineItem['description'] }}</p>
                            <p class="portal-timeline__text">{{ $timelineItem['meta'] ?? $notAvailable }}</p>
                            @if ($timelineItem['notes'])
                                <div class="portal-timeline__notes">{{ $timelineItem['notes'] }}</div>
                            @endif
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </div>
@endsection