@extends('web.signup.layout')

@section('title', __('web.portal.investor_app'))
@section('page_title', __('web.portal.investor_app'))
@section('page_subtitle', __('web.portal.account'))

@push('styles') @include('web.apps.partials.styles') @endpush

@section('content')
    @include('web.apps.partials.nav', ['audience' => 'investor'])
    @php($locale = app()->getLocale())
    @php($optionName = static fn ($option) => $option ? ($locale === 'ar' ? ($option->name_ar ?: $option->name_en ?: $option->value) : ($option->name_en ?: $option->name_ar ?: $option->value)) : '—')
    @php($statusName = $optionName($current?->statusOption))

    @if(session('status'))<div class="alert alert--success">{{ session('status') }}</div>@endif
    @if($errors->any())<div class="app-errors">{{ $errors->first() }}</div>@endif

    <div class="app-account">
        <section class="app-card app-account__summary">
            <p class="app-muted">{{ __('web.portal.account_information') }}</p>
            <h2>{{ $investor->display_name }}</h2>
            <p class="app-account__facts">
                @if($investor->email)<span>{{ $investor->email }}</span>@endif
                @if($investor->phone_number)<span>{{ $investor->phone_number }}</span>@endif
            </p>
        </section>

        @if($current === null)
            <section class="app-state app-state--legacy">
                <p class="app-state__eyebrow">{{ __('web.portal.current_application') }}</p>
                <h3>{{ __('web.portal.legacy_history_title') }}</h3>
                <p>{{ __('web.portal.legacy_history_message') }}</p>
            </section>
        @elseif($canCreate)
            <section class="app-state app-state--eligible">
                <p class="app-state__eyebrow">{{ __('web.portal.current_application') }}</p>
                <div><span class="app-status app-status--success">{{ __('web.portal.status') }}: {{ $statusName }}</span></div>
                <h3>{{ __('web.portal.eligible_title') }}</h3>
                <p>{{ __('web.portal.eligible_application_message') }}</p>
                <a class="app-btn app-state__action" href="{{ route('investor_app.applications.create') }}">{{ __('web.portal.new_application') }}</a>
            </section>
        @else
            <section class="app-state">
                <p class="app-state__eyebrow">{{ __('web.portal.current_application') }}</p>
                <div><span class="app-status">{{ __('web.portal.status') }}: {{ $statusName }}</span></div>
                <h3>{{ __('web.portal.application_number', ['number' => $current->application_number]) }}</h3>
                <p>{{ __('web.portal.active_application_message') }}</p>
            </section>
        @endif
    </div>

    <div class="app-grid">
        <section class="app-card app-card--wide">
            <div class="app-history__head">
                <h3>{{ __('web.portal.application_history') }} ({{ $applications->count() }})</h3>
                <a class="app-btn app-btn--ghost" href="{{ route('investor_app.applications.index') }}">{{ __('web.portal.view_details') }}</a>
            </div>
            <ul class="app-list">
                @forelse($applications->sortByDesc('application_number') as $application)
                    @php($label = $optionName($application->statusOption))
                    <li>
                        <div class="app-list__summary">
                            <div class="app-ref">{{ __('web.portal.application_number', ['number' => $application->application_number]) }} @if($current && $application->id === $current->id)<span class="app-status">{{ __('web.portal.current') }}</span>@endif</div>
                            <div class="app-meta">{{ __('web.portal.submitted') }}: {{ optional($application->submitted_at)->translatedFormat('j M Y, H:i') ?? '—' }}</div>
                        </div>
                        <div><span class="app-status">{{ $label }}</span> <a class="app-btn app-btn--ghost" href="{{ route('investor_app.applications.show', $application) }}">{{ __('web.portal.view_details') }}</a></div>
                    </li>
                @empty
                    <li><div class="app-empty">{{ __('web.portal.legacy_history_message') }}</div></li>
                @endforelse
            </ul>
        </section>
        <section class="app-card">
            <h3>{{ __('web.portal.demos') }}</h3>
            <ul class="app-list">
                @forelse($demos as $demo)
                    <li><div><div class="app-ref">{{ $locale === 'ar' ? ($demo->title_ar ?: $demo->title_en) : ($demo->title_en ?: $demo->title_ar) }}</div><div class="app-meta">{{ optional($demo->meeting_date)->translatedFormat('j M Y') }}</div></div></li>
                @empty
                    <li class="app-muted">{{ __('web.portal.demos_empty') }}</li>
                @endforelse
            </ul>
            <p style="margin:14px 0 0"><a class="app-btn app-btn--ghost" href="{{ route('investor_app.demos.index') }}">{{ __('web.portal.view_demos') }}</a></p>
        </section>
    </div>
@endsection