@extends('web.signup.layout')

@section('title', __('web.signup.completed.page_title'))
@section('page_title', __('web.signup.completed.page_title'))

@section('content')
    {{-- Post-signup success page.

         2026-06-17 PM (final): ONLY the startup signup controller
         hands off to this page. The investor controller redirects
         to /signup/scheduling so investors can book an intro
         meeting (the business rule says every investor signs off
         with a booked meeting; startups don't).

         History:
           • 2026-06-15: built this page to replace the old
             redirect to /signup/scheduling for investors who
             ops wanted to hear from the team first instead of
             going straight into a Bookings calendar.
           • 2026-06-17 AM: extended to startups too (the
             scheduling page surfaced as "تقويم الحجز قيد
             التهيئة" placeholder for them and felt broken).
           • 2026-06-17 PM: investor flow rolled BACK to
             scheduling per the latest ops spec. Startups
             remain on this page (correct, locked). --}}
    <div class="signup-card signup-completed">
        <div class="signup-completed__icon" aria-hidden="true">
            <svg width="56" height="56" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                <path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/>
                <polyline points="22 4 12 14.01 9 11.01"/>
            </svg>
        </div>
        <h2 class="signup-completed__title">{{ __('web.signup.completed.title') }}</h2>
        <p class="signup-completed__body">{{ __('web.signup.completed.body') }}</p>

        {{-- Marketing-site CTA. The dashboard subdomain
             (dashboard.numuangels.net) hosts the signup forms +
             post-signup acknowledgement, but the founder's mental
             "home" is the public marketing site at numuangels.com —
             so the home button must cross subdomains explicitly,
             NOT call `url('/')` which would point back at the
             dashboard root (a logged-out 404 for them).
             URL pulled from the `MARKETING_HOME_URL` env so an
             ops change to the brand domain doesn't require a code
             edit; falls back to the canonical apex if unset. --}}
        <div class="signup-completed__cta">
            <a href="{{ config('app.marketing_url', 'https://numuangels.com') }}"
               class="btn btn--primary"
               rel="noopener">
                {{ __('web.signup.completed.home_cta') }}
            </a>
        </div>
    </div>

    @push('styles')
    <style>
        .signup-completed {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 18px;
            padding: 48px 32px;
            text-align: center;
            max-width: 560px;
            margin: 0 auto;
        }
        .signup-completed__icon {
            width: 80px;
            height: 80px;
            border-radius: 999px;
            background: var(--primary-50, #f5f3ff);
            color: var(--primary-600, #7c3aed);
            display: inline-flex;
            align-items: center;
            justify-content: center;
        }
        .signup-completed__icon svg { width: 36px; height: 36px; }
        .signup-completed__title {
            margin: 0;
            font-size: 22px;
            font-weight: 700;
            color: var(--slate-900, #0f172a);
            line-height: 1.4;
        }
        .signup-completed__body {
            margin: 0;
            font-size: 15px;
            color: var(--slate-600, #475569);
            line-height: 1.7;
            max-width: 460px;
        }
        .signup-completed__cta { margin-top: 8px; }
        @media (max-width: 540px) {
            .signup-completed { padding: 32px 20px; gap: 14px; }
            .signup-completed__title { font-size: 19px; }
            .signup-completed__body { font-size: 14px; }
        }
    </style>
    @endpush
@endsection