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

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

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

    $kinds = [
        '0' => ['label' => __('site.page_featured_type_1'), 'icon' => 'fa-image'],
        '1' => ['label' => __('site.page_featured_type_2'), 'icon' => 'fa-calendar-days'],
        '2' => ['label' => __('site.page_featured_type_3'), 'icon' => 'fa-gift'],
        '3' => ['label' => __('site.page_featured_type_4'), 'icon' => 'fa-newspaper'],
    ];

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

@include('includes/header-novo')

<main class="app-main">

    @include('includes.breadcrumb')

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

    @include('includes.flash')

    <div class="fealist"
         data-url-order="{{ route('site.featured.r.order') }}"
         data-url-remove="{{ route('site.featured.d') }}"
         data-url-remove-list="{{ route('site.featured.d.list') }}"
         data-msg-delete-title="{{ __('site.page_featured_alert_title') }}"
         data-msg-delete-text="{{ __('site.page_featured_alert_text') }}"
         data-msg-delete-btn="{{ __('site.btn_remove') }}"
         data-msg-delete-many-one="{{ __('site.page_featured_alert_title_2') }}"
         data-msg-delete-many="{{ __('site.page_featured_alert_title_2_2') }} %n% {{ __('site.page_featured_alert_title_2_2_2') }}">

        @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($allFeatured->count() == 0)
            <div class="cempty">
                <span class="apierr__ico"><i class="fa-solid fa-star"></i></span>
                <p class="apierr__text">{{ __('site.page_featured_norec') }}</p>
                <a class="btn btn--primary" href="{{ route('site.featured.c') }}">
                    <i class="fa-solid fa-plus"></i> {{ __('site.page_featured_new_title') }}
                </a>
            </div>
        @else
            <p class="lhint"><i class="fa-solid fa-arrows-up-down-left-right"></i> {{ __('site.page_featured_order_hint') }}</p>

            <div class="lbulk" hidden>
                <span class="lbulk__n"></span>
                <button class="btn btn--danger lbulk__del" type="button">
                    <i class="fa-solid fa-trash"></i> {{ __('site.btn_remove') }}
                </button>
            </div>

            <div class="feagrid">
                @foreach($allFeatured as $item)
                    @php $kind = $kinds[$item->type] ?? $kinds['0']; @endphp

                    <article class="feacard {{ $item->missing ? 'is-missing' : '' }}" data-id="{{ $item->id }}">
                        <label class="feacard__pick">
                            <input type="checkbox" class="feacard__box">
                            <span class="pickmark"><i class="fa-solid fa-check"></i></span>
                        </label>

                        <span class="feacard__cover">
                            @if($item->img && ! $item->missing)
                                <img src="{{ $base . $item->folder . '/' . $item->img }}" alt="" loading="lazy">
                            @else
                                <i class="fa-solid {{ $kind['icon'] }} feacard__ph"></i>
                            @endif

                            <span class="feapill"><i class="fa-solid {{ $kind['icon'] }}"></i> {{ $kind['label'] }}</span>

                            <span class="feacard__ord">{{ $loop->iteration + ($allFeatured->currentPage() - 1) * $allFeatured->perPage() }}</span>
                        </span>

                        <div class="feacard__body">
                            @if($item->missing)
                                <strong class="feacard__title feacard__title--missing">
                                    <i class="fa-solid fa-triangle-exclamation"></i> {{ __('site.page_featured_missing') }}
                                </strong>
                            @else
                                <strong class="feacard__title" title="{{ $item->title }}">{{ $item->title ?: __('site.page_featured_untitled') }}</strong>
                            @endif

                            @if($item->type === '0' && $item->link)
                                <a class="feacard__link" href="{{ $item->link }}" target="_blank" rel="noopener">
                                    <i class="fa-solid fa-link"></i> {{ $item->link }}
                                </a>
                            @endif
                        </div>

                        <div class="cardacts">
                            <button class="cardact cardact--del feacard__del" type="button">
                                <i class="fa-solid fa-trash"></i> {{ __('site.btn_remove') }}
                            </button>
                        </div>
                    </article>
                @endforeach
            </div>

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

</main>

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

@include('includes/footer-novo')