@page "/contact/privacy/{which?}"
@model OliverBooth.Pages.Contact.Privacy
@{
    ViewData["Title"] = "Contact";
}

<nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item">
            <a asp-page="Index">Contact</a>
        </li>
        <li class="breadcrumb-item active" aria-current="page">Privacy Policy Concerns</li>
    </ol>
</nav>

<p>
    Thank you for getting in touch. I take your privacy very seriously and will do my best to address any concerns you may have.
    Please outline your concerns in the form below, and I will get back to you as soon as possible.
</p>

<form method="post">
    <input type="hidden" name="contact-type" value="privacy-policy">
    
    <div class="form-group" style="margin-top: 10px;">
        <label for="your-name">Your Name</label>
        <input type="text" class="form-control" id="your-name" name="your-name" placeholder="Who are you?">
    </div>

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

    <div class="form-group" style="margin-top: 10px;">
        <label for="your-email">Privacy Policy</label>
        <select name="privacy-policy" class="form-control" id="privacy-policy">
            <option value="website" selected="@(Model.Which != "google-play")">This website's policy</option>
            <option value="google-play" selected="@(Model.Which == "google-play")">Google Play policy</option>
        </select>
    </div>

    <div class="form-group" style="margin-top: 10px;">
        <label for="position-title">Subject Matter</label>
        <input type="text" class="form-control" id="position-title" name="position-title" placeholder="Describe your concerns here in a few words" maxlength="100">
    </div>

    <div class="form-group" style="margin-top: 10px;">
        <label for="position-description">Description</label>
        <textarea class="form-control" id="position-description" name="position-description" rows="5" required placeholder="Go into detail about the nature of your concerns."></textarea>
    </div>

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