@{
    ViewBag.Title = "T.C. De Braken - Home";
}

<div id="homeCarousel" class="carousel slide" data-ride="carousel">
    <!-- Indicators -->
    <ol class="carousel-indicators">
        <li data-target="#homeCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#homeCarousel" data-slide-to="1"></li>
        <li data-target="#homeCarousel" data-slide-to="2"></li>
    </ol>

    <!-- Wrapper for slides -->
    <div class="carousel-inner" role="listbox">
        <div class="carousel-item active">
            <img src='@Url.Content("~/images/deBrakenLogo.jpg")' alt="T.C. De Braken" >
            <div class="carousel-caption">
                <h1>Welkom!</h1>
                <p>Op de website van T.C. De Braken.</p>
            </div>
        </div>

        <div class="carousel-item">
            <img src='@Url.Content("~/images/deBrakenMember.jpg")' alt="Lid worden" >
            <div class="carousel-caption">
                <h1>Lid worden?</h1>
                <p>
                    Dat kan! Klik op de button hieronder voor meer informatie.<br />
                    @Html.ActionLink("Lid worden", "BecomeMember", "Club", null, htmlAttributes: new { @class = "btn btn-carousel" })
                </p>
            </div>
        </div>

        <div class="carousel-item">
            <img src='@Url.Content("~/images/deBrakenEvent.jpg")' alt="Activiteiten" >
            <div class="carousel-caption">
                <h1>Activiteiten</h1>
                <p>Kijk op de activiteitenkalender om te zien wat er te doen is!</p>
            </div>
        </div>
    </div>
</div>

<div class="container" id="home-main-container">
    <div class="row">
        <div class="col-lg-8">
            <h1>Nieuws</h1>
            <br />
            @Html.Action("LatestAnnouncements", "Announcements")
        </div>
        <div class="col-lg-4">
            <h1>Activiteiten</h1>
            <br />
            @Html.Action("NextEvents", "Events")
        </div>
    </div>
</div>

<div class="container-fluid text-center" id="home-anniversary-container">
    <div class="container">
        <h1>Meer over T.C. De Braken</h1>

        <div id="home-anniversary-container-text">
            <p>
                T.C. De Braken organiseert regelmatig van allerlei soorten activiteiten. Alle informatie daarover vindt je op deze website. Ook hebben we een op Facebook pagina en de wedstrijden en uitslagen van alle toernooien van onze vereniging worden bijgehouden op Toernooi.nl
            </p>
            <p>Hieronder vindt je alles over de activiteiten, toernooien en de Facebook pagina van de club</p>
        </div>

        <div class="row" id="home-anniversary-container-items">
            <div class="col-xs-12 col-md-4">
                <a class="text-decoration-none" href='@Url.Action("Index", "Events")'>
                    <div class="center-block">
                        <img src='@Url.Content("~/images/homer.jpg")' class="img-fluid" />
                        <h3>Activiteiten</h3>
                        <p>Een overzicht met alle activiteiten</p>
                    </div>
                </a>
            </div>
            <div class="col-xs-12 col-md-4">
                <a class="text-decoration-none" href="https://www.facebook.com/pages/TC-De-Braken/696806747074919" target="_blank">
                    <div class="center-block">
                        <img src='@Url.Content("~/images/facebook.png")' class="img-fluid" />
                        <h3>Facebook</h3>
                        <p>De Facebook pagina van T.C. De Braken</p>
                    </div>
                </a>
            </div>
            <div class="col-xs-12 col-md-4">
                <a class="text-decoration-none" href="http://www.toernooi.nl" target="_blank">
                    <div class="center-block">
                        <img src='@Url.Content("~/images/toernooi.gif")' class="img-fluid" />
                        <h3>Toernooi.nl</h3>
                        <p>Alle toernooi wedstrijden en uitslagen</p>
                    </div>
                </a>
            </div>
        </div>
    </div>
</div>

<div class="container" id="home-about">
    <h1>Over T.C. De Braken</h1>
    <br />

    <p>
        Onze tennisclub is op 24 november 1980 opgericht en vanaf 1983 zijn wij tevens lid van de KNLTB. We beschikken over drie kunstgrasbanen  welke ook in de avonduren gebruikt kunnen worden daar ze voorzien zijn van lichtmasten.
        Er worden twee keer paar jaar 10 weken tennislessen gegeven, één keer per jaar zijn er clubkampioenschappen en de recreatiecommissie organiseert het hele jaar door allerlei leuke activiteiten.
        Wil je meer weten? Klik dan op <i>De club</i> in het menu.
    </p><br />

    <p>
        <h4>Adres</h4>

    <p>
        <span class="glyphicon glyphicon-home" aria-hidden="true"></span> De Branten 15 B
        <br />6027 NL Soerendonk
    </p>
    <hr />

    <h4>Telefoon</h4>
    <p>
        <span class="glyphicon glyphicon-phone" aria-hidden="true"></span> 0495-594030
    </p>
    <hr />

    <h4>E-mail</h4>
    <p>
        <span class="glyphicon glyphicon-envelope" aria-hidden="true"></span> <a href="mailto:tcdebraken@hotmail.com">tcdebraken@hotmail.com</a>
    </p>
    <hr />
    </p>
</div>