@model Tadb.web.Models.ContactViewModel

@{
    
    Layout = "~/Views/Shared/_Layout.cshtml";
}


<div class="content">

    <div class="menu-wrap">
        <nav class="menu">
            <div class="icon-list">
                <a href="/inschrijven?type=tennisjeugd">
                    <span class="button white">Jeugd Inschrijven Tennis</span>
                </a>
                <a href="/inschrijven?type=padeljeugd">
                    <span class="button white">Jeugd Inschrijven Padel</span>
                </a>
                <a href="/inschrijven?type=tennissenioren">
                    <span class="button white">Senioren Inschrijven Tennis</span>
                </a>
                <a href="/inschrijven?type=padelsenioren">
                    <span class="button white">Senioren Inschrijven Padellessen</span>
                </a>
                <a href="/"><span>Home</span></a>
                <a href="#activiteiten"><span>Activiteiten</span></a>
                <a href="#visie"><span>Onze visie</span></a>
                <a href="/#bespanservice"><span>Bespanservice</span></a>
                <a href="/flyers/index"><span>Flyers</span></a>
                <a href="/contact"><span>Contact</span></a>
            </div>
        </nav>
        <button class="close-button" id="close-button">Close Menu</button>
    </div>

    <button class="menu-button" id="open-button">Open Menu</button>
    <a href="/" class="logo">
        <img src="/images/tpadb-logo.svg" alt="Tennis & Padel academy Duin & Bollenstreek" />
    </a>

    <section>
        <div class="sign-in-form padded-top-bottom padding-top-300">
            <div class="grid-container">
                <div>
                    <div class="grid-x align-center">
                        <div class="cell large-8 medium-10 small-12">
                            <div class="grid-x grid-padding-x">
                                <div class="cell small-12">
                                    <h1>Contact</h1>
                                </div>
                            </div>

                            @using (Html.BeginForm("Contact", "Contact", new { ViewBag.ReturnUrl }, FormMethod.Post, new { role = "form" }))
                            {
                                @Html.AntiForgeryToken()

                                <div class="grid-x grid-padding-x">
                                    <div class="cell medium-4 small-12">
                                        <label>Voornaam*</label>
                                        @Html.ValidationMessageFor(model => model.FirstName, "", new { @class = "is-invalid-input" })
                                        @Html.TextBoxFor(m => m.FirstName, new { placeholder = "Voornaam" })
                                    </div>
                                </div>

                                <div class="grid-x grid-padding-x">
                                    <div class="cell medium-4 small-12">
                                        <label>Tussenvoegsel</label>
                                        @Html.TextBoxFor(m => m.TussenVoegsel, new { placeholder = "Tussenvoegsel" })
                                    </div>
                                    <div class="cell medium-4 small-12">
                                        <label>Achternaam*</label>
                                        @Html.ValidationMessageFor(model => model.LastName, "", new { @class = "is-invalid-input" })
                                        @Html.TextBoxFor(m => m.LastName, new { placeholder = "Achternaam" })
                                    </div>
                                </div>


                                <div class="grid-x grid-padding-x">
                                    <div class="cell medium-4 small-12">
                                        <label>Email*</label>
                                        @Html.ValidationMessageFor(model => model.Email, "", new { @class = "is-invalid-input" })
                                        @Html.TextBoxFor(m => m.Email, new { placeholder = "voorbeeld@voorbeeld.nl" })
                                    </div>
                                </div>

                                <div class="grid-x grid-padding-x">
                                    <div class="cell small-12 input-margin-right">
                                        <label>Bericht*</label>
                                        @Html.ValidationMessageFor(model => model.Description, "", new { @class = "is-invalid-input" })
                                        @Html.TextAreaFor(m => m.Description, new { placeholder = "Typ hier uw bericht" })
                                    </div>
                                </div>

                                <div class="grid-x grid-padding-x">
                                    <div class="cell medium-8 small-12">
                                        <input type="submit" value="Bericht verzenden" class="btn btn-default button" />
                                    </div>
                                </div>
                            }

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

</div>



@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}