@model clivelancaster.Models.ContactFormModel
@{
    ViewData["Title"] = "Contact";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<div class="container py-4">
    <header class="pb-3 mb-4 border-bottom">
        <span class="fs-4"><i class="bi bi-envelope-fill"></i> @ViewData["Title"]</span>
    </header>
    <div class="p-5 mb-4 bg-body-tertiary rounded-3">
        <div class="container-fluid py-5">
            <h2>Contact</h2>

            @if (ViewBag.Message != null)
            {
                <div class="alert alert-info">@ViewBag.Message</div>
            }

            <form asp-action="Index" method="post">
                <div class="form-group">
                    <label asp-for="Name" class="incognito-field"></label>
                    <input asp-for="Name" class="form-control incognito-field" autocomplete="off" tabindex="-1" />
                    <label asp-for="NameIncognito"></label>
                    <input asp-for="NameIncognito" class="form-control" />
                </div>
                <div class="form-group">
                    <label asp-for="Email"></label>
                    <input asp-for="Email" class="form-control" />
                    <span asp-validation-for="Email" class="text-danger"></span>
                </div>
                <div class="form-group">
                    <label asp-for="Subject" class="incognito-field"></label>
                    <input asp-for="Subject" class="form-control incognito-field" autocomplete="off" tabindex="-1" />
                    <label asp-for="SubjectIncognito"></label>
                    <input asp-for="SubjectIncognito" class="form-control" />
                </div>
                <div class="form-group">
                    <label asp-for="Message" class="incognito-field"></label>
                    <textarea asp-for="Message" class="form-control incognito-field" autocomplete="off" tabindex="-1"></textarea>
                    <label asp-for="MessageIncognito"></label>
                    <textarea asp-for="MessageIncognito" class="form-control"></textarea>
                </div>
                <div class="p-2"></div>
                <button type="submit" class="btn btn-primary">Send Message</button>
            </form>
        </div>
    </div>

    <div class="row align-items-md-stretch">
        <div class="col-md-6">
            <div class="h-100 p-5 text-bg-dark rounded-3">
                <h2>Phone</h2>
                <i class="bi bi-telephone-fill"></i>
                <p><a href="tel:0401089305" style="color:#fff;">0401089305</a></p>
                <h2>Email</h2>
                <i class="bi bi-envelope-at-fill"></i>
                <p><a href="mailto:clivelancaster@gmx.com" style="color:#fff;">clivelancaster@gmx.com</a></p>
                <h2>Telegram</h2>
                <i class="bi bi-telegram"></i>
                <p><a href="https://t.me/clivelancaster" style="color:#fff;">https://t.me/clivelancaster</a></p>
            </div>
        </div>
        <div class="col-md-6">
            <div class="h-100 p-5 bg-body-tertiary border rounded-3">
                <h2>Location</h2>
                <i class="bi bi-geo-alt-fill"></i>
                <p>Sydney Australia</p>
				<h2>Social</h2>
                <i class="bi bi-linkedin"></i>
                <p><a href="https://www.linkedin.com/in/clivelancaster/" style="color:#5a5a5a;">https://www.linkedin.com/in/clivelancaster/</a></p>
            </div>
        </div>
    </div>
</div>
