@extends('web.signup.layout')

@section('title', __('web.portal.demos'))
@section('page_title', __('web.portal.demos'))
@section('page_subtitle', $audience === 'investor' ? __('web.portal.investor_app') : __('web.portal.startup_app'))

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

@section('content')
    @include('web.apps.partials.nav', ['audience' => $audience])
    <section class="app-card">
        <div class="app-hero" style="padding:0;border:0;box-shadow:none">
            <div>
                <p class="app-muted">{{ $audience === 'investor' ? __('web.portal.investor_app') : __('web.portal.startup_app') }}</p>
                <h2>{{ __('web.portal.demos') }}</h2>
                <p class="app-muted">{{ __('web.portal.demos_description') }}</p>
            </div>
        </div>
        <ul class="app-list">
            @forelse($demos as $demo)
                <li>
                    <div>
                        <div class="app-ref">{{ app()->getLocale() === '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') }} @if($demo->meeting_time) · {{ $demo->meeting_time }} @endif</div>
                        @if($audience === 'startup')
                            @foreach($demo->slots as $slot)
                                <div class="app-meta">Application #{{ $slot->application?->round_number ?? '—' }} · {{ $slot->application?->investmentStage?->name_en ?: $slot->application?->investmentStage?->value ?: 'Stage not set' }}</div>
                            @endforeach
                        @endif
                    </div>
                    <span class="app-status">{{ __('web.portal.invited') }}</span>
                </li>
            @empty
                <li class="app-muted">{{ __('web.portal.demos_empty') }}</li>
            @endforelse
        </ul>
    </section>
@endsection