@section('title', __('general.page_email_show_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.emails_settings')],
    ];

    $host = 'mail.' . $mailDomain;

    $rows = [
        ['icon' => 'fa-user', 'label' => __('general.emails_username'), 'value' => $mailData['email'], 'copy' => true],
        ['icon' => 'fa-lock', 'label' => __('general.label_password'), 'value' => __('general.emails_password_hint'), 'copy' => false],
        ['icon' => 'fa-download', 'label' => __('general.emails_incoming_server'), 'value' => $host, 'copy' => true],
        ['icon' => 'fa-plug', 'label' => __('general.emails_port_imap'), 'value' => '993', 'copy' => true],
        ['icon' => 'fa-plug', 'label' => __('general.emails_port_pop3'), 'value' => '995', 'copy' => true],
        ['icon' => 'fa-upload', 'label' => __('general.emails_outgoing_server'), 'value' => $host, 'copy' => true],
        ['icon' => 'fa-plug', 'label' => __('general.emails_port_smtp'), 'value' => '465', 'copy' => true],
    ];
@endphp

@include('includes/header-novo')

<main class="app-main">

    @include('includes.breadcrumb')

    @include('includes.flash')

    <header class="page-head">
        <div>
            <h1 class="page-title">{{ $mailData['email'] }}</h1>
            <p class="page-sub">{{ __('general.emails_external_desc') }}</p>
        </div>

        <a class="btn btn--ghost" href="{{ route('emails.r') }}">
            <i class="fa-solid fa-arrow-left"></i> {{ __('general.page_emails_h1') }}
        </a>
    </header>

    <section class="sec">
        <div class="sec__head">
            <h2 class="sec__title"><i class="fa-solid fa-shield-halved"></i> {{ __('general.emails_ssl_settings') }}</h2>
        </div>

        <div class="sec__body">
            <div class="mset" data-msg-copied="{{ __('general.action_copied') }}">
                @foreach($rows as $row)
                    <div class="mset__row">
                        <span class="mset__ico"><i class="fa-solid {{ $row['icon'] }}"></i></span>
                        <span class="mset__label">{{ $row['label'] }}</span>
                        <span class="mset__value">{{ $row['value'] }}</span>
                        @if($row['copy'])
                            <button class="mset__copy" type="button" data-copy="{{ $row['value'] }}" title="{{ __('general.action_copy') }}">
                                <i class="fa-solid fa-copy"></i>
                            </button>
                        @endif
                    </div>
                @endforeach
            </div>

            <p class="mset__note"><i class="fa-solid fa-circle-info"></i> {{ __('general.emails_auth_required') }}</p>
        </div>
    </section>

</main>

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

@include('includes/footer-novo')