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

    /* as duas primeiras colunas dao para reconhecer a resposta sem abrir */
    $colunas = $formInputs->take(2);
@endphp

@include('includes/header-novo')

<main class="app-main">

    @include('includes.breadcrumb')

    @include('includes.flash')

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

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

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

    @if($allAnswers->count() == 0)
        <div class="inbox__empty">
            <i class="fa-solid fa-inbox"></i>
            <p>{{ __('site.page_forms_answers_norec') }}</p>
        </div>
    @else
        <div class="anstable" data-remove-url="{{ route('site.forms.d.answers') }}" data-form-id="{{ $formData->id }}"
             data-msg-ask="{{ __('site.page_forms_answers_alert_title') }}"
             data-msg-ask-many="{{ __('site.page_forms_answers_drop_many', ['n' => '%n%']) }}"
             data-msg-one="{{ trans_choice('site.page_forms_answers_selected', 1, ['n' => '%n%']) }}"
             data-msg-many="{{ trans_choice('site.page_forms_answers_selected', 2, ['n' => '%n%']) }}"
             data-msg-do="{{ __('site.btn_remove') }}"
             data-msg-error="{{ __('site.page_inbox_remove_error') }}">

            <div class="anstools">
                <label class="anscheck">
                    <input class="anstools__all" type="checkbox">
                    <span>{{ __('site.page_forms_answers_select_all') }}</span>
                </label>

                <span class="anstools__count" hidden></span>

                <button class="btn btn--ghost btn--sm anstools__drop" type="button" hidden>
                    <i class="fa-solid fa-trash"></i> {{ __('site.page_forms_answers_drop_selected') }}
                </button>
            </div>

            <table class="anslist">
                <thead>
                    <tr>
                        <th class="anslist__pick"><span class="sr-only">{{ __('site.page_forms_answers_select_all') }}</span></th>
                        @foreach($colunas as $coluna)
                            <th>{{ $coluna->name }}</th>
                        @endforeach
                        <th>{{ __('site.page_forms_answers_table_2') }}</th>
                        <th>{{ __('site.page_forms_answers_table_3') }}</th>
                        <th class="anslist__acts"><span class="sr-only">{{ __('site.action_edit') }}</span></th>
                    </tr>
                </thead>

                <tbody>
                    @foreach($allAnswers as $answer)
                        @php $valores = explode('|', (string) $answer->reply); @endphp

                        <tr id="ans-{{ $answer->id }}">
                            <td class="anslist__pick">
                                <label class="anscheck">
                                    <input class="anslist__one" type="checkbox" value="{{ $answer->id }}">
                                    <span class="sr-only">{{ $valores[0] ?? '' }}</span>
                                </label>
                            </td>

                            @foreach($colunas as $i => $coluna)
                                <td>{{ mb_strimwidth((string) ($valores[$i] ?? ''), 0, 60, '...') }}</td>
                            @endforeach

                            <td class="anslist__when">{{ date('d/m/Y H:i', strtotime($answer->created_at)) }}</td>
                            <td class="anslist__ip">{{ $answer->ip }}</td>

                            <td class="anslist__acts">
                                <a class="btn btn--ghost btn--sm" href="{{ route('site.forms.r.answer.view', $answer->id) }}">
                                    {{ __('site.page_forms_answers_table_view') }}
                                </a>

                                <button class="btn btn--ghost btn--sm anslist__drop" type="button" data-id="{{ $answer->id }}">
                                    <i class="fa-solid fa-trash"></i>
                                </button>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>

        <div class="inbox__pages">{{ $allAnswers->links('vendor.pagination.painel') }}</div>
    @endif

</main>

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

@include('includes/footer-novo')