@{
    ViewData["Title"] = "Externe link";
    var url = (string)ViewData["ExternalUrl"]!;
    var host = (string)ViewData["ExternalHost"]!;
}
<div class="app">
    <div class="app-body">
        <div class="content">
            <div class="settings-page">
                <div class="settings-wrap">
                    <section class="settings-section">
                        <h2 data-i18n="external_link_title"></h2>
                        <p data-i18n="external_link_warning"></p>
                        <p style="word-break:break-all;"><strong>@host</strong><br /><em>@url</em></p>
                        <p data-i18n="external_link_confirm"></p>
                        <div class="form-actions">
                            <a class="btn btn-primary" href="@url" rel="noopener noreferrer" data-i18n="external_link_continue"></a>
                            <a class="btn" href="#" onclick="event.preventDefault(); window.close(); window.history.back();" data-i18n="external_link_cancel"></a>
                        </div>
                    </section>
                </div>
            </div>
        </div>
    </div>
</div>
@section Scripts {
    <script>
        window.MailSharp.apiFetch("api/language/state").then(function (langState) {
            document.documentElement.lang = langState.current;
            window.MailSharp.applyStrings(langState.strings);
            document.title = langState.strings.external_link_page_title || document.title;
        });
    </script>
}