@section('title', __('site.page_ads_title'))

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

@php
    $breadcrumb = [
        ['label' => __('site.menu_item_3')],
        ['label' => __('site.menu_item_3_sub_7')],
    ];

    $base = 'https://' . $serverData->name . '/contents/' . session('siteID') . '/ads/';

    $tabs = [
        '' => __('site.page_ads_tab_all'),
        '0' => __('site.page_ads_type_image'),
        '1' => __('site.page_ads_type_code'),
    ];

    $ctr = $totals['views'] ? $totals['clicks'] * 100 / $totals['views'] : 0;
@endphp

@include('includes/header-novo')

<main class="app-main">

    @include('includes.breadcrumb')

    <header class="page-head">
        <div>
            <h1 class="page-title">{{ __('site.page_ads_h1') }}</h1>
            <p class="page-sub">{{ __('site.page_ads_sub') }}</p>
        </div>
        <a class="btn btn--primary" href="{{ route('site.ads.c') }}">
            <i class="fa-solid fa-plus"></i> {{ __('site.page_ads_new_title') }}
        </a>
    </header>

    @include('includes.flash')

    <div class="adslist"
         data-url-reset="{{ route('site.ads.r.reset') }}"
         data-msg-delete-title="{{ __('site.page_ads_alert_title') }}"
         data-msg-delete-text="{{ __('site.page_ads_alert_text') }}"
         data-msg-delete-btn="{{ __('site.btn_remove') }}"
         data-msg-reset-title="{{ __('site.page_ads_reset_title') }}"
         data-msg-reset-text="{{ __('site.page_ads_reset_text') }}"
         data-msg-reset-btn="{{ __('site.page_ads_reset_btn') }}">

        @unless($apiError)
            <section class="adstats">
                <div class="adstat">
                    <span class="adstat__n">{{ number_format($totals['ads'], 0, ',', '.') }}</span>
                    <span class="adstat__label">{{ trans_choice('site.page_ads_count', $totals['ads']) }}</span>
                </div>
                <div class="adstat">
                    <span class="adstat__n">{{ number_format($totals['views'], 0, ',', '.') }}</span>
                    <span class="adstat__label">{{ __('site.page_ads_views') }}</span>
                </div>
                <div class="adstat">
                    <span class="adstat__n">{{ number_format($totals['clicks'], 0, ',', '.') }}</span>
                    <span class="adstat__label">{{ __('site.page_ads_clicks') }}</span>
                </div>
                <div class="adstat">
                    <span class="adstat__n">{{ number_format($ctr, 2, ',', '.') }}%</span>
                    <span class="adstat__label">{{ __('site.page_ads_ctr') }}</span>
                </div>
            </section>
        @endunless

        <div class="ltools">
            <form class="ltools__search" method="GET" action="{{ route('site.ads.r') }}">
                <i class="fa-solid fa-magnifying-glass"></i>
                <input class="input" type="text" name="s" value="{{ $s }}" autocomplete="off"
                       placeholder="{{ __('site.page_ads_search') }}">
                @if($type !== '')
                    <input type="hidden" name="type" value="{{ $type }}">
                @endif
            </form>

            <div class="ltabs">
                @foreach($tabs as $key => $label)
                    <a class="ltab {{ $type === $key ? 'is-on' : '' }}"
                       href="{{ route('site.ads.r', array_filter(['type' => $key, 's' => $s])) }}">{{ $label }}</a>
                @endforeach
            </div>
        </div>

        @if($s)
            <div class="pfilter">
                <span>{{ __('site.search_results') }} <strong>{{ $s }}</strong></span>
                <a href="{{ route('site.ads.r', array_filter(['type' => $type])) }}" title="{{ __('site.page_post_search_clear') }}">
                    <i class="fa-solid fa-xmark"></i>
                </a>
            </div>
        @endif

        @if($apiError)
            <div class="apierr">
                <span class="apierr__ico"><i class="fa-solid fa-plug-circle-xmark"></i></span>
                <p class="apierr__text">{{ $apiError }}</p>
            </div>
        @elseif($allAds->count() == 0)
            <div class="cempty">
                <span class="apierr__ico"><i class="fa-solid fa-bullhorn"></i></span>
                <p class="apierr__text">{{ __('site.page_ads_search_norec') }}</p>
            </div>
        @else
            <div class="adsgrid">
                @foreach($allAds as $ad)
                    @php $rate = $ad->views ? $ad->clicks * 100 / $ad->views : 0; @endphp

                    <article class="adcard" data-id="{{ $ad->id }}" data-name="{{ $ad->name }}">
                        <span class="adcard__cover">
                            @if($ad->type === '0' && $ad->img)
                                <img src="{{ $base . $ad->img }}" alt="" loading="lazy">
                            @endif
                            {{-- aqui o ícone diz o que está faltando, não o que é a seção --}}
                            <i class="fa-solid {{ $ad->type === '1' ? 'fa-code' : 'fa-image' }} adcard__ph"></i>

                            <span class="adpill">
                                <i class="fa-solid {{ $ad->type === '1' ? 'fa-code' : 'fa-image' }}"></i>
                                {{ $ad->type === '1' ? __('site.page_ads_type_code') : __('site.page_ads_type_image') }}
                            </span>
                        </span>

                        <div class="adcard__body">
                            <strong class="adcard__name" title="{{ $ad->name }}">{{ $ad->name }}</strong>

                            @if($ad->type === '0')
                                @if($ad->url)
                                    <span class="adcard__url" title="{{ $ad->url }}">
                                        <i class="fa-solid fa-link"></i> {{ $ad->url }}
                                        @if($ad->target === '1')
                                            <i class="fa-solid fa-arrow-up-right-from-square adcard__blank"
                                               title="{{ __('site.page_ads_new_tab') }}"></i>
                                        @endif
                                    </span>
                                @else
                                    <span class="adcard__url adcard__url--none">{{ __('site.page_slider_table_no_link') }}</span>
                                @endif
                            @else
                                <span class="adcard__url adcard__url--none">{{ __('site.page_ads_code_note') }}</span>
                            @endif

                            <div class="adnums">
                                <span class="adnum" title="{{ __('site.page_ads_views') }}">
                                    <i class="fa-solid fa-eye"></i> {{ number_format($ad->views, 0, ',', '.') }}
                                </span>
                                <span class="adnum" title="{{ __('site.page_ads_clicks') }}">
                                    <i class="fa-solid fa-hand-pointer"></i> {{ number_format($ad->clicks, 0, ',', '.') }}
                                </span>
                                <span class="adnum adnum--ctr" title="{{ __('site.page_ads_ctr') }}">
                                    {{ number_format($rate, 2, ',', '.') }}%
                                </span>
                            </div>
                        </div>

                        <div class="cardacts">
                            <a class="cardact" href="{{ route('site.ads.u', $ad->id) }}">
                                <i class="fa-solid fa-pen"></i> {{ __('site.action_edit') }}
                            </a>
                            <button class="cardact adcard__reset" type="button" title="{{ __('site.page_ads_reset_title') }}">
                                <i class="fa-solid fa-arrow-rotate-left"></i> {{ __('site.page_ads_reset_btn') }}
                            </button>
                            <button class="cardact cardact--del adcard__del" type="button">
                                <i class="fa-solid fa-trash"></i> {{ __('site.btn_remove') }}
                            </button>
                        </div>

                        <form class="adcard__form" method="POST" action="{{ route('site.ads.d', $ad->id) }}">@method('DELETE')</form>
                    </article>
                @endforeach
            </div>

            {{ $allAds->links('vendor.pagination.painel') }}
        @endif
    </div>

</main>

@section('scripts')
    <script src="{{ assetv('/assets/js/site-ads.js') }}"></script>
@endsection

@include('includes/footer-novo')