@using ZoomLa.Model.Extend
@using ZoomLa.BLL.Extend
@model ZoomLa.Model.Extend.M_AD_Info
@{ 
    /*
     * 1.必须引用boot4
     * 
     * 
     */

    string id = "carousel_"+Model.ID;
    DataTable imgDT = new DataTable();
    imgDT.Columns.Add(new DataColumn("pic", typeof(string)));
    //  https://www.z01.com/Template/office/style/images/home17_banner2.jpg|https://www.z01.com/Template/office/style/images/190218bg.jpg
    Model.Images = "https://www.z01.com/Template/office/style/images/home17_banner2.jpg|https://www.z01.com/Template/office/style/images/190218bg.jpg";
    //后期改为json格式存储
    foreach (string img in Model.Images.Split('|', StringSplitOptions.RemoveEmptyEntries))
    {
        DataRow dr = imgDT.NewRow();
        dr["pic"] = img;
        imgDT.Rows.Add(dr);
    }
}
@if (imgDT.Rows.Count < 1)
{
   <div>未正确定义图片组</div>
}
else
{
    <div class="carousel_wrap">
  <div id="@id" class="carousel slide" data-ride="carousel">
    <ol class="carousel-indicators">
        @for (int i = 0; i < imgDT.Rows.Count; i++)
        {
            DataRow dr = imgDT.Rows[i];
            if (i == 0)
            {<li data-target="#@id" data-slide-to="@i" class="active"></li> }
            else {  <li data-target="#@id" data-slide-to="@i"></li>}
        }
    </ol>
    <div class="carousel-inner">
        @for (int i = 0; i < imgDT.Rows.Count; i++)
        {
            <div class="carousel-item @(i==0?"active":"")">
                <img src="@imgDT.Rows[i]["pic"]" class="d-block w-100">
                @*<div class="carousel-caption d-none d-md-block">
                    <h5>First slide label</h5>
                    <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
                </div>*@
            </div>
        }

    </div>
    <a class="carousel-control-prev" href="#@id" role="button" data-slide="prev">
      <span class="carousel-control-prev-icon" aria-hidden="true"></span>
      <span class="sr-only">Previous</span>
    </a>
    <a class="carousel-control-next" href="#@id" role="button" data-slide="next">
      <span class="carousel-control-next-icon" aria-hidden="true"></span>
      <span class="sr-only">Next</span>
    </a>
  </div>
</div>
}