@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>
            While I don't necessarily consider receiving legitimate offers for SEO services to be spam, I am not
            interested in your services at this time. I understand that you are just doing your job, but hopefully you
            can do it more efficiently by going to others who are more receptive to your services.
        </p>
        <p>
            Do not contact me about SEO services. If you do, while I will not publicly blacklist your address, you
            will - however - be blocked.
        </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>