@section('title', __('site.page_promo_raffle_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'), 'url' => route('site.promotions.r')],
        ['label' => __('site.page_promo_table_2')],
    ];

    $fim = $promoData->date_end . ' ' . ($promoData->time_end ?: '00:00:00');
    $encerrada = $promoData->date_end && $fim <= date('Y-m-d H:i:s');
    $quando = ($promoData->date_end ? date('d/m/Y', strtotime($promoData->date_end)) : '')
        . ' ' . ($promoData->time_end ? substr($promoData->time_end, 0, 5) : '');
    $podeSortear = $encerrada && $totalReply > 0;
@endphp

@include('includes/header-novo')

<main class="app-main">

    @include('includes.breadcrumb')

    <header class="page-head">
        <div>
            <h1 class="page-title">{{ __('site.page_promo_raffle_h1') }}</h1>
            <p class="page-sub">{{ $promoData->name }}</p>
        </div>

        <div class="page-head__acts">
            <a class="btn btn--ghost" href="{{ route('site.promotions.r') }}">
                <i class="fa-solid fa-arrow-left"></i> {{ __('site.page_promo_h1') }}
            </a>

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

    @include('includes.flash')

    <section class="stage {{ $winner ? 'has-winner' : '' }}">

        <div class="stage__box">
            <span class="stage__confetti" aria-hidden="true"></span>

            <span class="stage__badge"><i class="fa-solid fa-trophy"></i></span>

            <span class="stage__label">
                {{ $winner ? __('site.page_promo_raffle_tab_title') : __('site.page_promo_raffle_waiting') }}
            </span>

            <p class="stage__reel" aria-live="polite">
                {{ $winnerName !== '' ? $winnerName : __('site.page_promo_raffle_none') }}
            </p>

            @if($winner && $promoData->raffle_date)
                <p class="stage__when">
                    {{ __('site.page_promo_raffled_at', ['date' => date('d/m/Y H:i', strtotime($promoData->raffle_date))]) }}
                </p>
            @endif

            @if($podeSortear)
                <form class="promoraffle" method="GET" action="{{ route('site.promotions.r.raffle.do', $promoData->id) }}"
                      data-ask="{{ $promoData->winner ? __('site.page_promo_raffle_again_ask') : __('site.page_promo_raffle_ask') }}"
                      data-text="{{ $promoData->winner ? __('site.page_promo_raffle_again_text') : __('site.page_promo_raffle_text', ['n' => $totalReply]) }}"
                      data-do="{{ $promoData->winner ? __('site.page_promo_raffle_input_btn_2') : __('site.page_promo_raffle_input_btn_1') }}">
                    <button class="btn btn--primary" type="submit">
                        <i class="fa-solid fa-shuffle"></i>
                        {{ $promoData->winner ? __('site.page_promo_raffle_input_btn_2') : __('site.page_promo_raffle_input_btn_1') }}
                    </button>
                </form>
            @elseif(! $encerrada)
                <p class="stage__note">
                    <i class="fa-regular fa-hourglass-half"></i>
                    {{ __('site.page_promo_raffle_alert_plain', ['when' => $quando]) }}
                </p>
            @else
                <p class="stage__note stage__note--warn">
                    <i class="fa-solid fa-triangle-exclamation"></i> {{ __('site.page_promo_raffle_empty') }}
                </p>
            @endif
        </div>

        @if($winner)
            <div class="stage__sheet">
                <h2 class="stage__sheettitle">{{ __('site.page_promo_raffle_sheet') }}</h2>

                <dl class="sheet">
                    @foreach($winner as $campo)
                        <div class="sheet__item">
                            <dt>{{ $campo['label'] }}</dt>
                            <dd>{{ $campo['value'] !== '' ? $campo['value'] : '-' }}</dd>
                        </div>
                    @endforeach
                </dl>
            </div>
        @endif

    </section>

    <section class="sec promoabout">
        <div class="sec__head">
            <h2 class="sec__title"><i class="fa-solid fa-clipboard-list"></i> {{ __('site.page_promo_raffle_block') }}</h2>
        </div>

        <div class="sec__body">
            <dl class="sheet sheet--wide">
                <div class="sheet__item">
                    <dt>{{ __('site.page_promo_raffle_input_1') }}</dt>
                    <dd>
                        @if($formData)
                            <a href="{{ route('site.forms.u', $formData->id) }}">{{ $formData->name }}</a>
                        @else
                            <span class="sheet__gone">{{ __('site.page_promo_form_gone') }}</span>
                        @endif
                    </dd>
                </div>

                <div class="sheet__item">
                    <dt>{{ __('site.page_promo_raffle_input_2') }}</dt>
                    <dd>{{ trans_choice('site.page_promo_entries', $totalReply, ['n' => $totalReply]) }}</dd>
                </div>

                <div class="sheet__item">
                    <dt>{{ __('site.page_promo_raffle_input_3') }}</dt>
                    <dd>{{ $quando }}</dd>
                </div>
            </dl>
        </div>
    </section>

</main>

@section('scripts')
    <script>
        window.PROMORAFFLE = {
            winner: @json($winnerName),
            names: @json($spinNames),
            txt: {
                drawn: @json(__('site.page_promo_raffle_tab_title')),
                sheet: @json(__('site.page_promo_raffle_sheet')),
                none: @json(__('site.page_promo_raffle_none')),
                again: @json(__('site.page_promo_raffle_input_btn_2')),
                againAsk: @json(__('site.page_promo_raffle_again_ask')),
                againText: @json(__('site.page_promo_raffle_again_text')),
                fail: @json(__('site.page_promo_raffle_fail'))
            }
        };
    </script>
    <script src="{{ assetv('/assets/js/site-promo.js') }}"></script>
@endsection

@include('includes/footer-novo')