@section('title', __('general.header_web_site_title'))

@section('head')
    <link rel="stylesheet" href="{{ assetv('/assets/css/pages/sitehome.css') }}">
@endsection

@php
    $subnav = [
        ['label' => __('radio.menu_item_1'), 'icon' => 'fa-house', 'url' => route('site.home.r'), 'active' => true],
        ['label' => __('site.menu_item_2_sub_1'), 'icon' => 'fa-gear', 'url' => route('site.config.r')],
        ['label' => __('site.menu_item_3'), 'icon' => 'fa-newspaper', 'url' => route('site.posts.r')],
        ['label' => __('site.menu_item_4'), 'icon' => 'fa-calendar-days', 'url' => route('site.scheduling.r')],
        ['label' => __('site.menu_item_6'), 'icon' => 'fa-palette', 'url' => route('site.theme.themes.r')],
    ];

    $breadcrumb = [
        ['label' => __('general.header_nav_web')],
        ['label' => __('general.header_web_site_title')],
    ];

    $subdominio = $siteData->subdomain && isset($serverData->name)
        ? $siteData->subdomain . '.' . $serverData->name
        : null;

    $visitas = (int) ($siteData->stat_views ?? 0);
    $noAr = ($siteData->status ?? null) === '1' || ($siteData->status ?? null) === '4';

    $metricas = [
        [
            'valor' => number_format($visitas, 0, ',', '.'),
            'label' => __('site.page_ads_table_4'),
            'icon' => 'fa-chart-column',
            'cor' => 'var(--info)',
            'tint' => 'rgba(36,118,216,.10)',
            'url' => null,
        ],
        [
            'valor' => $pendReq,
            'label' => __('general.dash_card_requests'),
            'icon' => 'fa-music',
            'cor' => 'var(--brand)',
            'tint' => 'var(--brand-100)',
            'url' => route('site.music-requests.r'),
        ],
        [
            'valor' => $pendMes,
            'label' => __('general.dash_card_messages'),
            'icon' => 'fa-paper-plane',
            'cor' => 'var(--warning)',
            'tint' => 'rgba(217,119,6,.10)',
            'url' => route('site.messages.r'),
        ],
        [
            'valor' => $pendCom,
            'label' => __('general.dash_card_comments'),
            'icon' => 'fa-comments',
            'cor' => 'var(--success)',
            'tint' => 'rgba(30,167,107,.10)',
            'url' => route('site.comments.r'),
        ],
    ];
@endphp

@include('includes/header-novo')

<main class="app-main">

    @include('includes.breadcrumb')

    @include('includes.flash')

    <section class="hero">
        <div class="hero__inner">
            <div>
                @if($noAr)
                    <span class="hero__eyebrow">
                        <i class="fa-solid fa-circle" style="font-size:8px;color:#7ff0cd;"></i>
                        {{ __('general.sitehome_status_online') }}
                    </span>
                @endif
                <h1 class="hero__title">{{ $siteData->name }}</h1>
                <p class="hero__sub">{{ __('general.sitehome_hello', ['name' => limitName($userLogged->name)]) }}</p>
            </div>
            <div class="hero__actions">
                <a class="btn btn--onbrand-ghost" href="{{ route('site.config.r') }}">
                    <i class="fa-solid fa-gear"></i> {{ __('general.dash_settings_action') }}
                </a>
                <a class="btn btn--onbrand" href="https://{{ $siteData->domain }}" target="_blank" rel="noopener">
                    <i class="fa-solid fa-arrow-up-right-from-square"></i> {{ __('general.sitehome_visit') }}
                </a>
            </div>
        </div>
    </section>

    <section class="metrics" aria-label="{{ __('general.dash_settings_title') }}">
        @foreach($metricas as $m)
            <{{ $m['url'] ? 'a' : 'div' }}
                class="metric"
                @if($m['url']) href="{{ $m['url'] }}" @endif
                style="--metric-color:{{ $m['cor'] }};--metric-tint:{{ $m['tint'] }};">
                <span class="metric__icon"><i class="fa-solid {{ $m['icon'] }}"></i></span>
                <div class="metric__text">
                    <div class="metric__num">{{ $m['valor'] }}</div>
                    <div class="metric__label">{{ $m['label'] }}</div>
                </div>
                @if($m['url'])
                    <i class="fa-solid fa-arrow-right metric__go"></i>
                @endif
            </{{ $m['url'] ? 'a' : 'div' }}>
        @endforeach
    </section>

    <section class="row grid-2">

        <article class="panel">
            <header class="panel__head">
                <h2 class="panel__title">
                    <i class="fa-solid fa-globe"></i> {{ __('general.header_domains_title') }}
                </h2>
                <a class="text-link" style="font-size:13px;" href="{{ route('emails.r') }}">
                    {{ __('general.page_emails_h1') }} <i class="fa-solid fa-arrow-right" style="font-size:11px;"></i>
                </a>
            </header>

            <div class="domain-row">
                <span class="domain-row__ico"><i class="fa-solid fa-earth-americas"></i></span>
                <div style="flex:1;min-width:0;">
                    <div class="domain-row__name">{{ $siteData->domain }}</div>
                    <span class="pill pill--soft" style="margin-top:4px;display:inline-block;">{{ __('general.header_domain_main') }}</span>
                </div>
                <a class="btn btn--ghost" href="https://{{ $siteData->domain }}" target="_blank" rel="noopener">
                    <i class="fa-solid fa-arrow-up-right-from-square"></i>
                </a>
            </div>

            @if($subdominio)
                <div class="domain-row">
                    <span class="domain-row__ico" style="color:var(--text-muted);background:var(--surface-3);">
                        <i class="fa-solid fa-link"></i>
                    </span>
                    <div style="flex:1;min-width:0;">
                        <div class="domain-row__name">{{ $subdominio }}</div>
                        <span class="pill pill--dark" style="margin-top:4px;display:inline-block;">{{ __('general.header_domain_alt') }}</span>
                    </div>
                    <a class="btn btn--ghost" href="https://{{ $subdominio }}" target="_blank" rel="noopener">
                        <i class="fa-solid fa-arrow-up-right-from-square"></i>
                    </a>
                </div>
            @endif
        </article>

        <article class="panel">
            <header class="panel__head">
                <h2 class="panel__title">
                    <i class="fa-solid fa-bullhorn"></i> {{ __('site.menu_item_3_sub_7') }}
                </h2>
                <a href="{{ route('site.ads.r') }}" class="text-link" style="font-size:13px;">
                    {{ __('general.header_notifications_all') }} <i class="fa-solid fa-arrow-right" style="font-size:11px;"></i>
                </a>
            </header>

            @if(isset($adsImage) && count($adsImage))
                @php $maiorView = max(array_map(fn ($a) => (int) ($a->views ?? 0), $adsImage->all())) ?: 1; @endphp
                @foreach($adsImage as $ad)
                    @php
                        $views = (int) ($ad->views ?? 0);
                        $clicks = (int) ($ad->clicks ?? 0);
                        $ctr = $views > 0 ? ($clicks / $views) * 100 : 0;
                    @endphp
                    <div class="ad-row">
                        <div class="ad-row__top">
                            <span class="ad-row__name">{{ $ad->name ?? '---' }}</span>
                            <span class="pill {{ $ctr >= 1 ? 'pill--soft' : 'pill--muted' }}">{{ number_format($ctr, 2, ',', '.') }}%</span>
                        </div>
                        <div class="bar">
                            <div class="bar__fill" style="width:{{ max(3, round($views / $maiorView * 100)) }}%;"></div>
                        </div>
                        <div class="ad-row__stats">
                            <span><strong>{{ number_format($views, 0, ',', '.') }}</strong> {{ __('general.sitehome_ads_views') }}</span>
                            <span><strong>{{ number_format($clicks, 0, ',', '.') }}</strong> {{ __('general.sitehome_ads_clicks') }}</span>
                        </div>
                    </div>
                @endforeach
            @else
                <div class="empty-state">
                    <div class="empty-state__ico"><i class="fa-solid fa-bullhorn"></i></div>
                    <p class="text-muted" style="font-size:13px;margin-bottom:14px;">{{ __('general.sitehome_ads_empty') }}</p>
                    <a class="btn btn--primary" href="{{ route('site.ads.c') }}">
                        <i class="fa-solid fa-plus"></i> {{ __('general.action_add') }}
                    </a>
                </div>
            @endif
        </article>

    </section>

</main>

@include('includes/footer-novo')