@php
    $latest = $highlights['latest_bod'];
    $formatDay = fn (string $key) => \Carbon\Carbon::createFromFormat('Y-m-d', $key)->format('F j, Y');
@endphp
@extends('layouts.public')

@section('title', 'PLOCAL | Find Evaluated Local Businesses')
@section('description', 'Find PLOCAL-evaluated local businesses and view official Business of the Day, Month, and Year recognition.')
@section('robots', 'index, follow')
@section('canonical', config('plocal.public_url').'/')
@section('image', config('plocal.public_url').'/assets/img/og-meta/plocal-home.png')
@section('body-class', 'plocal-home-page')
@section('body-attributes')data-render-source="new_model" data-page="home"@endsection

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

@section('content')
@include('public.partials.site-header')
<main id="main-content">
    <section class="plocal-hero plocal-botd" id="plocal-business-of-the-day" aria-labelledby="latest-bod-title">
        <div class="plocal-botd-overlay" aria-hidden="true"></div><div class="container">
            @if($latest)
                <div class="plocal-botd-grid">
                    <div class="plocal-botd-badge-col"><div class="plocal-botd-hexbadge plocal-botd-hexbadge--svg"><img class="plocal-botd-badge-img" src="/assets/img/1-badge-system/business-of-the day.svg" alt="Business of the Day official badge"></div><div class="plocal-botd-award-date"><div class="plocal-botd-award-date-inner"><span class="plocal-botd-award-date-label">Awarded date</span><strong>{{ $formatDay($latest['period_key']) }}</strong></div></div></div>
                    <div class="plocal-botd-visual"><div class="plocal-botd-visual-glow" aria-hidden="true"></div><div class="plocal-botd-monitor"><div class="plocal-botd-monitor-screen">@if(!empty($latest['screenshot']['available']))<img src="{{ route('public.profiles.screenshot', [$latest['business_slug'], $latest['screenshot']['reference_public_id']]) }}" alt="Submitted website screenshot for {{ $latest['display_name'] }}">@else<img src="/assets/img/breadcrumb/categories/local-business-performance-review.webp" alt="PLOCAL Evaluation visual">@endif</div><img class="plocal-botd-monitor-frame" src="/assets/img/shape/monitor.webp" alt=""></div></div>
                    <div class="plocal-botd-recognition"><div class="plocal-botd-score-card"><div class="plocal-botd-score-card-accent"></div><p class="plocal-botd-score-title">Business of the Day</p><div class="plocal-botd-score-big"><span class="num">P</span></div><a class="plocal-botd-view-link" href="{{ $latest['profile_url'] }}?from=recognition&level=day">View Profile <i class="far fa-arrow-right" aria-hidden="true"></i></a></div></div>
                </div><div class="plocal-botd-content"><h1 class="plocal-botd-name @if(strlen($latest['display_name']) > 30) plocal-botd-name--long @endif" id="latest-bod-title"><span>{{ $latest['display_name'] }}</span></h1><p class="plocal-botd-desc">Awarded {{ $formatDay($latest['period_key']) }} in the official {{ $latest['period_timezone'] }} recognition period.</p></div>
            @else
                <div class="plocal-botd-content plocal-home-empty-state"><p class="plocal-botd-score-title">PLOCAL Recognition</p><h1 class="plocal-botd-name" id="latest-bod-title">No Business of the Day has been announced yet.</h1><p class="plocal-botd-desc">Official recognition will appear here after PLOCAL issues an Award.</p><a href="/recognition" class="plocal-botd-view-link">View Recognition <i class="far fa-arrow-right" aria-hidden="true"></i></a></div>
            @endif
        </div>
    </section>

    <section class="plocal-bod-section py-120" id="plocal-nominees" aria-labelledby="nominees-title">
        <div class="container">
            <div class="plocal-bod-head"><div class="plocal-bod-head-left"><h2 id="nominees-title">Newest Nominees</h2></div><a href="/find-businesses" class="plocal-bod-head-link">Find Businesses <i class="far fa-arrow-right" aria-hidden="true"></i></a></div>
            @if($highlights['nominees'])
                <div class="plocal-bod-grid">
                    @foreach($highlights['nominees'] as $nominee)
                        <article class="plocal-bod-card">@if($nominee['screenshot']['available'])<div class="plocal-bod-media"><img src="{{ route('public.profiles.screenshot', [$nominee['business_slug'], $nominee['screenshot']['reference_public_id']]) }}" alt="Submitted website screenshot for {{ $nominee['display_name'] }}" loading="lazy" width="534" height="323"><p class="plocal-bod-status">Nominee · {{ \Carbon\Carbon::parse($nominee['nominated_at'])->format('M j, Y') }}</p><a class="plocal-bod-hover-link" href="{{ $nominee['profile_url'] }}?from=nominees"><span>View official Profile</span><i class="far fa-arrow-right" aria-hidden="true"></i></a></div>@endif<div class="plocal-bod-content"><h3><a href="{{ $nominee['profile_url'] }}?from=nominees">{{ $nominee['display_name'] }}</a></h3>@if(!empty($nominee['category']))<p class="plocal-bod-category">{{ $nominee['category'] }}</p>@endif @if($nominee['city'])<p><i class="far fa-location-dot" aria-hidden="true"></i> {{ $nominee['city'] }}, {{ $nominee['state'] }}</p>@endif @if($nominee['evaluation'] && $nominee['evaluation']['status'] === 'final')<div class="plocal-bod-evaluations"><span><i class="fas fa-trophy" aria-hidden="true"></i> Digital <strong>{{ number_format($nominee['evaluation']['digital'], 2) }}</strong></span><span><i class="fas fa-trophy" aria-hidden="true"></i> Service <strong>{{ number_format($nominee['evaluation']['service'], 2) }}</strong></span><span><i class="fas fa-trophy" aria-hidden="true"></i> Trust <strong>{{ number_format($nominee['evaluation']['trust'], 2) }}</strong></span><span class="plocal-bod-score"><small>PLOCAL</small><strong>{{ number_format($nominee['evaluation']['plocal_score'], 2) }}</strong></span></div>@else<p class="plocal-bod-progress">Evaluation in progress</p>@endif</div></article>
                    @endforeach
                </div>
            @else
                <p class="plocal-recognition-empty">New nominees will appear here as evaluations begin.</p>
            @endif
        </div>
    </section>

    <section class="plocal-bod-section py-120" id="plocal-winners" aria-labelledby="recent-bod-title">
        <div class="container">
            <div class="plocal-bod-head"><div class="plocal-bod-head-left"><h2 id="recent-bod-title">Previous Business of the Day Awards</h2></div><a href="/recognition" class="plocal-bod-head-link">View All Recognition <i class="far fa-arrow-right" aria-hidden="true"></i></a></div>
            @if($highlights['recent_bod'])
                <div class="plocal-bod-grid">
                    @foreach($highlights['recent_bod'] as $award)
                        @php
                            $awardProfile = app(\App\Application\Recognition\GetPublicBusinessProfile::class)->handle($award['profile_slug']);
                            $awardEvaluation = $awardProfile['evaluation'] ?? null;
                            $awardBadge = '/assets/img/1-badge-system/'.match ($award['award_level']) {
                                'business_of_the_year' => 'business-of-the year.svg',
                                'business_of_the_month' => 'business-of-the-month.svg',
                                default => 'business-of-the day.svg',
                            };
                        @endphp
                        <article class="plocal-bod-card">
                            @if(!empty($award['screenshot_reference_public_id']))
                                <div class="plocal-bod-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">
                                    <p class="plocal-bod-status">Awarded {{ $formatDay($award['period_key']) }}</p>
                                    <a class="plocal-bod-hover-link" href="{{ $award['profile_url'] }}?from=recognition&level=day">
                                        <span>View official Profile</span><i class="far fa-arrow-right" aria-hidden="true"></i>
                                    </a>
                                </div>
                            @endif
                            <div class="plocal-bod-content">
                                @if(empty($award['screenshot_reference_public_id']))
                                    <p class="plocal-bod-status">Awarded {{ $formatDay($award['period_key']) }}</p>
                                @endif
                                <h3><a href="{{ $award['profile_url'] }}?from=recognition&level=day">{{ $award['display_name'] }}</a></h3>
                                @if($award['city'])<p><i class="far fa-location-dot" aria-hidden="true"></i> {{ $award['city'] }}, {{ $award['state'] }}</p>@endif
                                <div class="plocal-bod-award-meta">
                                    @if($awardEvaluation && $awardEvaluation['plocal_score'] !== null)
                                        <span class="plocal-bod-award-score"><small>PLOCAL SCORE</small><strong>{{ number_format($awardEvaluation['plocal_score'], 2) }}<b>/10</b></strong></span>
                                    @endif
                                    <img class="plocal-bod-award-badge" src="{{ $awardBadge }}" alt="Official {{ str_replace('_', ' ', $award['award_level']) }} badge" loading="lazy">
                                </div>
                                @if(empty($award['screenshot_reference_public_id']))
                                    <a class="plocal-bod-view" href="{{ $award['profile_url'] }}?from=recognition&level=day">View Profile <i class="far fa-arrow-right" aria-hidden="true"></i></a>
                                @endif
                            </div>
                        </article>
                    @endforeach
                </div>
            @else
                <p class="plocal-recognition-empty">No previous Business of the Day Awards are available yet.</p>
            @endif
        </div>
    </section>

    <section class="plocal-blog-section py-120" id="plocal-blog" aria-labelledby="plocal-blog-title">
        <div class="container">
            <div class="plocal-blog-head">
                <div><p class="plocal-blog-eyebrow">PLOCAL Blog</p><h2 id="plocal-blog-title">Ideas for stronger local businesses</h2></div>
                <a class="plocal-blog-all" href="{{ route('blog.index') }}">View all articles <i class="far fa-arrow-right" aria-hidden="true"></i></a>
            </div>
            @if($featuredBlogArticle)
                <article class="plocal-blog-feature">
                    <div class="plocal-blog-feature-copy">
                        <div class="plocal-blog-meta"><time datetime="{{ $featuredBlogArticle['published_at'] }}">{{ \Illuminate\Support\Carbon::parse($featuredBlogArticle['published_at'])->format('M j, Y') }}</time>@if($featuredBlogArticle['is_featured'])<span class="plocal-blog-badge">Featured</span>@endif</div>
                        <h3>{{ $featuredBlogArticle['title'] }}</h3><p class="plocal-blog-excerpt">{{ $featuredBlogArticle['excerpt'] }}</p>
                        <a class="plocal-blog-link" href="{{ route('blog.show', $featuredBlogArticle['slug']) }}">Read article <i class="far fa-arrow-right" aria-hidden="true"></i></a>
                    </div>
                    <div class="plocal-blog-feature-media">@if($featuredBlogArticle['cover_image_url'])<img src="{{ $featuredBlogArticle['cover_image_url'] }}" alt="{{ $featuredBlogArticle['cover_image_alt'] ?? '' }}" loading="lazy">@else<span class="plocal-blog-fallback">PLOCAL Blog</span>@endif</div>
                </article>
            @else
                <div class="plocal-blog-empty"><p>Fresh PLOCAL articles will appear here soon.</p><a class="plocal-blog-link" href="{{ route('blog.index') }}">Explore the Blog <i class="far fa-arrow-right" aria-hidden="true"></i></a></div>
            @endif
        </div>
    </section>
</main>
@section('footer-note', 'Businesses pay for Evaluation. Payment never determines score, qualification, ranking, or recognition.')
@include('public.partials.site-footer')
@endsection