[viewBag]

[builderList]
modelClass = "Akami\Shift\Models\Slider"
scope = "-"
scopeValue = "{{ :scope }}"
displayColumn = "id"
noRecordsMessage = "No records found"
detailsPage = "-"
detailsUrlParameter = "id"
pageNumber = "{{ :page }}"
==
{% set records = builderList.records %}
{% set displayColumn = builderList.displayColumn %}
{% set noRecordsMessage = builderList.noRecordsMessage %}
{% set detailsPage = builderList.detailsPage %}
{% set detailsKeyColumn = builderList.detailsKeyColumn %}
{% set detailsUrlParameter = builderList.detailsUrlParameter %}


<!-- Carousel -->
<div id="main-slide" class="carousel slide" data-ride="carousel">

    <!-- Indicators -->
    <ol class="carousel-indicators visible-lg visible-md">

        {% for index, record in records %}
            <li data-target="#main-slide" data-slide-to="{{index}}" class="{{index == 0 ? 'active' : ''}}"></li>
        {% endfor %}

    </ol><!--/ Indicators end-->

    <!-- Carousel inner -->
    <div class="carousel-inner">

        {% for index, record in records %}

        <div class="item {{index == 0 ? 'active' : ''}}" style="background-image:url('{{record.img|media}}')">
            <div class="slider-content text-left">
                <div class="col-md-12">
                    <h2 class="slide-title-box animated2">{{record.txt}}</h2>
                    <h3 class="slide-title animated3"></h3>
                    <h3 class="slide-sub-title animated3">{{record.txt2}}</h3>
                    <p class="animated3">
                        <a href="{{record.url}}" class="slider btn btn-primary border">{{record.btn_txt}}</a>
                    </p>
                </div>
            </div>
        </div><!--/ Carousel item 1 end -->

       {% endfor %}

    </div><!-- Carousel inner end-->

    <!-- Controllers -->
    <a class="left carousel-control" href="index.html#main-slide" data-slide="prev">
        <span><i class="fa fa-angle-left"></i></span>
    </a>
    <a class="right carousel-control" href="index.html#main-slide" data-slide="next">
        <span><i class="fa fa-angle-right"></i></span>
    </a>
</div><!--/ Carousel end -->
