@php
    $canonical = config('plocal.public_url').$hub['canonical_path'];
    $description = 'Explore explicit published PLOCAL service Markets for '.$hub['location']['name'].', '.$hub['state']['code'].'.';
@endphp
@extends('layouts.public')

@section('title', 'Find Evaluated Local Businesses in '.$hub['location']['name'].', '.$hub['state']['code'].' | PLOCAL')
@section('description', $description)
@section('robots', $hub['robots'])
@section('canonical', $canonical)
@section('image', config('plocal.public_url').'/assets/img/og-meta/plocal-usa-state.png')
@section('body-class', 'plocal-service-market-page plocal-city-hub-page')
@section('body-attributes')data-render-source="mysql" data-discovery-hub="city"@endsection

@push('styles')
    <link rel="stylesheet" href="/assets/css/pages/global.css">
    <link rel="stylesheet" href="/assets/css/pages/service-market.css">
    <link rel="stylesheet" href="/assets/css/pages/city-hub.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-market-masthead" aria-labelledby="city-hub-title">
            <span class="plocal-market-masthead__route" aria-hidden="true"></span>
            <div class="container">
                <div class="plocal-market-masthead__grid">
                    <p class="plocal-market-masthead__eyebrow">PLOCAL / City Discovery Hub / Published</p>
                    <h1 id="city-hub-title"><span>{{ $hub['location']['name'] }}</span> Local Business Discovery</h1>
                    <p class="plocal-market-masthead__summary">Review only the service Markets PLOCAL has explicitly published for {{ $hub['location']['name'] }}, {{ $hub['state']['code'] }}.</p>
                    <dl class="plocal-market-masthead__metadata" aria-label="City hub metadata">
                        <div><dt>City</dt><dd>{{ $hub['location']['name'] }}</dd></div>
                        <div><dt>State</dt><dd>{{ $hub['state']['name'] }}</dd></div>
                        @if ($hub['metro'] !== null)<div><dt>Metro context</dt><dd>{{ $hub['metro']['name'] }}</dd></div>@endif
                        <div><dt>Explicit Markets</dt><dd>{{ count($hub['markets']) }}</dd></div>
                    </dl>
                    <div class="plocal-market-masthead__bottom">
                        @if ($hub['is_demo'])
                            <p class="plocal-market-demo-notice" data-demo-disclosure><i class="fas fa-map-location-dot" aria-hidden="true"></i> Discovery foundation using fictional demo Market data.</p>
                        @endif
                        <nav aria-label="Breadcrumb"><ol class="plocal-breadcrumb"><li><a href="/">Home</a></li><li><a href="/usa/">USA</a></li><li><a href="/{{ $hub['state']['slug'] }}/">{{ $hub['state']['name'] }}</a></li><li aria-current="page">{{ $hub['location']['name'] }}</li></ol></nav>
                    </div>
                </div>
            </div>
        </section>

        <section class="plocal-market-section plocal-market-explorer" aria-labelledby="city-markets-title">
            <div class="container">
                <header class="plocal-market-section-head">
                    <span class="plocal-market-section-head__number" aria-hidden="true">01</span>
                    <div class="plocal-market-section-head__title"><span>Explicit publication / MySQL-backed</span><h2 id="city-markets-title">Published Markets in {{ $hub['location']['name'] }}</h2></div>
                    <p class="plocal-market-section-head__copy">Service availability is never inferred. Every link below comes from an active explicit PublishedMarket row.</p>
                </header>
                <div class="plocal-market-method__grid" data-published-markets>
                    @foreach ($hub['markets'] as $market)
                        @include('public.hubs.partials.market-link', ['market' => $market])
                    @endforeach
                </div>
            </div>
        </section>

        <section class="plocal-market-section plocal-market-method" aria-labelledby="city-method-title">
            <div class="container">
                <header class="plocal-market-section-head">
                    <span class="plocal-market-section-head__number" aria-hidden="true">02</span>
                    <div class="plocal-market-section-head__title"><span>Discovery integrity / transparent routing</span><h2 id="city-method-title">How PLOCAL Publishes Local Markets</h2></div>
                </header>
                <div class="plocal-market-method__grid">
                    <article class="plocal-market-method__item"><span>01 / Geography</span><h3>Published Hub Required</h3><p>The State and City hub must each be explicitly active and published.</p></article>
                    <article class="plocal-market-method__item"><span>02 / Service route</span><h3>PublishedMarket Required</h3><p>A Location plus Service never creates a route or discovery link.</p></article>
                    <article class="plocal-market-method__item"><span>03 / Neutrality</span><h3>No Paid Placement</h3><p>Payment does not create Market access, ranking, score, or placement.</p></article>
                </div>
            </div>
        </section>
    </main>
    @section('footer-note', 'PLOCAL publishes discovery links only from approved geography hubs and explicit Markets.')
@include('public.partials.site-footer')
@endsection