@extends('layouts.app')

@php
    $reg = new \App\Support\SubdomainRegistry();
    $en  = $reg->currentLocale() === 'en';
    $t   = fn ($de, $enT) => $en ? $enT : $de;

    $titles = [
        'full'    => $t('Große Umfrage', 'Full survey'),
        'problem' => $t('Problem schildern', 'Report a problem'),
        'quick'   => $t('Kurzumfrage', 'Quick survey'),
        'ideas'   => $t('App-Ideen bewerten', 'Rate app ideas'),
    ];
    $title = $titles[$variant ?? 'full'] ?? $t('Umfrage', 'Survey');
@endphp

@section('title', $title . ' — ProblemRadar')
@section('robots', 'noindex,follow')

@section('content')
@include('umfrage._shell')

<section class="u-shell" style="padding:96px 0 110px;">
    <div class="u-container" style="max-width:580px; text-align:center;">
        <div class="u-radar u-reveal" style="width:180px; margin-bottom:30px;">
            <div class="u-radar-ring"></div><div class="u-radar-ring"></div><div class="u-radar-ring"></div>
            <div class="u-radar-sweep"></div><div class="u-radar-core"></div>
            <div style="position:absolute;inset:0;display:grid;place-items:center;color:var(--u-violet);font-size:1.5rem;"><i class="fa-solid fa-screwdriver-wrench"></i></div>
        </div>
        <span class="u-eyebrow u-reveal"><span class="u-dot"></span> {{ $t('In Arbeit', 'In progress') }}</span>
        <h1 class="u-display u-reveal" style="font-size:clamp(1.9rem,4.5vw,2.9rem); margin-top:16px;">{{ $title }}</h1>
        <p class="u-lead u-reveal" style="margin:16px auto 30px;">{{ $t('Dieser Bereich wird gerade gebaut und ist in Kürze verfügbar. In der Zwischenzeit hilft die große Umfrage am meisten.', 'This section is being built and will be available shortly. In the meantime, the full survey helps most.') }}</p>
        <div class="u-reveal" style="display:flex; gap:12px; justify-content:center; flex-wrap:wrap;">
            <a href="{{ $reg->url('umfrage', 'start') }}" class="u-btn u-btn-primary">{{ $t('Zur großen Umfrage', 'Go to the full survey') }} <i class="fa-solid fa-arrow-right"></i></a>
            <a href="{{ $reg->url('umfrage') }}" class="u-btn u-btn-ghost"><i class="fa-solid fa-arrow-left"></i> {{ $t('Übersicht', 'Overview') }}</a>
        </div>
    </div>
</section>
@endsection