@php
    $canonicalPath = '/pro/'.$profile['canonical_slug'].'/';
    $canonical = config('plocal.public_url').$canonicalPath;
    $market = $profile['eligible_markets'][0] ?? null;
    $context = $profile['market_context'];
    $validContext = is_array($context) && ($context['valid'] ?? false) === true;
    $description = $profile['summary'];
@endphp
@extends('layouts.public')

@section('title', $profile['display_name'].' | Evaluated Profile | PLOCAL')
@section('description', $description)
@section('robots', $profile['robots'])
@section('canonical', $canonical)
@section('body-class', 'plocal-business-profile')
@section('body-attributes')data-profile-state="ready" data-render-source="mysql"@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">
@endpush

@section('content')
    @include('public.partials.site-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['display_name'] }}</li></ol>
            </nav>
            <div class="plocal-profile-orientation">
                @if ($market !== null)
                    <a class="plocal-profile-market-link" href="{{ $market['canonical_path'] }}">
                        <i class="fas fa-arrow-left" aria-hidden="true"></i>
                        {{ $validContext ? 'Back to '.$market['location'].' '.$market['service'] : 'Eligible Market: '.$market['location'].' '.$market['service'] }}
                    </a>
                @endif
            </div>
            <p class="plocal-profile-eyebrow plocal-profile-hero__eyebrow">PLOCAL Evaluated Business Profile</p>
            <h1 class="plocal-profile-title" id="profile-title">{{ $profile['display_name'] }}</h1>
            @if ($profile['headline'] !== null && trim($profile['headline']) !== '')
                <p class="plocal-profile-headline" data-profile-headline>{{ $profile['headline'] }}</p>
            @endif
            @if ($market !== null)
                <div class="plocal-profile-identity-meta">
                    <span><i class="fas fa-location-dot" aria-hidden="true"></i>{{ $market['location'] }}, {{ $market['state'] }}</span>
                    <span><i class="fas fa-wrench" aria-hidden="true"></i>{{ $market['service'] }}</span>
                </div>
            @endif
            <p class="plocal-profile-demo-flag" data-demo-disclosure>Demo Business — Fictional Sample Data</p>
            <div class="plocal-profile-evaluation-strip">
                <div><span>Current PLOCAL ProScore</span><strong>{{ $profile['evaluation']['overall_score'] }}/100</strong></div>
                <div><span>Evaluation status</span><strong>Completed demo snapshot</strong></div>
            </div>
        </div>
    </section>

    <div class="plocal-profile-detail-zone">
        <main class="plocal-profile-main" id="main-content">
            <div class="plocal-profile-container">
                <figure class="plocal-profile-media">
                    <img src="/assets/img/breadcrumb/categories/local-business-performance-review.webp"
                         alt="Generic local Business evaluation demonstration visual; it does not depict {{ $profile['display_name'] }}.">
                    <figcaption>Generic visual for fictional demonstration. This is not Business-owned media.</figcaption>
                </figure>

                <section class="plocal-profile-section" aria-labelledby="overview-title">
                    <header class="plocal-profile-section__head">
                        <span class="plocal-profile-section__number" aria-hidden="true">01</span>
                        <div><p class="plocal-profile-eyebrow">A concise public introduction</p><h2 id="overview-title">Business overview</h2></div>
                    </header>
                    <p class="plocal-profile-overview-copy">{{ $profile['summary'] }}</p>
                </section>

                <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">02</span>
                        <div>
                            <p class="plocal-profile-eyebrow">Latest completed Evaluation</p>
                            <h2 id="score-title">PLOCAL ProScore summary</h2>
                            <p class="plocal-profile-section__intro">Imported fictional category totals; no detailed checklist findings are represented.</p>
                        </div>
                    </header>
                    <div class="plocal-profile-total"><span>Total ProScore</span><strong>{{ $profile['evaluation']['overall_score'] }}</strong><small>/100</small></div>
                    <dl class="plocal-profile-category-grid" data-profile-category-results>
                        @foreach ($profile['evaluation']['categories'] as $category)
                            <div class="plocal-profile-category" data-category-result>
                                <dt>{{ $category['name'] }}</dt>
                                <dd>{{ $category['earned_points'] }}/{{ $category['maximum_points'] }}</dd>
                                <span class="plocal-profile-category__bar" aria-hidden="true">
                                    <span style="width: {{ ($category['earned_points'] / $category['maximum_points']) * 100 }}%"></span>
                                </span>
                            </div>
                        @endforeach
                    </dl>
                </section>

                @if ($market !== null)
                    <section class="plocal-profile-section" aria-labelledby="relationships-title">
                        <header class="plocal-profile-section__head">
                            <span class="plocal-profile-section__number" aria-hidden="true">03</span>
                            <div>
                                <p class="plocal-profile-eyebrow">Services and service areas</p>
                                <h2 id="relationships-title">Normalized public relationships</h2>
                                <p class="plocal-profile-section__intro">Only the explicit active Service, service area, and eligible published Market represented by the public projection are shown.</p>
                            </div>
                        </header>
                        <dl class="plocal-profile-facts">
                            <div><dt>Primary Service</dt><dd>{{ $market['service'] }}</dd></div>
                            <div><dt>Eligible Market</dt><dd><a href="{{ $market['canonical_path'] }}">{{ $market['location'] }} {{ $market['service'] }}</a></dd></div>
                            <div><dt>Exact Service Area</dt><dd>{{ $market['location'] }}, {{ $market['state'] }}</dd></div>
                        </dl>
                    </section>
                @endif

                <section class="plocal-profile-section" aria-labelledby="transparency-title">
                    <header class="plocal-profile-section__head">
                        <span class="plocal-profile-section__number" aria-hidden="true">04</span>
                        <div><p class="plocal-profile-eyebrow">Trust and transparency</p><h2 id="transparency-title">How to read this Profile</h2></div>
                    </header>
                    <div class="plocal-profile-transparency-grid">
                        <article><h3>Fictional demonstration</h3><p>This Profile demonstrates presentation and architecture. It is not real business inventory.</p></article>
                        <article><h3>Evaluation, not ranking</h3><p>Payment never affects ProScore, badges, ordering, or placement.</p></article>
                        <article><h3>Current public snapshot</h3><p>Only the latest valid completed Evaluation appears here; prior history remains private.</p></article>
                        <article><h3>No customer star rating</h3><p>The ProScore is a structured professional Evaluation, not a review average.</p></article>
                    </div>
                </section>

                <section class="plocal-profile-section" aria-labelledby="information-title">
                    <header class="plocal-profile-section__head">
                        <span class="plocal-profile-section__number" aria-hidden="true">05</span>
                        <div>
                            <p class="plocal-profile-eyebrow">Business information</p>
                            <h2 id="information-title">Available normalized data</h2>
                            <p class="plocal-profile-section__intro">This demo intentionally displays only facts present in the approved public projection.</p>
                        </div>
                    </header>
                    <div class="plocal-profile-empty-information">
                        <i class="fas fa-circle-info" aria-hidden="true"></i>
                        <p>No public phone, email, website, hours, street address, license, customer review, badge, or Business-owned gallery is registered for this fictional Profile.</p>
                    </div>
                </section>

                <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">06</span>
                        <div>
                            <p class="plocal-profile-eyebrow">Trust, correction and verification</p>
                            <h2 id="trust-title">PLOCAL transparency</h2>
                            <p class="plocal-profile-section__intro">Report inaccurate information or learn how PLOCAL protects customers and Business owners.</p>
                        </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 ($validContext)
            <nav class="plocal-profile-navigation" aria-label="{{ $market['location'] }} {{ $market['service'] }} Market navigation" data-market-navigation>
                <div class="plocal-profile-navigation__slot plocal-profile-navigation__slot--previous">
                    @if ($profile['navigation']['previous'] !== null)
                        <a class="plocal-profile-navigation__link" rel="prev"
                           href="{{ $profile['navigation']['previous']['profile_path'] }}?market={{ $market['context'] }}">
                            <i class="fas fa-arrow-left" aria-hidden="true"></i><span>Previous Business</span><strong>{{ $profile['navigation']['previous']['display_name'] }}</strong>
                        </a>
                    @endif
                </div>
                <div class="plocal-profile-navigation__slot plocal-profile-navigation__slot--back">
                    <a class="plocal-profile-navigation__back" href="{{ $market['canonical_path'] }}">Back to {{ $market['location'] }} {{ $market['service'] }}</a>
                </div>
                <div class="plocal-profile-navigation__slot plocal-profile-navigation__slot--next">
                    @if ($profile['navigation']['next'] !== null)
                        <a class="plocal-profile-navigation__link" rel="next"
                           href="{{ $profile['navigation']['next']['profile_path'] }}?market={{ $market['context'] }}">
                            <span>Next Business</span><strong>{{ $profile['navigation']['next']['display_name'] }}</strong><i class="fas fa-arrow-right" aria-hidden="true"></i>
                        </a>
                    @endif
                </div>
            </nav>
        @endif
    </div>
    @include('public.partials.site-footer')
@endsection