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

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

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

    $agora = date('Y-m-d H:i:s');
@endphp

@include('includes/header-novo')

<main class="app-main">

    @include('includes.breadcrumb')

    <header class="page-head">
        <div>
            <h1 class="page-title">{{ __('site.page_promo_h1') }}</h1>
            <p class="page-sub">{{ __('site.page_promo_sub') }}</p>
        </div>

        <div class="page-head__acts">
            <a class="btn btn--primary" href="{{ route('site.promotions.c') }}">
                <i class="fa-solid fa-plus"></i> {{ __('site.action_add') }}
            </a>
        </div>
    </header>

    @include('includes.flash')

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

    @if($s)
        <div class="pfilter">
            <span>{{ __('site.search_results') }} <strong>{{ $s }}</strong></span>
            <a href="{{ route('site.promotions.r') }}" 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($allPromo->count() == 0)
        <div class="inbox__empty">
            <i class="fa-solid fa-gift"></i>
            <p>{{ __('site.page_promo_search_norec') }}</p>
        </div>
    @else
        <div class="lcards">
            @foreach($allPromo as $promo)
                @php
                    $fim = $promo->date_end . ' ' . ($promo->time_end ?: '00:00:00');
                    $encerrada = $promo->date_end && $fim <= $agora;
                    $sorteada = (bool) $promo->winner;
                @endphp

                <article class="lcard {{ $encerrada ? 'is-closed' : '' }}">
                    <div class="lcard__body">
                        <h2 class="lcard__name">
                            <a href="{{ route('site.promotions.u', $promo->id) }}">{{ $promo->name }}</a>
                        </h2>

                        <p class="lcard__meta">
                            @if($sorteada)
                                <span class="promotag promotag--done">
                                    <i class="fa-solid fa-trophy"></i>
                                    {{ __('site.page_promo_status_raffled', ['date' => $promo->raffle_date ? date('d/m/Y H:i', strtotime($promo->raffle_date)) : '']) }}
                                </span>
                            @elseif($encerrada)
                                <span class="promotag promotag--wait">
                                    <i class="fa-regular fa-hourglass-half"></i> {{ __('site.page_promo_status_waiting') }}
                                </span>
                            @else
                                <span class="promotag promotag--live">
                                    <i class="fa-solid fa-circle-play"></i> {{ __('site.page_promo_status_running') }}
                                </span>
                            @endif

                            <span>
                                <i class="fa-regular fa-calendar"></i>
                                {{ __('site.page_promo_ends_at', [
                                    'date' => $promo->date_end ? date('d/m/Y', strtotime($promo->date_end)) : '',
                                    'time' => $promo->time_end ? substr($promo->time_end, 0, 5) : '',
                                ]) }}
                            </span>

                            @if(isset($forms[$promo->form_id]))
                                <span><i class="fa-solid fa-clipboard-list"></i> {{ $forms[$promo->form_id] }}</span>
                            @else
                                <span class="promotag promotag--gone">
                                    <i class="fa-solid fa-triangle-exclamation"></i> {{ __('site.page_promo_form_gone') }}
                                </span>
                            @endif
                        </p>
                    </div>

                    <div class="lcard__acts">
                        <a class="btn btn--ghost btn--sm" href="{{ route('site.promotions.r.raffle', $promo->id) }}">
                            <i class="fa-solid fa-trophy"></i> {{ __('site.page_promo_table_2') }}
                        </a>

                        <a class="btn btn--ghost btn--sm" href="{{ route('site.promotions.u', $promo->id) }}">
                            <i class="fa-solid fa-pen"></i> {{ __('site.action_edit') }}
                        </a>

                        <button class="btn btn--ghost btn--sm lcard__drop" type="button"
                                data-form="promo-drop-{{ $promo->id }}" data-name="{{ $promo->name }}">
                            <i class="fa-solid fa-trash"></i> {{ __('site.btn_remove') }}
                        </button>

                        <form id="promo-drop-{{ $promo->id }}" method="POST" action="{{ route('site.promotions.d', $promo->id) }}" hidden>
                            @csrf
                            @method('DELETE')
                        </form>
                    </div>
                </article>
            @endforeach
        </div>

        <div class="inbox__pages">{{ $allPromo->appends(['s' => $s])->links('vendor.pagination.painel') }}</div>
    @endif

</main>

@section('scripts')
    <script>
        window.LISTDROP = {
            txt: {
                dropAsk: @json(__('site.page_promo_drop_ask')),
                dropText: @json(__('site.page_promo_drop_text')),
                dropDo: @json(__('site.btn_remove'))
            }
        };
    </script>
@endsection

@include('includes/footer-novo')