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

@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'), 'url' => route('users.r')],
        ['label' => __('general.dash_admins_invite')],
    ];
@endphp

@include('includes/header-novo')

<main class="app-main">

    @include('includes.breadcrumb')

    <header class="page-head">
        <div>
            <h1 class="page-title">{{ __('general.dash_admins_invite') }}</h1>
            <p class="page-sub">{{ __('general.admins_new_intro') }}</p>
        </div>
    </header>

    @include('includes.flash')

    <form class="admform" method="POST" action="{{ route('users.c.do') }}" data-msg-saving="{{ __('site.configs_saving') }}">
        <section class="sec">
            <div class="sec__head">
                <h2 class="sec__title"><i class="fa-solid fa-user-plus"></i> {{ __('general.admins_new_block') }}</h2>
            </div>
            <div class="sec__body">
                <div class="grid-2">
                    <label class="field">
                        <span class="field__label">{{ __('general.admins_field_name') }}</span>
                        <input class="input admform__name" type="text" name="name" value="{{ old('name') }}"
                               placeholder="{{ __('general.admins_field_name_hint') }}" autocomplete="off" required>
                    </label>

                    <label class="field">
                        <span class="field__label">{{ __('general.label_contact_email') }}</span>
                        <input class="input admform__mail" type="email" name="email" value="{{ old('email') }}"
                               placeholder="{{ __('general.admins_field_mail_hint') }}" autocomplete="off" required>
                    </label>
                </div>

                <div class="steps">
                    <div class="step">
                        <span class="step__n">1</span>
                        <span class="step__text">{{ __('general.admins_step_1') }}</span>
                    </div>
                    <div class="step">
                        <span class="step__n">2</span>
                        <span class="step__text">{{ __('general.admins_step_2') }}</span>
                    </div>
                    <div class="step">
                        <span class="step__n">3</span>
                        <span class="step__text">{{ __('general.admins_step_3') }}</span>
                    </div>
                </div>
            </div>
        </section>

        <div class="admform__foot">
            <a class="btn btn--ghost" href="{{ route('users.r') }}">{{ __('site.btn_cancel') }}</a>
            <button class="btn btn--primary admform__submit" type="submit">
                @include('includes.spinner')
                <span class="btn__label">{{ __('general.admins_new_submit') }}</span>
            </button>
        </div>
    </form>

</main>

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

@include('includes/footer-novo')