@php
    $canonicalPath = '/pro/'.$profile['business']['canonical_slug'].'/';
    $canonical = config('plocal.public_url').$canonicalPath;
    $badgeAssets = [
        'business_of_the_day' => 'business-of-the day.svg',
        'business_of_the_month' => 'business-of-the-month.svg',
        'business_of_the_year' => 'business-of-the year.svg',
    ];
    $badgeLabels = [
        'business_of_the_day' => 'Current PLOCAL Business of the Day',
        'business_of_the_month' => 'Current PLOCAL Business of the Month',
        'business_of_the_year' => 'Current PLOCAL Business of the Year',
    ];
    $lifecycleCopy = match ($profile['lifecycle_state']) {
        'no_nominee' => 'This Business has an evaluated PLOCAL Profile.',
        'active_evaluation' => 'PLOCAL evaluation in progress.',
        'evaluation_pending' => 'PLOCAL evaluation in progress.',
        'decision_pending' => 'PLOCAL final review in progress.',
        'final' => match ($profile['final_outcome']) {
            'nominee' => 'PLOCAL Nominee.',
            'honors' => 'PLOCAL Honors.',
            'awarded' => 'Recognized by PLOCAL.',
            default => 'PLOCAL evaluation complete.',
        },
    };
@endphp
@extends('layouts.public')

@section('title', $profile['business']['display_name'].' | Evaluated Profile | PLOCAL')
@section('description', $lifecycleCopy)
{{-- ResolvePublicBusinessProfile only renders this view once a Business has
     already passed the public resolvability contract (published, active,
     Nominee-provenanced) — see App\Application\Profiles\
     ResolvePublicBusinessProfile::newModelIsPubliclyResolvable(). Reusing
     that same gate here rather than re-deriving it. --}}
@section('robots', 'index, follow')
@section('canonical', $canonical)
@section('image', $profile['screenshot']['available']
    ? route('public.profiles.screenshot', [$businessSlug, $profile['screenshot']['reference_public_id']])
    : config('plocal.public_url').'/assets/img/og-meta/plocal-home.png')
@section('body-class', 'plocal-business-profile')
@section('body-attributes')data-profile-state="ready" data-render-source="new_model"@endsection

@push('styles')
    <link rel="stylesheet" href="/assets/css/pages/business-profile.css">
    <link rel="stylesheet" href="/assets/css/pages/profile-home-theme.css">
    <link rel="stylesheet" href="/assets/css/pages/plocal-server-rendered.css">
    <link rel="stylesheet" href="/assets/css/pages/profile-neighbor-nav.css">
@endpush

@section('content')
    @include('public.partials.site-header')

    {{-- Legacy profile hero intentionally hidden; the editorial showcase below is the public profile header. --}}
    {{--
    <section class="plocal-profile-hero" aria-labelledby="profile-title">
        <div class="plocal-profile-container">
            <nav class="plocal-profile-breadcrumb" aria-label="Breadcrumb">
                <ol><li><a href="/">Home</a></li><li><a href="/pro/">Business Profiles</a></li><li aria-current="page">{{ $profile['business']['display_name'] }}</li></ol>
            </nav>
            <p class="plocal-profile-eyebrow plocal-profile-hero__eyebrow">PLOCAL Evaluated Business Profile</p>
            <h1 class="plocal-profile-title" id="profile-title">{{ $profile['business']['display_name'] }}</h1>
            @if ($profile['business']['city'] !== null)
                <div class="plocal-profile-identity-meta">
                    <span><i class="fas fa-location-dot" aria-hidden="true"></i>{{ $profile['business']['city'] }}, {{ $profile['business']['state'] }}</span>
                </div>
            @endif
            <p class="plocal-profile-demo-flag">{{ $lifecycleCopy }}</p>

            @if ($profile['current_award'] !== null)
                <div class="plocal-profile-evaluation-strip">
                    <div>
                        <span>{{ $badgeLabels[$profile['current_award']['level']] }}</span>
                        <img src="/assets/img/1-badge-system/{{ rawurlencode($badgeAssets[$profile['current_award']['level']]) }}" alt="{{ $badgeLabels[$profile['current_award']['level']] }}" style="max-width:64px;height:auto;">
                    </div>
                </div>
            @endif
        </div>
    </section>
    --}}

    <section class="plocal-profile-showcase" aria-label="{{ $profile['business']['display_name'] }} profile summary">
        <div class="plocal-profile-container plocal-profile-showcase__grid">
            <div class="plocal-profile-showcase__identity">
                <p class="plocal-profile-showcase__eyebrow">PLOCAL evaluated business</p>
                <h2>{{ $profile['business']['display_name'] }}</h2>
                @if ($profile['business']['category'] ?? null)
                    <p class="plocal-profile-showcase__category">{{ $profile['business']['category'] }}</p>
                @endif
                @if ($profile['business']['city'] !== null)
                    <p class="plocal-profile-showcase__location"><i class="fas fa-location-dot" aria-hidden="true"></i>{{ $profile['business']['city'] }}, {{ $profile['business']['state'] }}</p>
                @endif
                <p class="plocal-profile-showcase__summary">{{ $lifecycleCopy }} Public results are presented transparently through the PLOCAL evaluation.</p>
                <a class="plocal-profile-showcase__link" href="#profile-details">Explore profile <span aria-hidden="true">→</span></a>
            </div>

            <div class="plocal-profile-showcase__monitor" aria-label="Submitted website preview">
                @if ($profile['screenshot']['available'])
                    <img class="plocal-profile-showcase__screen" src="{{ route('public.profiles.screenshot', [$businessSlug, $profile['screenshot']['reference_public_id']]) }}" alt="Submitted website screenshot for {{ $profile['business']['display_name'] }}.">
                @else
                    <div class="plocal-profile-showcase__screen-fallback">PLOCAL<br><span>Profile preview</span></div>
                @endif
                <img class="plocal-profile-showcase__monitor-frame" src="/assets/img/shape/monitor.webp" alt="" aria-hidden="true">
            </div>

            <aside class="plocal-profile-showcase__score" aria-label="PLOCAL score and recognition">
                @if ($profile['current_award'] !== null)
                    <div class="plocal-profile-showcase__award">
                        <img src="/assets/img/1-badge-system/{{ rawurlencode($badgeAssets[$profile['current_award']['level']]) }}" alt="{{ $badgeLabels[$profile['current_award']['level']] }}">
                        <span>{{ $badgeLabels[$profile['current_award']['level']] }}</span>
                        <strong>{{ $profile['current_award']['period_key'] }}</strong>
                    </div>
                @endif
                <div class="plocal-profile-showcase__score-card">
                    <span>PLOCAL SCORE</span>
                    @if ($profile['evaluation'] !== null && $profile['evaluation']['status'] === 'final')
                        <strong>{{ number_format($profile['evaluation']['plocal_score'], 2) }}<small>/10</small></strong>
                        <div><b>Digital</b><b>Service</b><b>Trust</b></div>
                    @else
                        <strong class="is-pending">—</strong>
                        <p>Evaluation in progress</p>
                    @endif
                </div>
            </aside>
        </div>
    </section>

    <div class="plocal-profile-detail-zone">
        <main class="plocal-profile-main" id="main-content">
            <div class="plocal-profile-container" id="profile-details">
                @if ($profile['evaluation'] !== null)
                    <section class="plocal-profile-score-section" aria-labelledby="score-title">
                        <header class="plocal-profile-section__head">
                            <span class="plocal-profile-section__number" aria-hidden="true">01</span>
                            <div>
                                <p class="plocal-profile-eyebrow">PLOCAL Evaluation</p>
                                <h2 id="score-title">Digital, Service &amp; Trust</h2>
                            </div>
                        </header>
                        @if ($profile['evaluation']['status'] === 'final')
                            <div class="plocal-profile-total"><span>PLOCAL Score</span><strong>{{ number_format($profile['evaluation']['plocal_score'], 2) }}</strong><small>/10</small></div>
                            <dl class="plocal-profile-facts">
                                <div><dt>Digital</dt><dd>{{ number_format($profile['evaluation']['digital'], 2) }} / 10</dd></div>
                                <div><dt>Service</dt><dd>{{ number_format($profile['evaluation']['service'], 2) }} / 10</dd></div>
                                <div><dt>Trust</dt><dd>{{ number_format($profile['evaluation']['trust'], 2) }} / 10</dd></div>
                            </dl>
                        @else
                            <p class="plocal-profile-overview-copy">PLOCAL evaluation is in progress. Digital, Service, and Trust scores will appear here once finalized.</p>
                        @endif
                    </section>
                @endif

                @if ($profile['nominee'] !== null)
                    <section class="plocal-profile-section" aria-labelledby="voting-title">
                        <header class="plocal-profile-section__head">
                            <span class="plocal-profile-section__number" aria-hidden="true">02</span>
                            <div>
                                <p class="plocal-profile-eyebrow">Nominated {{ \Carbon\Carbon::parse($profile['nominee']['nominated_at'])->format('M j, Y') }}</p>
                                <h2 id="voting-title">Public voting</h2>
                                <p class="plocal-profile-section__intro">Public voting contributes to qualification and verification. PLOCAL makes the final decision.</p>
                            </div>
                        </header>
                        <p>Evaluation window closes:
                            <time datetime="{{ \Carbon\Carbon::parse($profile['nominee']['evaluation_ends_at'])->toIso8601String() }}" data-evaluation-ends-at="{{ \Carbon\Carbon::parse($profile['nominee']['evaluation_ends_at'])->toIso8601String() }}" id="plocal-countdown">
                                {{ \Carbon\Carbon::parse($profile['nominee']['evaluation_ends_at'])->format('M j, Y g:i A') }}
                            </time>
                        </p>

                        @if ($profile['nominee']['voting_state'] === 'open' && $profile['voting_progress'] !== null)
                            <dl class="plocal-profile-facts" id="plocal-voting-progress">
                                <div><dt>Digital</dt><dd>{{ $profile['voting_progress']['digital_current'] }} / {{ $profile['voting_progress']['digital_target'] }}</dd></div>
                                <div><dt>Service</dt><dd>{{ $profile['voting_progress']['service_current'] }} / {{ $profile['voting_progress']['service_target'] }}</dd></div>
                                <div><dt>Trust</dt><dd>{{ $profile['voting_progress']['trust_current'] }} / {{ $profile['voting_progress']['trust_target'] }}</dd></div>
                            </dl>
                            <form method="post" action="{{ route('public.voting.cast', $profile['voting_progress']['nominee_public_id']) }}" id="plocal-vote-form" data-nominee-public-id="{{ $profile['voting_progress']['nominee_public_id'] }}" data-progress-url="{{ route('public.voting.progress', $profile['voting_progress']['nominee_public_id']) }}">
                                @csrf
                                <button type="submit" class="plocal-profile-navigation__back">Cast your vote</button>
                            </form>
                            <p id="plocal-vote-status" role="status" aria-live="polite"></p>
                        @else
                            <p>Public voting is closed for this evaluation.</p>
                        @endif
                    </section>
                @endif

                @if (!empty($profile['award_history']))
                    <section class="plocal-profile-section" aria-labelledby="history-title">
                        <header class="plocal-profile-section__head">
                            <span class="plocal-profile-section__number" aria-hidden="true">03</span>
                            <div><p class="plocal-profile-eyebrow">Recognition history</p><h2 id="history-title">PLOCAL Awards</h2></div>
                        </header>
                        <dl class="plocal-profile-facts">
                            @foreach ($profile['award_history'] as $award)
                                <div>
                                    <dt>
                                        @if(isset($badgeAssets[$award['level']]))
                                            <img src="/assets/img/1-badge-system/{{ rawurlencode($badgeAssets[$award['level']]) }}" alt="{{ $badgeLabels[$award['level']] ?? $award['level'] }}">
                                        @endif
                                        <span class="sr-only">{{ $badgeLabels[$award['level']] ?? $award['level'] }}</span>
                                    </dt>
                                    <dd>{{ $award['period_key'] }}</dd>
                                </div>
                            @endforeach
                        </dl>
                    </section>
                @endif

                <section class="plocal-profile-section plocal-profile-trust" aria-labelledby="trust-title">
                    <header class="plocal-profile-section__head">
                            <span class="plocal-profile-section__number" aria-hidden="true">{{ !empty($profile['award_history']) ? '04' : '03' }}</span>
                        <div>
                            <p class="plocal-profile-eyebrow">Trust, correction and verification</p>
                            <h2 id="trust-title">PLOCAL transparency</h2>
                        </div>
                    </header>
                    <div class="plocal-profile-trust__links">
                        <a href="/trust-and-safety.html">Trust &amp; Safety</a>
                        <a href="/contact.html">Report a concern</a>
                    </div>
                </section>
            </div>
        </main>

        @if ($navigation !== null)
            <nav class="plocal-profile-navigation" aria-label="{{ $navigation['label'] }} navigation" data-profile-navigation>
                <div class="plocal-profile-navigation__slot plocal-profile-navigation__slot--previous">
                    @if ($navigation['previous'] !== null)
                        <a class="plocal-profile-navigation__link @if($navigation['previous']['screenshot_url']) plocal-profile-navigation__link--with-thumb @endif" rel="prev" href="{{ $navigation['previous']['profile_url'] }}" aria-label="Previous {{ $navigation['label'] }}: {{ $navigation['previous']['display_name'] }}">
                            @if ($navigation['previous']['screenshot_url'])
                                <img class="plocal-profile-navigation__thumb" src="{{ $navigation['previous']['screenshot_url'] }}" alt="" loading="lazy">
                            @else
                                <i class="fas fa-arrow-left" aria-hidden="true"></i>
                            @endif
                            <span class="plocal-profile-navigation__meta"><span>Previous</span><strong>{{ $navigation['previous']['display_name'] }}</strong></span>
                        </a>
                    @endif
                </div>
                <div class="plocal-profile-navigation__slot plocal-profile-navigation__slot--back">
                    <a class="plocal-profile-navigation__back" href="{{ $navigation['back_url'] }}">Back to {{ $navigation['label'] }}</a>
                </div>
                <div class="plocal-profile-navigation__slot plocal-profile-navigation__slot--next">
                    @if ($navigation['next'] !== null)
                        <a class="plocal-profile-navigation__link @if($navigation['next']['screenshot_url']) plocal-profile-navigation__link--with-thumb @endif" rel="next" href="{{ $navigation['next']['profile_url'] }}" aria-label="Next {{ $navigation['label'] }}: {{ $navigation['next']['display_name'] }}">
                            <span class="plocal-profile-navigation__meta"><span>Next</span><strong>{{ $navigation['next']['display_name'] }}</strong></span>
                            @if ($navigation['next']['screenshot_url'])
                                <img class="plocal-profile-navigation__thumb" src="{{ $navigation['next']['screenshot_url'] }}" alt="" loading="lazy">
                            @else
                                <i class="fas fa-arrow-right" aria-hidden="true"></i>
                            @endif
                        </a>
                    @endif
                </div>
            </nav>
        @else
            <nav class="plocal-profile-navigation plocal-profile-navigation--fallback" aria-label="Directory">
                <a class="plocal-profile-navigation__back" href="/find-businesses">Find Businesses <i class="fas fa-arrow-right" aria-hidden="true"></i></a>
            </nav>
        @endif
    </div>
    @include('public.partials.site-footer')
@endsection

@push('scripts')
    <script src="/assets/js/plocal-public-profile.js" defer></script>
    @if ($navigation !== null)
        <script src="/assets/js/pages/profile-neighbor-nav.js" defer></script>
    @endif
@endpush