@page
@using Microsoft.AspNetCore.Mvc.TagHelpers
@{
    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="callout" data-callout="failure">
        <div class="callout-title"><i data-lucide="triangle-alert"></i> SMTP Outage</div>
        <div class="callout-content">
            I'm aware of an ongoing issue where connection to my SMTP server is failing, which may lead to degraded
            performance on this contact form. Follow updates for this incident
            <a href="https://oliverbooth.statuspage.io/incidents/f2vkfn81zbkv">here</a>.
        </div>
    </div>

    <div class="callout" data-callout="warning">
        <div class="callout-title"><i data-lucide="triangle-alert"></i> Spam Warning</div>
        <div class="callout-content">
            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>.
        </div>
    </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>