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

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

@php
    $counters = [
        [
            'label' => __('general.dash_card_requests'),
            'value' => $pendReq,
            'icon' => 'fa-music',
            'color' => '#2476d8',
            'tint' => '#eaf2fd',
            'url' => Route::has('site.music-requests.r') ? route('site.music-requests.r') : null,
        ],
        [
            'label' => __('general.dash_card_messages'),
            'value' => $pendMes,
            'icon' => 'fa-envelope',
            'color' => '#7a3fb8',
            'tint' => '#f3edfb',
            'url' => Route::has('site.messages.r') ? route('site.messages.r') : null,
        ],
        [
            'label' => __('general.dash_card_comments'),
            'value' => $pendCom,
            'icon' => 'fa-comment-dots',
            'color' => '#d97706',
            'tint' => '#fdf3e3',
            'url' => Route::has('site.comments.r') ? route('site.comments.r') : null,
        ],
    ];

    $social = social_links($socialData);

    /* o programa no ar e o proximo chegam junto com a grade, do controlador */
    $onAirProgram = $onAirProgram ?? null;
    $nextProgram = $nextProgram ?? null;

    $isOwner = site_role() === 'owner';
@endphp

@include('includes/header-novo')

<main class="app-main">

    @if(session('serverID') == '333')
        <div class="notice">
            <i class="fa-solid fa-circle-info"></i>
            <span>{{ __('general.dash_network_notice') }} {{ __('general.dash_network_notice_2') }}</span>
        </div>
    @endif

    <section class="dhero">
        <div class="dhero__cover">
            <h1 class="dhero__name">{{ $siteData->name }}</h1>
        </div>

        <div class="dhero__top">
            <a class="dhero__avatar" href="{{ route('settings.r') }}" title="{{ __('general.action_change') }}">
                <img src="{{ $siteData->avatar ? env('APP_URL') . $siteData->avatar : '/assets/media/avatars/noimage.jpg' }}" alt="">
                <span class="dhero__avatar-edit"><i class="fa-solid fa-pen"></i></span>
            </a>

            <div class="dhero__who">
                <a class="dhero__domain" href="https://{{ $siteData->domain }}" target="_blank" rel="noopener">
                    {{ $siteData->domain }} <i class="fa-solid fa-arrow-up-right-from-square"></i>
                </a>
            </div>

            <div class="dhero__acts">
                <a class="btn btn--ghost" href="{{ route('settings.r') }}">
                    <i class="fa-solid fa-gear"></i> {{ __('general.dash_settings_action') }}
                </a>
                <a class="btn btn--primary" 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>

        <div class="grade">
            <div class="grade__head">
                <span class="grade__title"><i class="fa-solid fa-calendar-day"></i> {{ __('general.dash_schedule_title') }}</span>
                @if(Route::has('site.scheduling.r'))
                    <a class="grade__link" href="{{ route('site.scheduling.r') }}">{{ __('general.dash_schedule_action') }}</a>
                @endif
            </div>

            @if(!$onAirProgram && !$nextProgram)
                <p class="grade__empty">{{ __('general.dash_schedule_empty_desc') }}</p>
            @else
                <div class="grade__slots">
                    <div class="gslot {{ $onAirProgram ? 'gslot--live' : '' }}">
                        <span class="gslot__label">{{ __('general.dash_on_air') }}</span>
                        <strong class="gslot__name">{{ $onAirProgram->name ?? __('general.dash_schedule_empty') }}</strong>
                        @if($onAirProgram)
                            <span class="gslot__time">{{ substr($onAir[0]->start_time, 0, 5) }} - {{ substr($onAir[0]->end_time, 0, 5) }}</span>
                        @endif
                    </div>

                    <div class="gslot">
                        <span class="gslot__label">{{ __('general.dash_next_program') }}</span>
                        <strong class="gslot__name">{{ $nextProgram->name ?? __('general.value_not_set') }}</strong>
                        @if($nextProgram)
                            <span class="gslot__time">{{ substr($nextAir[0]->start_time, 0, 5) }} - {{ substr($nextAir[0]->end_time, 0, 5) }}</span>
                        @endif
                    </div>
                </div>
            @endif
        </div>
    </section>

    <section class="metrics metrics--3">
        @foreach($counters as $c)
            <{{ $c['url'] ? 'a' : 'div' }} class="metric"
                @if($c['url']) href="{{ $c['url'] }}" @endif
                style="--metric-color:{{ $c['color'] }};--metric-tint:{{ $c['tint'] }};">
                <span class="metric__icon"><i class="fa-solid {{ $c['icon'] }}"></i></span>
                <div class="metric__text">
                    <div class="metric__num">{{ $c['value'] }}</div>
                    <div class="metric__label">{{ $c['label'] }}</div>
                </div>
                @if($c['url'])<i class="fa-solid fa-arrow-right metric__go"></i>@endif
            </{{ $c['url'] ? 'a' : 'div' }}>
        @endforeach
    </section>

    <div class="dgrid">
        <section class="panel">
            <div class="panel__head">
                <h2 class="panel__title"><i class="fa-solid fa-sliders"></i> {{ __('general.dash_settings_title') }}</h2>
                <a class="panel__link" href="{{ route('settings.r') }}">{{ __('general.action_change') }}</a>
            </div>

            <div class="info">
                <div class="info__row">
                    <span class="info__label">{{ __('general.label_timezone') }}</span>
                    <span class="info__value">{{ $siteData->timezone == 'America/Sao_Paulo' ? __('general.timezone_brasilia') : $siteData->timezone }}</span>
                </div>
                <div class="info__row">
                    <span class="info__label">{{ __('general.label_contact_email') }}</span>
                    <span class="info__value">{{ $contactData->contact_email ?? $userLogged->email }}</span>
                </div>
                <div class="info__row">
                    <span class="info__label">{{ __('general.label_address') }}</span>
                    <span class="info__value">{{ $contactData->contact_address ?? __('general.value_not_set') }}</span>
                </div>
                <div class="info__row info__row--social">
                    <span class="info__label">{{ __('general.label_social') }}</span>
                    <span class="info__value">
                        @forelse($social as $s)
                            @if($s['url'] && !Config::get('constants.IS_APP'))
                                <a class="snet" href="{{ $s['url'] }}" target="_blank" rel="noopener" title="{{ $s['label'] }}">
                                    <i class="fa-brands {{ $s['icon'] }}"></i>
                                </a>
                            @else
                                <span class="snet" title="{{ $s['label'] }}"><i class="fa-brands {{ $s['icon'] }}"></i></span>
                            @endif
                        @empty
                            {{ __('general.value_not_set') }}
                        @endforelse
                    </span>
                </div>
            </div>
        </section>

        @if($isOwner)
            <section class="panel">
                <div class="panel__head">
                    <h2 class="panel__title"><i class="fa-solid fa-id-badge"></i> {{ __('general.page_users_h1') }}</h2>
                    <a class="panel__link" href="{{ route('users.c') }}">
                        <i class="fa-solid fa-user-plus"></i> {{ __('general.dash_admins_invite') }}
                    </a>
                </div>

                <div class="people">
                    <div class="person">
                        <span class="person__avatar">{{ mb_strtoupper(mb_substr($userLogged->name, 0, 1)) }}</span>
                        <span class="person__text">
                            <strong>{{ $userLogged->name }}</strong>
                            <span class="pill pill--owner">{{ __('general.role_owner') }}</span>
                        </span>
                        <span class="person__when">{{ DateShort($userLogged->last_login) }}</span>
                    </div>

                    @forelse($adminIds as $adminId)
                        @php
                            $person = $adminUsers[$adminId] ?? null;
                            $row = $adminRows[$adminId] ?? null;
                        @endphp
                        @continue(!$person)

                        <div class="person">
                            <span class="person__avatar">{{ mb_strtoupper(mb_substr($person->name, 0, 1)) }}</span>
                            <span class="person__text">
                                <strong>{{ $row->nickname ?? $person->name }}</strong>
                                @if($row && $row->active)
                                    <span class="pill pill--admin">{{ __('general.role_admin') }}</span>
                                @else
                                    <span class="pill pill--wait">{{ __('general.dash_admins_invited') }}</span>
                                @endif
                            </span>
                            <span class="person__when">{{ $person->last_login ? DateShort($person->last_login) : '' }}</span>
                        </div>
                    @empty
                        <a class="person person--empty" href="{{ route('users.r') }}">
                            <i class="fa-solid fa-user-plus"></i>
                            <span>{{ __('general.dash_admins_manage') }}</span>
                        </a>
                    @endforelse
                </div>
            </section>
        @endif
        @if($isOwner)
            <section class="panel">
                <div class="panel__head">
                    <h2 class="panel__title"><i class="fa-solid fa-clock-rotate-left"></i> {{ __('general.dash_activities_title') }}</h2>
                    <a class="panel__link" href="{{ route('activities.r') }}">{{ __('general.dash_activities_link') }}</a>
                </div>

                <div class="dacts">
                    @forelse($lastActivities as $activity)
                        <div class="dact">
                            <span class="dact__ic"><i class="fa-solid {{ log_action_icon($activity->action) }}"></i></span>

                            <span class="dact__text">
                                <strong>{{ log_action_label($activity->action) }}</strong>
                                <span>{{ $activity->user_name }} <span class="dact__dot">&middot;</span> {{ DateShort($activity->created_at) }}</span>
                            </span>
                        </div>
                    @empty
                        <div class="dact__empty">
                            <span class="dact__empty-ic"><i class="fa-solid fa-clock-rotate-left"></i></span>
                            <p class="dact__empty-title">{{ __('general.dash_activities_empty') }}</p>
                            <p class="dact__empty-hint">{{ __('general.dash_activities_empty_hint') }}</p>
                        </div>
                    @endforelse
                </div>
            </section>
        @endif

    </div>

</main>

@include('includes/footer-novo')