yavsc/src/Yavsc.Org/Views/Home/Index.cshtml

@model IEnumerable<Activity>

@{
    ViewBag.Title = @Localizer["Page d'accueil"];
    int i=0;
    bool multipleact = Model.Count()>1;
}

@section scripts { 
    <script>
        $(document).ready(function(){
           var car = $('.carousel').first();
           var fi = car.children('.carousel-inner').first()
           .children('.item').first();
           var capt = fi.children('.carousel-caption-s');
         
            fi.addClass('active');
           car.animate({'background-color':'rgba(0, 0, 0, .5)'},500,function() {
               car.animate({'background-color':'rgba(0, 0, 0, 0)'},500)
           })
        })
    </script>
}
@section subbanner {

<div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="6000">
    @if (multipleact) {
           
    <ol class="carousel-indicators">
        @{
            
            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"> 
        @{
            string cls = "item";
            i=0;
            foreach (var act in Model) { 
        <div class="@cls"  style="background-image: url('@act.Photo'); background-repeat: no-repeat; ">
         
            <div class="carousel-caption-s" >
                <p><em>@act.Name</em><br/>
                @act.Description </p>

                @if (act.Children.Count>0) {
                    <a asp-route-id="@act.Code" class="btn btn-light">
                        @foreach (Activity c in act.Children) {
                           @Html.DisplayFor(subact=>c)
                        }
                </a>
                    }

                @foreach (var frm in act.Forms) {
                    <a class="btn btn-primary" asp-controller="FrontOffice" asp-action="@frm.ActionName" asp-route-id="@act.Code">
                    @frm.Title
                    </a>
                }
            </div>
        </div>
            i++;
            cls = "item";
            }
        }
    </div>
  
</div>

}

@section ctxmenu {
    @if (ViewBag.Announces!=null) {
    <li><a asp-controller="Announces" class="badge" >
        <img src="@SiteSettings.Value.Logo" alt="announces" title="Annonces @SiteSettings.Value.Title" /></a></li>
    }
}
@section header {
     <script src="~/lib/bootstrap/js/carousel.js" asp-append-version="true"></script> 
    <style>
    .navbar {
        margin-bottom: 0;
    }
    </style>
}