@model IEnumerable<Activity>

@{
    ViewData["Title"] = "Home Page";
}
@section subbanner {
<div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="6000">
    <ol class="carousel-indicators">
        @{
            int i=0;
            
            foreach (var act in Model) { 
                if (i==0) {
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                } else {
        <li data-target="#myCarousel" data-slide-to="@i"></li>
                }
                i++;
            }
        }
    </ol>
    <div class="carousel-inner" role="listbox"> 
        @{
            i=0;
            foreach (var act in Model) { 
                string cls = (i==0) ? "item active":"item";
        <div class="@cls"  style="background-image: url('@act.Photo'); background-repeat: no-repeat; ">
          <!-- <img src="@act.Photo" alt="@act.Name" class="img-responsive" />  -->
            <div class="carousel-caption-s" >

                @if (act.Children.Count>0) {
                <p><em>@act.Name</em><br/>
                @act.Description </p>
                    <a asp-route-id="@act.Code" class="btn btn-default">
                        @foreach (Activity c in act.Children) {
                            @if (!c.Hidden) { @Html.DisplayFor(subact=>c) }
                        }
                </a>
                    }
                    else {
                <p><em>@act.Name</em><br/>
                @act.Description </p>

                    }

                @foreach (var frm in act.Forms) {
                    <a class="btn btn-success" asp-controller="FrontOffice" asp-action="@frm.ActionName" asp-route-id="@act.Code">
                    @frm.Title
                    </a>
                }
            </div>
        </div>
            i++; }
        }
    </div>
    <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Précédent</span>
    </a>
    <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Suivant</span>
    </a>
</div>
}
@if (!ViewBag.IsFromSecureProx) {
    <div  class="alert alert-warning alert-dismissable">
<markdown>
# Alerte, alerte!

Votre connexion n'est pas sécurisée.

Un accés sécurisé est disponible, mais le certificat qui le chiffre n'est pas certifié par Google, ni aucune 
autre autorité de certification reconnue. C'est un certificat auto signé.

Pour l'utiliser, vous devrez ajouter une exception pour ce certificat (p-e après 
avoir cliqué sur le lien "avancé" de l'alerte'), et continuer votre navigation
malgré ce défaut de validation de la sécurité associée.

Prennez soin d'ajouter cette exception de manière définitive, je ne compte pas me séparer de ce certificat de si tôt.

---
*Voilà*, c'est comme ça.'
</markdown>
    <a href="@ViewBag.SecureHomeUrl" aria-label="close" class="close" >Lien vers le site sécurisé</a>
    </div>
}