@php
    $canonical = config('plocal.public_url').'/recognition/';
    $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',
    ];
    $levelLabels = [
        'business_of_the_day' => 'Business of the Day',
        'business_of_the_month' => 'Business of the Month',
        'business_of_the_year' => 'Business of the Year',
    ];
    $badgeAlt = [
        'business_of_the_day' => 'PLOCAL Business of the Day award',
        'business_of_the_month' => 'PLOCAL Business of the Month award',
        'business_of_the_year' => 'PLOCAL Business of the Year award',
    ];
    $formatPeriod = function (string $level, string $periodKey) {
        return match ($level) {
            'business_of_the_day' => \Carbon\Carbon::createFromFormat('Y-m-d', $periodKey)->format('F j, Y'),
            'business_of_the_month' => \Carbon\Carbon::createFromFormat('Y-m-d', $periodKey.'-01')->format('F Y'),
            'business_of_the_year' => $periodKey,
            default => $periodKey,
        };
    };
    $levelFilters = ['all' => 'All', 'day' => 'Business of the Day', 'month' => 'Business of the Month', 'year' => 'Business of the Year'];
    $shortLevel = ['business_of_the_day' => 'day', 'business_of_the_month' => 'month', 'business_of_the_year' => 'year'];
@endphp
@extends('layouts.public')

@section('title', 'PLOCAL Recognition & Winners')
@section('description', 'Official PLOCAL Business of the Day, Business of the Month, and Business of the Year award winners.')
@section('robots', 'index, follow')
@section('canonical', $canonical)
@section('image', !empty($latestWinners['business_of_the_day']['screenshot_reference_public_id'] ?? null)
    ? route('public.profiles.screenshot', [$latestWinners['business_of_the_day']['profile_slug'], $latestWinners['business_of_the_day']['screenshot_reference_public_id']])
    : config('plocal.public_url').'/assets/img/og-meta/plocal-home.png')
@section('body-class', 'plocal-service-market-page plocal-recognition-page')
@section('body-attributes')data-render-source="new_model" data-page="recognition"@endsection

@push('styles')
    <link rel="stylesheet" href="/assets/css/pages/plocal-server-rendered.css">
    <link rel="stylesheet" href="/assets/css/pages/recognition.css">
@endpush

@section('content')
    @include('public.partials.site-header')
    <main id="main-content">
        <section class="plocal-market-masthead" aria-labelledby="recognition-title">
            <div class="container">
                <div class="plocal-market-masthead__grid">
                    <p class="plocal-market-masthead__eyebrow">PLOCAL / Recognition</p>
                    <h1 id="recognition-title">Official PLOCAL <span>Award Winners</span></h1>
                    <p class="plocal-market-masthead__summary">Business of the Day, Business of the Month, and Business of the Year are official PLOCAL recognition — never a score or vote leaderboard.</p>
                    <div class="plocal-market-masthead__bottom">
                        <nav aria-label="Breadcrumb"><ol class="plocal-breadcrumb"><li><a href="/">Home</a></li><li aria-current="page">Recognition</li></ol></nav>
                    </div>
                </div>
            </div>
        </section>

        <section class="plocal-market-section plocal-market-method" aria-labelledby="latest-winners-title">
            <div class="container">
                <header class="plocal-market-section-head">
                    <div class="plocal-market-section-head__title">
                        <span>Latest Winners</span>
                        <h2 id="latest-winners-title">Currently Recognized</h2>
                    </div>
                </header>
                <div class="plocal-market-method__grid">
                    @foreach (['business_of_the_day', 'business_of_the_month', 'business_of_the_year'] as $level)
                        @php $winner = $latestWinners[$level]; @endphp
                        <article class="plocal-market-method__item plocal-recognition-latest-card">
                            @if ($winner !== null && !empty($winner['screenshot_reference_public_id']))
                                <div class="plocal-recognition-card-media"><img src="{{ route('public.profiles.screenshot', [$winner['profile_slug'], $winner['screenshot_reference_public_id']]) }}" alt="Submitted website screenshot for {{ $winner['display_name'] }}" loading="lazy" width="534" height="323"><img class="plocal-recognition-card-badge" src="/assets/img/1-badge-system/{{ rawurlencode($badgeAssets[$level]) }}" alt="{{ $badgeAlt[$level] }}"></div>
                            @else
                                <div class="plocal-recognition-card-media plocal-recognition-card-media--fallback" aria-hidden="true"><span>PLOCAL</span><img class="plocal-recognition-card-badge" src="/assets/img/1-badge-system/{{ rawurlencode($badgeAssets[$level]) }}" alt=""></div>
                            @endif
                            <span>{{ $levelLabels[$level] }}</span>
                            @if ($winner !== null)
                                <h3><a href="{{ $winner['profile_url'] }}?from=recognition&level={{ $shortLevel[$level] }}">{{ $winner['display_name'] }}</a></h3>
                                <p>
                                    {{ $formatPeriod($level, $winner['period_key']) }}
                                    @if ($winner['city']) &middot; {{ $winner['city'] }}, {{ $winner['state'] }} @endif
                                </p>
                                <a class="plocal-market-profile-link" href="{{ $winner['profile_url'] }}?from=recognition&level={{ $shortLevel[$level] }}">View Profile <i class="fas fa-arrow-right" aria-hidden="true"></i></a>
                            @else
                                <h3>No {{ $levelLabels[$level] }} awarded yet</h3>
                                <p>Check back once PLOCAL issues this recognition.</p>
                            @endif
                        </article>
                    @endforeach
                </div>
            </div>
        </section>

        <section class="plocal-market-section plocal-market-method" aria-labelledby="award-history-title">
            <div class="container">
                <header class="plocal-market-section-head">
                    <div class="plocal-market-section-head__title">
                        <span>Chronology</span>
                        <h2 id="award-history-title">Award History</h2>
                    </div>
                </header>

                <nav class="plocal-recognition-filter" aria-label="Filter award history by level">
                    <ul>
                        @foreach ($levelFilters as $value => $label)
                            <li>
                                <a href="{{ route('public.recognition.show', $value === 'all' ? [] : ['level' => $value]) }}"
                                   @if ($selectedLevel === $value) aria-current="true" class="is-active" @endif>{{ $label }}</a>
                            </li>
                        @endforeach
                    </ul>
                </nav>

                @if ($history->isNotEmpty())
                    <div class="plocal-market-method__grid">
                        @foreach ($history as $award)
                            <article class="plocal-market-method__item">
                                @if (!empty($award['screenshot_reference_public_id']))
                                    <div class="plocal-recognition-card-media"><img src="{{ route('public.profiles.screenshot', [$award['profile_slug'], $award['screenshot_reference_public_id']]) }}" alt="Submitted website screenshot for {{ $award['display_name'] }}" loading="lazy" width="534" height="323"><img class="plocal-recognition-card-badge" src="/assets/img/1-badge-system/{{ rawurlencode($badgeAssets[$award['award_level']]) }}" alt="{{ $badgeAlt[$award['award_level']] }}"></div>
                                @else
                                    <div class="plocal-recognition-card-media plocal-recognition-card-media--fallback" aria-hidden="true"><span>PLOCAL</span><img class="plocal-recognition-card-badge" src="/assets/img/1-badge-system/{{ rawurlencode($badgeAssets[$award['award_level']]) }}" alt=""></div>
                                @endif
                                <span>{{ $levelLabels[$award['award_level']] }}</span>
                                <h3><a href="{{ $award['profile_url'] }}?from=recognition&level={{ $shortLevel[$award['award_level']] }}">{{ $award['display_name'] }}</a></h3>
                                <p>
                                    {{ $formatPeriod($award['award_level'], $award['period_key']) }}
                                    @if ($award['city']) &middot; {{ $award['city'] }}, {{ $award['state'] }} @endif
                                </p>
                                <a class="plocal-market-profile-link" href="{{ $award['profile_url'] }}?from=recognition&level={{ $shortLevel[$award['award_level']] }}">View Profile <i class="fas fa-arrow-right" aria-hidden="true"></i></a>
                            </article>
                        @endforeach
                    </div>
                    <nav class="plocal-recognition-pagination" aria-label="Award history pages">{{ $history->links() }}</nav>
                @else
                    <p class="plocal-recognition-empty">No Award history for this level yet.</p>
                @endif
            </div>
        </section>
    </main>
    @section('footer-note', 'PLOCAL Recognition reflects official award decisions only — never score, votes, or payment.')
@include('public.partials.site-footer')
@endsection