<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="csrf-token" content="{{ csrf_token() }}">

    <title>{{config('app.name')}}</title>
    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" rel="stylesheet">
    <style>
        .page-container {
            display: flex;
            flex-direction: column;
            min-height: 100vh;
        }

        .main-content {
            flex-grow: 1;
        }

        .footer {
            flex-shrink: 0;
            bottom: 0;
            width: 100%;
            text-align: center;
            padding: 10px;
            background-color: #f8f9fa;
        }
    </style>
</head>

<body>
    <div class="page-container">
        <div class="main-content">
            <nav class="navbar navbar-expand-lg navbar-light bg-light">
                <a class="navbar-brand" href="/">{{config('app.name')}}</a>
                <div class="collapse navbar-collapse" id="navbarNav">
                    <ul class="navbar-nav mr-auto">
                        <li class="nav-item active">
                            <a class="nav-link" href="/">首页 <span class="sr-only">(current)</span></a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="{{route('custom')}}">自定义域名</a>
                        </li>
                    </ul>

                </div>
            </nav>

            <div class="container mt-3">
                <div class="row">
                    <div class="col-12">

                        <div class="card">
                            <div class="card-header">
                                设置自定义域名
                            </div>
                            <div class="card-body">
                                <p class="card-text">这里,假设你有域名<code>localhost.lan</code>且想使其作为你的临时邮箱后缀.</p>
                                <p class="card-text">首先,你需要将你的域名的MX记录设置为<code>mail.nico.edu.kg</code></p>
                                <p class="card-text">设置MX记录并且等待记录生效后,回到首页在选择域名的下拉列表中的输入框手动输入你的域名,然后按回车即可.</p>
                                <p class="card-text">此外,你也可以通过A记录的方式将域名指向<code>mail.nico.edu.kg</code>的IP.</p>
                                <p class="card-text">注意:域名请指向<code>mail.nico.edu.kg</code>而不是本站域名,否则你将无法正常收到邮件.</p>

                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
        <footer class="footer">
            <div class="container">

                <span class="text-muted">© 2023-{{date('Y')}} 临时邮箱. All rights reserved.</span>
                <a href="https://996.icu"><img src="https://img.shields.io/badge/link-996.icu-red.svg"
                        alt="996.icu" /></a>
                <a href="https://github.com/996icu/996.ICU/blob/master/LICENSE"><img
                        src="https://img.shields.io/badge/license-Anti%20996-blue.svg" alt="996 license" /></a>
                <a href="https://github.com/support-ukraine/support-ukraine">
                    <img src="https://bit.ly/support-ukraine-now" alt="Support Ukraine Badge" />
                </a>
            </div>
        </footer>
    </div>

</body>

</html>
