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

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

@php
    $breadcrumb = [
        ['label' => __('general.top_menu_item_general')],
        ['label' => __('general.page_emails_h1'), 'url' => route('emails.r')],
        ['label' => __('general.page_email_new_title')],
    ];
@endphp

@include('includes/header-novo')

<main class="app-main">

    @include('includes.breadcrumb')

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

    @include('includes.flash')

    @if(! $mailDomain || $apiError)
        <div class="apierr">
            <span class="apierr__ico"><i class="fa-solid {{ $apiError ? 'fa-plug-circle-xmark' : 'fa-globe' }}"></i></span>
            <p class="apierr__text">{{ $apiError ?: __('general.emails_need_domain') }}</p>
        </div>
    @else

        <form class="mform" method="POST" action="{{ route('emails.c.do') }}" data-msg-saving="{{ __('site.configs_saving') }}">
            <section class="sec">
                <div class="sec__head">
                    <h2 class="sec__title"><i class="fa-solid fa-envelope"></i> {{ __('general.emails_new_block') }}</h2>
                </div>

                <div class="sec__body">
                    <label class="field">
                        <span class="field__label">{{ __('general.emails_field_name') }}</span>
                        <span class="addr">
                            <input class="input addr__input" type="text" name="name" value="{{ old('name') }}"
                                   placeholder="{{ __('general.emails_field_name_hint') }}" autocomplete="off"
                                   maxlength="64" required>
                            <span class="addr__domain">&#64;{{ $mailDomain }}</span>
                        </span>
                        @if(session('error_name'))
                            <span class="field__err">{{ session('error_name') }}</span>
                        @else
                            <span class="field__help">{{ __('general.emails_field_name_help') }}</span>
                        @endif
                    </label>

                    @include('includes.password-field', ['label' => __('general.label_password')])
                </div>
            </section>

            <div class="mform__foot">
                <a class="btn btn--ghost" href="{{ route('emails.r') }}">{{ __('site.btn_cancel') }}</a>
                <button class="btn btn--primary mform__submit" type="submit">
                    @include('includes.spinner')
                    <span class="btn__label">{{ __('general.emails_create') }}</span>
                </button>
            </div>
        </form>
    @endif

</main>

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

@include('includes/footer-novo')