@section('title', __('general.page_users_h1'))

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

@php
    $breadcrumb = [
        ['label' => __('general.top_menu_item_general')],
        ['label' => __('general.page_users_h1')],
    ];
@endphp

@include('includes/header-novo')

<main class="app-main">

    @include('includes.breadcrumb')

    <header class="page-head">
        <div>
            <h1 class="page-title">{{ __('general.page_users_h1') }}</h1>
            <p class="page-sub">{{ __('general.admins_intro') }}</p>
        </div>
        <a class="btn btn--primary" href="{{ route('users.c') }}">
            <i class="fa-solid fa-user-plus"></i> {{ __('general.dash_admins_invite') }}
        </a>
    </header>

    @include('includes.flash')

    <div class="admlist"
         data-msg-delete-title="{{ __('general.admins_remove_title') }}"
         data-msg-delete-text="{{ __('general.admins_remove_text') }}"
         data-msg-delete-btn="{{ __('site.btn_remove') }}">

        @forelse($allAdmins as $admin)
            <section class="admcard" data-id="{{ $admin->user_id }}">
                <span class="admcard__avatar">{{ mb_strtoupper(mb_substr($admin->name, 0, 1)) }}</span>

                <div class="admcard__text">
                    <strong class="admcard__name">{{ $admin->name }}</strong>
                    <span class="admcard__mail">{{ $admin->email }}</span>
                </div>

                <div class="admcard__tags">
                    @if($admin->active)
                        <span class="pill pill--admin"><i class="fa-solid fa-user-tie"></i> {{ __('general.role_admin') }}</span>
                    @else
                        <span class="pill pill--wait"><i class="fa-solid fa-hourglass-half"></i> {{ __('general.dash_admins_invited') }}</span>
                    @endif

                    <span class="admcard__note">
                        {{ trans_choice('general.admins_perm_count', $admin->permissions, ['n' => $admin->permissions]) }}
                        @if($admin->last_login)
                            &middot; {{ __('general.dash_last_access') }} {{ DateShort($admin->last_login) }}
                        @endif
                    </span>
                </div>

                <div class="admcard__acts">
                    @unless($admin->active)
                        <form class="admcard__resend" method="POST" action="{{ route('users.invite.resend', $admin->user_id) }}">
                            @csrf
                            <button class="btn btn--ghost" type="submit" data-msg-sending="{{ __('general.admins_resend_sending') }}">
                                @include('includes.spinner')
                                <i class="fa-solid fa-paper-plane"></i>
                                <span class="btn__label">{{ __('general.admins_resend') }}</span>
                            </button>
                        </form>
                    @endunless
                    <a class="pact pact--perm" href="{{ route('users.u.perm', $admin->user_id) }}"
                       title="{{ __('general.admins_permissions') }}">
                        <i class="fa-solid fa-shield-halved"></i>
                    </a>
                    <a class="pact pact--edit" href="{{ route('users.u', $admin->user_id) }}" title="{{ __('general.action_change') }}">
                        <i class="fa-solid fa-pen"></i>
                    </a>
                    <button class="pact pact--del admcard__del" type="button" title="{{ __('site.btn_remove') }}">
                        <i class="fa-solid fa-trash"></i>
                    </button>
                </div>

                <form class="admcard__form" method="POST" action="{{ route('users.d', $admin->user_id) }}">@method('DELETE')</form>
            </section>
        @empty
            <div class="admempty">
                <span class="apierr__ico"><i class="fa-solid fa-user-group"></i></span>
                <p class="apierr__text">{{ __('general.admins_empty') }}</p>
                <a class="btn btn--primary" href="{{ route('users.c') }}">
                    <i class="fa-solid fa-user-plus"></i> {{ __('general.dash_admins_invite') }}
                </a>
            </div>
        @endforelse
    </div>

</main>

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

@include('includes/footer-novo')