@page
@{
    ViewData["Title"] = "Contact";
}

<main class="container">
    <h1 class="display-4">Contact</h1>
    <p>
        Thanks for getting in touch! While I do my best to read to all inquiries, I cannot guarantee that I will be able
        to respond to your message. Nevertheless, I appreciate you taking the time to reach out to me and I will respond
        if I can.
    </p>

    <div class="alert alert-warning">
        <p class="lead"><i class="fa-solid fa-triangle-exclamation"></i> Spam warning</p>
        <p>
            I am politely asking that you respect my inbox and keep your unsolicited advertising away. This is a simple
            request. If you send me any kind of spam after this, you have demonstrated that you do not have the basic
            human decency to respect my wishes or my privacy, and you have lost the privilege for me to respect yours. I
            <strong>will</strong> block your email address, and I will add your name to my public blacklist of spammers,
            which you can find <a asp-page="/Contact/Blacklist">here</a>.
        </p>
    </div>

    <div class="alert alert-info">
        <p class="lead"><i class="fa-solid fa-circle-info"></i> Dear SEO marketing teams</p>
        <p>
            I have given you enough chances. I asked that you do not send me any SEO offers or else be blocked.
            Congratulations, you've been upgraded to "spammer" and will receive the same treatment as any other bad
            actor sending unsolicited crap.
        </p>
        <p>
            If I receive any SEO emails, you will be added to the blacklist and your company name will be shamed too. I
            will make my best efforts to ensure no one ever uses you. If you cannot respect the privacy of my inbox, I
            will never respect you or your company.
        </p>
    </div>

    <form method="post" asp-controller="Contact" asp-action="HandleForm">
        <input type="hidden" name="contact-type" value="other">

        <div class="form-group" style="margin-top: 10px;">
            <label for="name">Your Name</label>
            <input type="text" class="form-control" id="name" name="name" placeholder="Who are you?" required>
        </div>

        <div class="form-group" style="margin-top: 10px;">
            <label for="email">Your Email Address</label>
            <input type="email" class="form-control" id="email" name="email" placeholder="How can I reach you?" required>
        </div>

        <div class="form-group" style="margin-top: 10px;">
            <label for="subject">Subject</label>
            <input type="text" class="form-control" id="subject" name="subject" placeholder="What's the gist?" maxlength="100" required>
        </div>

        <div class="form-group" style="margin-top: 10px;">
            <label for="message">Message</label>
            <textarea class="form-control" id="message" name="message" rows="5" required placeholder="What's on your mind?"></textarea>
        </div>

        <recaptcha/>

        <button class="btn btn-primary" style="margin-top: 10px;">Submit</button>
    </form>
</main>