@using Pulsa.Texts
@using WebPortal.Models
@using WebPortal.Controllers
@using WebPortal.Extensions
@using WebService
@using Microsoft.AspNetCore.Http

@{
    //wsLoginResponse userInfo = Context.Session.GetComplexData<wsLoginResponse>("userInfo");
    String msisdn = Context.Session.GetString("account");
    String isdn = "";
    if (msisdn != null && msisdn.Length > BaseController.CountryCode.Length)
    {
        isdn = msisdn.Substring(BaseController.CountryCode.Length);
    }
    String productType = ViewBag.productType;
    String noMenu = ViewBag.noMenu;
    //if (Model != null)
    //{
    //    productType = Model.productType;
    //}

    bannerObj[] listBanner = Context.Session.GetComplexData<bannerObj[]>("listBanner");

    int bannerType = 0;
    bannerObj banDf = null;

    string lang = BaseController.getCurrentLang();
}

@if (listBanner != null && listBanner.Length > 0)
{
    foreach (var banner in listBanner)
    {
        if (banner.imgBanner != null || banner.imgAvatar != null)
        {
            if (banner.imgAvatar != null)
            {
                if (banner.description != null)
                {
                    bannerType = 4;
                }
                else
                {
                    bannerType = 1;
                }
                banDf = banner;
                break;
            }
            else if (banner.description != null)
            {
                bannerType = 2;
                banDf = banner;
                break;
            }
        }
        else if (banner.imgBackground != null)
        {

            bannerType = 3;
            banDf = banner;
            break;
        }
    }
}

@if (bannerType == 3)
{
    // full background
    <a class="banner-slide" style="background-image: url('@banDf.imgBackground');" href="@(banDf.deeplink != null && banDf.deeplink.Length > 0 ? banDf.deeplink : "")">
        <div class="container aos-init" data-aos="fade-up">

            <h2 data-aos="fade-left" data-aos-delay="200">@banDf.nodeName</h2>
            <p data-aos="fade-right" data-aos-delay="300">
                @banDf.description
            </p>

        </div>
    </a>

}
else
{
    <div class="@("tel-intro")">
        <div class="container">
            @if (banDf != null && banDf.imgBackground != null && (bannerType == 1 || bannerType == 2))
            {
                <span class="bg-q" style="background: url('@banDf.imgBackground') no-repeat 0 0"></span>
            }

            @if (bannerType == 1 || bannerType == 2 || bannerType == 0 || bannerType == 4)
            {
                <div class="intro-top position-relative">
                    <div class="row">
                        @if (banDf != null)
                        {
                            if (bannerType == 1)
                            {
                                <div class="col-md-5">
                                    <div class="mr-5">
                                        @*<img src="~/image/banner.png">*@
                                        <img src="@banDf.imgAvatar" alt="avatar">
                                    </div>
                                </div>
                            }
                            else if (bannerType == 4)
                            {
                                if (listBanner != null && listBanner.Length > 0 && (listBanner[0].imgBanner != null))
                                {
                                    <div class="col-md-5">
                                        <div class="mr-5">
                                            <img src="@banDf.imgAvatar" class="img" alt="avatar">
                                            <p class="descrip">
                                                @banDf.description
                                            </p>
                                            <a href="/About" class="btn-blue">@Lang.LearnMore</a>
                                        </div>
                                    </div>
                                }
                                else
                                {
                                    <div class="col-md-5 m-auto text-center">
                                        <img src="@banDf.imgAvatar" class="img" alt="avatar">
                                        <p class="descrip">
                                            @banDf.description
                                        </p>
                                        <a href="/About" class="btn-blue">@Lang.LearnMore</a>
                                    </div>
                                }
                            }
                            else if (bannerType == 2)
                            {
                                <div class="col-md-5">
                                    <div class="mr-5">
                                        <span class="number font-italic">@(lang == "1" ? BaseController.TopNo1 : BaseController.TopNo0)</span>
                                        <h2>
                                            @banDf.nodeName
                                        </h2>
                                        <p class="descrip">
                                            @banDf.description
                                        </p>
                                        <a href="@BaseController.TopNoUrl" class="btn-blue">@Lang.LearnMore</a>
                                    </div>
                                </div>
                            }
                        }

                        @if (listBanner != null && listBanner.Length > 0 && listBanner[0].imgBanner != null)
                        {
                            <div class="@(bannerType == 0 ? "col-md-12" : "col-md-7")">
                                <div class="clearfix">
                                    <div id="carouselExampleControls" class="carousel slide " data-ride="carousel">
                                        <div class="carousel-inner">
                                            @for (int i = 0; i < listBanner.Length; i++)
                                            {
                                                var banner = listBanner[i];
                                                <div class="@("carousel-item " + (i==0? "active" : "") )">
                                                    <a href="@banner.deeplink">
                                                        <img class="d-block" src="@banner.imgBanner"
                                                             alt="@banner.description">
                                                    </a>
                                                </div>
                                            }
                                        </div>
                                        <a class="carousel-control-prev" href="#carouselExampleControls" role="button"
                                           data-slide="prev">
                                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>

                                        </a>
                                        <a class="carousel-control-next" href="#carouselExampleControls" role="button"
                                           data-slide="next">
                                            <span class="carousel-control-next-icon" aria-hidden="true"></span>

                                        </a>
                                    </div>
                                </div>
                            </div>
                        }
                    </div>
                </div>
            }
             
        </div>
    </div>

}