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

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

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

@include('includes/header-novo')

<main class="app-main">

    @include('includes.breadcrumb')

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

        <div class="page-head__acts">
            <a class="btn btn--primary" href="{{ route('site.polls.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.polls.r') }}">
            <i class="fa-solid fa-magnifying-glass"></i>
            <input class="input" type="text" name="s" value="{{ $s }}" autocomplete="off"
                   placeholder="{{ __('site.page_polls_search') }}">
        </form>
    </div>

    @if($s)
        <div class="pfilter">
            <span>{{ __('site.search_results') }} <strong>{{ $s }}</strong></span>
            <a href="{{ route('site.polls.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($allPolls->count() == 0)
        <div class="inbox__empty">
            <i class="fa-solid fa-square-poll-vertical"></i>
            <p>{{ __('site.page_polls_search_norec') }}</p>
        </div>
    @else
        <div class="lcards">
            @foreach($allPolls as $poll)
                @php
                    $votos = (int) ($votes[$poll->id] ?? 0);
                    $noSite = isset($onSite[$poll->id]);
                    $encerrada = $poll->date_end && $poll->date_end < date('Y-m-d');
                @endphp

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

                        <p class="lcard__meta">
                            <span class="lcard__votes">
                                <i class="fa-solid fa-check-to-slot"></i>
                                {{ trans_choice('site.page_polls_vote_count', $votos, ['n' => $votos]) }}
                            </span>

                            @if($poll->date_end)
                                <span>
                                    <i class="fa-regular fa-calendar"></i>
                                    {{ __($encerrada ? 'site.page_polls_closed_on' : 'site.page_polls_closes_on', ['date' => date('d/m/Y', strtotime($poll->date_end))]) }}
                                </span>
                            @else
                                <span><i class="fa-regular fa-calendar"></i> {{ __('site.page_polls_no_end') }}</span>
                            @endif

                            @if($noSite)
                                <span class="lcard__tag">{{ __('site.page_polls_badge_onsite') }}</span>
                            @endif
                        </p>
                    </div>

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

                        @if($noSite)
                            <span class="lcard__locked" title="{{ __('site.page_polls_locked') }}">
                                <i class="fa-solid fa-lock"></i>
                            </span>
                        @else
                            <button class="btn btn--ghost btn--sm lcard__drop" type="button"
                                    data-form="poll-drop-{{ $poll->id }}" data-name="{{ $poll->name }}">
                                <i class="fa-solid fa-trash"></i> {{ __('site.btn_remove') }}
                            </button>

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

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

</main>

@section('scripts')
    <script>
        window.LISTDROP = {
            txt: {
                dropAsk: @json(__('site.page_polls_drop_ask')),
                dropText: @json(__('site.page_polls_drop_text')),
                dropDo: @json(__('site.btn_remove'))
            }
        };
    </script>
    <script src="{{ assetv('/assets/js/site-poll.js') }}"></script>
@endsection

@include('includes/footer-novo')