@extends('layouts.public')

@section('title', $home->text('browser_title'))
@section('meta_description', $home->text('meta_description'))

@php
    $featuredProducts = $featuredProducts ?? collect();
    $productSlogans = $productSlogans ?? [];
    $releaseItems = $releaseItems ?? [];
    $releaseHref = $releasePage ? $releasePage->publicPath() : route('public.releases.index');
    $releaseYear = $releasePage?->slug ?? date('Y');
    $releaseLinkLabel = $releasePage?->title ?: 'Product releases';
    $spotlight = $spotlightProduct ?? null;
    $spotlightSlogan = $spotlight ? ($productSlogans[strtolower($spotlight->code)] ?? '') : '';
    $home = $home ?? \App\Domain\Cms\Models\HomepagePage::current();
    $solutionCards = $home->cards('solutions.items');
    $serviceCards = $home->cards('services.items');
    $orderCards = $home->cards('ordering.items');
    $solutionHrefs = [
        route('public.products.index'),
        route('public.projects.index'),
        route('public.projects.index'),
        route('public.projects.index'),
    ];
    $orderHrefs = [
        route('public.howtobuy'),
        route('portal.distributor-partners.index'),
        route('portal.prices'),
        route('portal.activation-requests.create'),
    ];
    $serviceIcons = [
        '<path d="M5 7h14M5 12h14M5 17h14"></path><circle cx="9.5" cy="7" r="2"></circle><circle cx="15" cy="12" r="2"></circle><circle cx="8" cy="17" r="2"></circle>',
        '<path d="M6.5 3.5h8L18.5 7.5v13H6.5V3.5Z"></path><path d="M14 3.5V8h4.5M9.5 13h5M9.5 16.5h5"></path>',
        '<circle cx="11" cy="11" r="6.5"></circle><path d="M15.8 15.8 20.5 20.5M8.5 11.5l2 2 3.5-4"></path>',
        '<path d="M4 12.5 9 17.5 20 6.5"></path>',
    ];
    $orderIcons = [
        '<path d="M2.8 4.5h2.4l2.6 10.4h9.8l2.2-7.4H7.2"></path><circle cx="10" cy="19.2" r="1.6"></circle><circle cx="16.8" cy="19.2" r="1.6"></circle>',
        '<circle cx="12" cy="12" r="9"></circle><path d="M3 12h18M12 3c2.6 2.6 2.6 15.4 0 18M12 3c-2.6 2.6-2.6 15.4 0 18"></path>',
        '<path d="M11.4 3.5H19a1.5 1.5 0 0 1 1.5 1.5v7.6a1.5 1.5 0 0 1-.44 1.06l-6.4 6.4a1.5 1.5 0 0 1-2.12 0l-7.1-7.1a1.5 1.5 0 0 1 0-2.12l6.4-6.4A1.5 1.5 0 0 1 11.4 3.5Z"></path><circle cx="16" cy="8" r="1.4"></circle>',
        '<circle cx="8.5" cy="15.5" r="3.5"></circle><path d="M11 13 19.5 4.5M16.5 4.5h3v3"></path>',
    ];
@endphp

@section('content')
    <div class="hero">
        <div class="hero-grid-lines"></div>
        <div class="hero-brand">
            @include('layouts.partials.brand-mark', ['stroke' => '#9FC6F5', 'size' => 50])
            <span>SYSTRONICS</span>
        </div>
        <div class="hero-list">
            @foreach ($home->lines('hero_lines') as $line)
                <div><svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="#8FD8FF" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 12.5l5 5L20 6.5"></path></svg><span>{{ $line }}</span></div>
            @endforeach
        </div>
        <div class="hero-cta">
            <a class="primary" href="{{ $releaseHref }}">Version {{ $releaseYear }} Releases<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h13M12.5 6l6 6-6 6"></path></svg></a>
            <a class="ghost" href="{{ route('public.shipping-versions') }}">Supported versions<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h13M12.5 6l6 6-6 6"></path></svg></a>
        </div>
    </div>

    <div class="briefs">
        <div class="brief" data-brief-rotator>
            <h3>{{ $home->text('releases.eyebrow') }}</h3>
            @if (count($releaseItems))
                @foreach ($releaseItems as $i => $item)
                    @php
                        $slideProduct = $featuredProducts->first(fn ($p) => strtolower($p->code) === strtolower($item['code']));
                        $slideHref = $slideProduct ? route('public.products.show', $slideProduct) : $releaseHref;
                        $slideSlogan = $item['slogan'] ?: ($slideProduct ? ($productSlogans[strtolower($slideProduct->code)] ?? '') : '');
                    @endphp
                    <div class="brief-body" data-brief-slide @if ($i > 0) hidden @endif>
                        <a class="brief-lead" href="{{ $slideHref }}">{{ $item['name'] }}</a>
                        @if ($slideSlogan)
                            <div class="brief-sub">{{ $slideSlogan }}</div>
                        @endif
                        <p>{{ $slideSlogan ?: 'Sage 300 SDK application from SYSTRONICS.' }} <a class="more" href="{{ $slideHref }}">more…</a></p>
                        @if ($item['date'])
                            <a class="note" href="{{ $releaseHref }}">{{ $item['name'] }} Released {{ $item['date'] }}</a>
                        @endif
                    </div>
                @endforeach
                @if (count($releaseItems) > 1)
                    <div class="stepper">
                        <button type="button" data-brief-prev aria-label="Previous release">‹</button>
                        <button type="button" data-brief-next aria-label="Next release">›</button>
                    </div>
                @endif
            @elseif ($spotlight)
                <div class="brief-body">
                    <a class="brief-lead" href="{{ route('public.products.show', $spotlight) }}">{{ $spotlight->name }}</a>
                    @if ($spotlightSlogan)
                        <div class="brief-sub">{{ $spotlightSlogan }}</div>
                    @endif
                    <p>{{ $spotlightSlogan ?: 'Sage 300 SDK application from SYSTRONICS.' }} <a class="more" href="{{ route('public.products.show', $spotlight) }}">more…</a></p>
                </div>
            @else
                <div class="brief-body">
                    <p>New product releases appear here as they ship.</p>
                    <a class="more" href="{{ $releaseHref }}">more…</a>
                </div>
            @endif
        </div>
        <div class="brief">
            <h3>{{ $home->text('spotlight.heading') }}</h3>
            <div class="brief-body">
                <a class="brief-lead" href="{{ route('public.projects.index') }}">{{ $home->text('spotlight.title') }}</a>
                <p style="margin-top:10px">{{ $home->text('spotlight.body') }} <a class="more" href="{{ route('public.projects.index') }}">more…</a></p>
            </div>
        </div>
    </div>

    <section class="section">
        <div class="section-head section-head--ruled">
            <div>
                <span class="eyebrow">{{ $home->text('products.eyebrow') }}</span>
                <h2 class="section-title">{{ $home->text('products.title') }}</h2>
            </div>
            <div class="section-links">
                <a href="{{ route('public.projects.index') }}">Customizations →</a>
                <a href="{{ route('public.products.index') }}">All Products →</a>
            </div>
        </div>
        <div class="prod-grid">
            @forelse ($featuredProducts as $product)
                @php $slogan = $productSlogans[strtolower($product->code)] ?? ''; @endphp
                <a class="prod" href="{{ route('public.products.show', $product) }}">
                    <span class="prod-name">{{ $product->name }}</span>
                    @if ($slogan)
                        <span class="prod-desc">{{ $slogan }}</span>
                    @endif
                    <span class="badge">{{ strtoupper($product->code) }}</span>
                </a>
            @empty
                <p>Products will appear here once the catalog is published.</p>
            @endforelse
        </div>
    </section>

    <section class="panel">
        <div class="section-head">
            <div>
                <span class="eyebrow">{{ $home->text('releases.eyebrow') }}</span>
                <h2 class="section-title">{{ $home->releasesTitle($releaseYear) }}</h2>
            </div>
            <div class="section-links"><a href="{{ $releaseHref }}">{{ $releaseLinkLabel }} →</a></div>
        </div>
        <div class="rows">
            @forelse ($releaseItems as $item)
                @php
                    $itemProduct = $featuredProducts->first(fn ($p) => strtolower($p->code) === strtolower($item['code']));
                    $itemHref = $itemProduct ? route('public.products.show', $itemProduct) : $releaseHref;
                @endphp
                <a class="row" href="{{ $itemHref }}">
                    <span class="row-title">{{ $item['name'] }}</span>
                    <span class="row-date">{{ $item['date'] }}</span>
                </a>
            @empty
                <p>No releases published yet.</p>
            @endforelse
        </div>
    </section>

    <section class="section">
        <div class="section-head">
            <div>
                <span class="eyebrow">{{ $home->text('solutions.eyebrow') }}</span>
                <h2 class="section-title">{{ $home->text('solutions.title') }}</h2>
            </div>
        </div>
        <div class="sol-grid">
            @foreach ($solutionCards as $i => $card)
                <div class="sol">
                    <span class="eyebrow">{{ $card['eyebrow'] }}</span>
                    <a class="sol-title" href="{{ $solutionHrefs[$i] ?? route('public.projects.index') }}">{{ $card['title'] }}</a>
                    <p>{{ $card['body'] }} <a class="more" href="{{ route('public.projects.index') }}">more…</a></p>
                </div>
            @endforeach
        </div>
    </section>

    <section class="section">
        <div class="section-head">
            <div>
                <span class="eyebrow">{{ $home->text('services.eyebrow') }}</span>
                <h2 class="section-title">{{ $home->text('services.title') }}</h2>
            </div>
            <div class="section-links"><a href="{{ route('public.services.index') }}">All services →</a></div>
        </div>
        <div class="svc-grid">
            @foreach ($serviceCards as $i => $card)
                <a class="svc" href="{{ $card['url'] !== '' ? $card['url'] : route('public.services.index') }}">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#0F62FE" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">{!! $serviceIcons[$i] ?? $serviceIcons[0] !!}</svg>
                    <span class="svc-title">{{ $card['title'] }}</span>
                    <span class="svc-desc">{{ $card['desc'] }}</span>
                </a>
            @endforeach
        </div>
    </section>

    <section class="panel">
        <div class="section-head">
            <div>
                <span class="eyebrow">{{ $home->text('ordering.eyebrow') }}</span>
                <h2 class="section-title">{{ $home->text('ordering.title') }}</h2>
            </div>
            <div class="section-links"><a href="{{ route('public.company', 'contacts') }}">Contact Information →</a></div>
        </div>
        <div class="rows">
            @foreach ($orderCards as $i => $card)
                <a class="order" href="{{ $orderHrefs[$i] ?? route('public.howtobuy') }}">
                    <span class="order-icon"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#0F62FE" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">{!! $orderIcons[$i] ?? $orderIcons[0] !!}</svg></span>
                    <span><span class="order-title">{{ $card['title'] }}</span><span class="order-desc">{{ $card['desc'] }}</span></span>
                </a>
            @endforeach
        </div>
    </section>

    <section class="section">
        <div class="duo duo--single">
            <div class="card card--partner">
                <span class="eyebrow" style="color:var(--accent)">{{ $home->text('partner.eyebrow') }}</span>
                <h3>{{ $home->text('partner.title') }}</h3>
                <p>{{ $home->text('partner.body') }}</p>
                <div class="actions">
                    @guest
                        <a class="btn btn--primary" href="{{ route('register') }}">Create a Partner Account</a>
                        <a class="btn btn--outline" href="{{ route('login') }}">Sign in</a>
                    @else
                        @can('downloads.view')
                            <a class="btn btn--primary" href="{{ route('downloads') }}">Open Downloads</a>
                        @else
                            <a class="btn btn--primary" href="{{ route('profile.edit') }}">Partner Area</a>
                        @endcan
                        @can('prices.view')
                            <a class="btn btn--outline" href="{{ route('portal.prices') }}">View Prices</a>
                        @endcan
                    @endguest
                </div>
            </div>
        </div>
    </section>

    <div class="cta">
        <div class="cta-dots"></div>
        <div class="cta-copy">
            <h2>{{ $home->text('cta.title') }}</h2>
            <p>{{ $home->text('cta.body') }}</p>
        </div>
        <div class="cta-actions">
            <a class="solid" href="{{ route('public.company', 'contacts') }}">Contact Information</a>
            <a class="ghost" href="{{ route('public.support') }}">Get Support</a>
        </div>
    </div>
@endsection