@php
    $primary = $setting?->primary_color ?: '#124a61';
    $accent = $setting?->accent_color ?: '#2e86ab';
    $company = $setting?->company_name ?: config('app.name');
    $logo = $setting?->logoSrc();

    $qty = fn ($v) => rtrim(rtrim(number_format((float) $v, 2), '0'), '.');
    $deadline = $rfq->response_deadline;

    // One place decides what this page is: a live advert, or a notice explaining
    // why it is no longer one.
    $mode = match (true) {
        $rfq->status === 'cancelled' => 'cancelled',
        $rfq->status === 'awarded' => 'awarded',
        $rfq->status === 'draft' => 'notyet',
        // Still running, but the buyer has taken it back to invite-only. The
        // advertised link keeps working; it just no longer admits new bidders.
        ! $rfq->is_public && ! $rfq->is_expired && $rfq->status === 'sent' => 'invitesonly',
        ! $isOpen => 'closed',
        $registering => 'registering',
        default => 'advert',
    };
@endphp

<div style="--brand: {{ $primary }}; --accent: {{ $accent }};"
     class="mx-auto flex min-h-screen max-w-3xl flex-col px-4 pb-16 pt-6 sm:pt-10">

    <style>
        .brand-grad { background-image: linear-gradient(135deg, var(--brand), var(--accent)); }
        .brand-text { color: var(--brand); }
        .brand-ring:focus { border-color: var(--accent); box-shadow: 0 0 0 1px var(--accent); }
    </style>

    {{-- ============================ HEADER ============================ --}}
    <header class="flex items-center gap-3">
        @if ($logo)
            <img src="{{ $logo }}" alt="{{ $company }}" class="h-11 w-auto max-w-[140px] rounded-lg bg-white object-contain p-1 shadow-sm ring-1 ring-slate-900/5">
        @else
            <span class="brand-grad flex h-11 w-11 items-center justify-center rounded-lg text-lg font-bold text-white shadow-sm">
                {{ \Illuminate\Support\Str::of($company)->substr(0, 1)->upper() }}
            </span>
        @endif
        <div>
            <p class="text-base font-bold leading-tight text-slate-900">{{ $company }}</p>
            <p class="text-sm text-slate-500">{{ __('Open tender') }}</p>
        </div>
    </header>

    {{-- ============================ HERO ============================== --}}
    <div class="brand-grad mt-6 overflow-hidden rounded-3xl p-6 text-white shadow-lg sm:p-8">
        <p class="text-[11px] font-semibold uppercase tracking-[0.2em] text-white/70">{{ __('Invitation to tender') }}</p>
        <h1 class="mt-2 text-2xl font-bold leading-tight sm:text-3xl">{{ $rfq->title ?: __('Request for quotation') }}</h1>
        <p class="mt-2 font-mono text-sm text-white/80">{{ $rfq->rfq_number }}</p>

        <div class="mt-5 flex flex-wrap gap-x-8 gap-y-3 border-t border-white/20 pt-4 text-sm">
            <div>
                <p class="text-[11px] font-semibold uppercase tracking-wider text-white/60">{{ __('Items') }}</p>
                <p class="mt-0.5 font-semibold">{{ $rfq->lines->count() }}</p>
            </div>
            <div>
                <p class="text-[11px] font-semibold uppercase tracking-wider text-white/60">{{ __('Closes') }}</p>
                <p class="mt-0.5 font-semibold">{{ $deadline ? $deadline->format('j M Y, H:i') : __('Open-ended') }}</p>
            </div>
            @if ($rfq->required_by)
                <div>
                    <p class="text-[11px] font-semibold uppercase tracking-wider text-white/60">{{ __('Required by') }}</p>
                    <p class="mt-0.5 font-semibold">{{ $rfq->required_by->format('j M Y') }}</p>
                </div>
            @endif
            <div>
                <p class="text-[11px] font-semibold uppercase tracking-wider text-white/60">{{ __('Bidders so far') }}</p>
                <p class="mt-0.5 font-semibold">{{ $bidCount }}</p>
            </div>
        </div>
    </div>

    {{-- ============================ NOTICES =========================== --}}
    @if (in_array($mode, ['cancelled', 'awarded', 'closed', 'notyet', 'invitesonly'], true))
        @php
            $notice = match ($mode) {
                'cancelled'   => ['title' => __('This tender has been withdrawn'),   'body' => __('The buyer cancelled this request. Nothing further is needed.')],
                'awarded'     => ['title' => __('This tender has been awarded'),     'body' => __('A supplier has been selected and the tender is closed. Thank you to everyone who quoted.')],
                'notyet'      => ['title' => __('This tender is not open yet'),      'body' => __('It has not been issued. Please check back, or contact the buyer using the details below.')],
                'invitesonly' => ['title' => __('This tender is by invitation only'), 'body' => __('It is no longer open for general registration. Contact the buyer below if you would like to be invited.')],
                default       => ['title' => __('This tender has closed'),           'body' => __('The deadline has passed and new bids can no longer be accepted. If you already quoted, your submission still stands.')],
            };
        @endphp

        <div class="mt-6 rounded-2xl border border-slate-200 bg-slate-50 p-6 text-center">
            <span class="mx-auto flex h-12 w-12 items-center justify-center rounded-2xl bg-slate-100 text-slate-500">
                <x-icon name="lock-closed" class="h-6 w-6" />
            </span>
            <h2 class="mt-4 text-lg font-bold text-slate-900">{{ $notice['title'] }}</h2>
            <p class="mx-auto mt-1 max-w-md text-sm text-slate-600">{{ $notice['body'] }}</p>

            @if ($mode === 'closed')
                <p class="mt-4 text-xs text-slate-400">
                    {{ __('Already bidding? Open the private link that was emailed to you to review your quotation.') }}
                </p>
            @endif
        </div>
    @endif

    {{-- ============================ REGISTRATION ====================== --}}
    @if ($mode === 'registering')
        <div class="mt-6 rounded-2xl bg-white p-5 shadow-sm ring-1 ring-slate-900/5 sm:p-6">
            <h2 class="text-lg font-bold text-slate-900">{{ __('Register to bid') }}</h2>
            <p class="mt-1 text-sm text-slate-500">
                {{ __('Tell us who you are and we will take you straight to the pricing form. No account, no password — your details are used only for this tender.') }}
            </p>

            <div class="mt-5 grid grid-cols-1 gap-4 sm:grid-cols-2">
                <div class="sm:col-span-2">
                    <label class="text-[11px] font-semibold uppercase tracking-wider text-slate-400" for="company">{{ __('Company name') }}</label>
                    <input id="company" type="text" wire:model="company_name" placeholder="{{ __('Registered trading name') }}"
                           class="brand-ring mt-1 block w-full rounded-xl border-slate-300 text-sm shadow-sm placeholder:text-xs focus:ring-0" />
                    @error('company_name') <p class="mt-1 text-xs text-rose-600">{{ $message }}</p> @enderror
                </div>
                <div>
                    <label class="text-[11px] font-semibold uppercase tracking-wider text-slate-400" for="contact">{{ __('Your name') }}</label>
                    <input id="contact" type="text" wire:model="contact_name"
                           class="brand-ring mt-1 block w-full rounded-xl border-slate-300 text-sm shadow-sm focus:ring-0" />
                    @error('contact_name') <p class="mt-1 text-xs text-rose-600">{{ $message }}</p> @enderror
                </div>
                <div>
                    <label class="text-[11px] font-semibold uppercase tracking-wider text-slate-400" for="phone">{{ __('Phone') }}</label>
                    <input id="phone" type="text" wire:model="phone"
                           class="brand-ring mt-1 block w-full rounded-xl border-slate-300 text-sm shadow-sm focus:ring-0" />
                    @error('phone') <p class="mt-1 text-xs text-rose-600">{{ $message }}</p> @enderror
                </div>
                <div class="sm:col-span-2">
                    <label class="text-[11px] font-semibold uppercase tracking-wider text-slate-400" for="email">{{ __('Email') }}</label>
                    <input id="email" type="email" wire:model="email"
                           class="brand-ring mt-1 block w-full rounded-xl border-slate-300 text-sm shadow-sm focus:ring-0" />
                    <p class="mt-1 text-[11px] text-slate-400">{{ __('Your private bidding link is tied to this address. Use the same one if you come back to revise.') }}</p>
                    @error('email') <p class="mt-1 text-xs text-rose-600">{{ $message }}</p> @enderror
                </div>
            </div>

            <div class="mt-6 flex items-center justify-between gap-3">
                <button type="button" wire:click="cancelRegistration" class="text-sm font-semibold text-slate-500 transition hover:text-slate-700">
                    {{ __('Back') }}
                </button>
                <button type="button" wire:click="register" wire:loading.attr="disabled" wire:target="register"
                        class="brand-grad rounded-xl px-6 py-2.5 text-sm font-bold text-white shadow-sm transition hover:opacity-90 disabled:opacity-60">
                    <span wire:loading.remove wire:target="register">{{ __('Continue to pricing') }}</span>
                    <span wire:loading wire:target="register">{{ __('One moment…') }}</span>
                </button>
            </div>
        </div>
    @endif

    {{-- ============================ THE ADVERT ======================== --}}
    @if ($mode === 'advert' || $mode === 'registering')
        <div class="mt-6 rounded-2xl bg-white p-5 shadow-sm ring-1 ring-slate-900/5 sm:p-6">

            @if ($rfq->scope)
                <h2 class="text-sm font-bold text-slate-900">{{ __('Scope of requirement') }}</h2>
                <p class="mt-1 whitespace-pre-line text-sm text-slate-600">{{ $rfq->scope }}</p>
                <hr class="my-5 border-slate-100">
            @endif

            <h2 class="text-sm font-bold text-slate-900">{{ __('What is being tendered') }}</h2>
            <div class="mt-3 divide-y divide-slate-100 overflow-hidden rounded-xl ring-1 ring-slate-100">
                @foreach ($rfq->lines as $i => $line)
                    <div class="flex items-start gap-3 bg-white p-4">
                        <span class="brand-text flex h-6 w-6 shrink-0 items-center justify-center rounded-lg bg-slate-100 text-[11px] font-bold">{{ $i + 1 }}</span>
                        <div class="min-w-0 flex-1">
                            <p class="text-sm font-semibold text-slate-900">{{ $line->description }}</p>
                            @if ($line->specification)
                                <p class="mt-0.5 whitespace-pre-line text-xs text-slate-500">{{ $line->specification }}</p>
                            @endif
                        </div>
                        <span class="shrink-0 whitespace-nowrap rounded-lg bg-slate-100 px-2.5 py-1 text-xs font-semibold tabular-nums text-slate-700">
                            {{ $qty($line->quantity) }} {{ $line->unit }}
                        </span>
                    </div>
                @endforeach
            </div>

            @if ($rfq->delivery_address)
                <div class="mt-5">
                    <h2 class="text-sm font-bold text-slate-900">{{ __('Delivery') }}</h2>
                    <p class="mt-1 whitespace-pre-line text-sm text-slate-600">{{ $rfq->delivery_address }}</p>
                </div>
            @endif

            @if ($rfq->payment_terms)
                <div class="mt-5">
                    <h2 class="text-sm font-bold text-slate-900">{{ __('Payment terms') }}</h2>
                    <p class="mt-1 text-sm text-slate-600">{{ $rfq->payment_terms }}</p>
                </div>
            @endif

            @if ($rfq->terms)
                <div class="mt-5 rounded-xl border border-slate-200 p-4">
                    <h2 class="text-[11px] font-semibold uppercase tracking-wider text-slate-400">{{ __('Conditions') }}</h2>
                    <p class="mt-1 whitespace-pre-line text-sm text-slate-600">{{ $rfq->terms }}</p>
                </div>
            @endif

            <div class="mt-5 rounded-xl bg-slate-50 p-4 text-xs leading-relaxed text-slate-500">
                <p class="font-semibold text-slate-600">{{ __('How this works') }}</p>
                <ol class="mt-1.5 list-decimal space-y-1 pl-4">
                    <li>{{ __('Register with your company name and email.') }}</li>
                    <li>{{ __('You are given a private link and price each item on the list.') }}</li>
                    <li>{{ __('You can revise your quotation any time before the closing date.') }}</li>
                    <li>{{ __('Bids are sealed — no other bidder sees your prices, and you see none of theirs.') }}</li>
                </ol>
                <p class="mt-2">{{ __('This request is not an order and places the buyer under no obligation to purchase.') }}</p>
            </div>
        </div>
    @endif

    {{-- ============================ CTA =============================== --}}
    @if ($mode === 'advert')
        <div class="mt-6 text-center">
            <button type="button" wire:click="startRegistration"
                    class="brand-grad w-full rounded-2xl px-8 py-4 text-base font-bold text-white shadow-lg transition hover:opacity-90 sm:w-auto">
                {{ __('Bid on this tender') }}
            </button>
            @if ($deadline)
                <p class="mt-2 text-xs text-slate-400">{{ __('Closes :when', ['when' => $deadline->diffForHumans()]) }}</p>
            @endif
        </div>
    @endif

    {{-- ============================ FOOTER ============================ --}}
    <footer class="mt-10 text-center text-xs leading-relaxed text-slate-400">
        <p>{{ __('Tender :number issued by :company.', ['number' => $rfq->rfq_number, 'company' => $company]) }}</p>
        @if ($setting?->email || $setting?->phone)
            <p class="mt-1">
                {{ __('Questions?') }}
                @if ($setting?->email) <a href="mailto:{{ $setting->email }}" class="brand-text font-medium">{{ $setting->email }}</a>@endif
                @if ($setting?->phone) · {{ $setting->phone }}@endif
            </p>
        @endif
    </footer>
</div>