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

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

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

@include('includes/header-novo')

<main class="app-main">

    @include('includes.breadcrumb')

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

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

    @if($s)
        <div class="pfilter">
            <span>{{ __('site.search_results') }} <strong>{{ $s }}</strong></span>
            <a href="{{ route('site.forms.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($allForms->count() == 0)
        <div class="inbox__empty">
            <i class="fa-solid fa-clipboard-list"></i>
            <p>{{ __('site.page_forms_search_norec') }}</p>
        </div>
    @else
        <div class="lcards">
            @foreach($allForms as $form)
                @php
                    $respostas = (int) ($replies[$form->id] ?? 0);
                    $campos = (int) ($fields[$form->id] ?? 0);
                @endphp

                <article class="lcard">
                    <div class="lcard__body">
                        <h2 class="lcard__name">
                            <a href="{{ route('site.forms.u', $form->id) }}">{{ $form->name }}</a>
                        </h2>

                        <p class="lcard__meta">
                            <span><i class="fa-solid fa-list-check"></i> {{ trans_choice('site.page_forms_field_count', $campos, ['n' => $campos]) }}</span>
                            <span class="fmreplies"><i class="fa-solid fa-inbox"></i> {{ trans_choice('site.page_forms_reply_count', $respostas, ['n' => $respostas]) }}</span>
                            @if($form->captcha === '1')
                                <span><i class="fa-solid fa-shield-halved"></i> {{ __('site.page_forms_with_captcha') }}</span>
                            @endif
                        </p>

                        @if($form->description)
                            <p class="fmdesc">{{ mb_strimwidth($form->description, 0, 140, '...') }}</p>
                        @endif
                    </div>

                    <div class="lcard__acts">
                        @if($respostas)
                            <a class="btn btn--ghost btn--sm" href="{{ route('site.forms.r.answers', $form->id) }}">
                                <i class="fa-solid fa-inbox"></i> {{ __('site.page_forms_table_reg') }}
                            </a>
                        @endif

                        <a class="btn btn--ghost btn--sm" href="{{ route('site.forms.u', $form->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="form-drop-{{ $form->id }}" data-name="{{ $form->name }}">
                            <i class="fa-solid fa-trash"></i> {{ __('site.btn_remove') }}
                        </button>

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

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

</main>

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

@include('includes/footer-novo')