@using Hncore.Pass.Vpn.Domain
@using Hncore.Infrastructure.Data
@using Hncore.Infrastructure.Extension
@model PageData<ArticleEntity>
@{
    var type = this.Context.Request.GetInt("Catalog");
}

    <div class="quanjushousuo">
        <form asp-action="Search" asp-controller="Article" method="get">
            <p><input type="text" name="KeyWord" placeholder="请输入问题关键词" /><button type="submit" class="btnOrange">搜索全部</button></p>
            <p class="hot">搜索热词：<span>账号无法登录</span><span>如何充值</span></p>
        </form>           
    </div>

<div class="jiaocheng">
    <div class="item">
        <p><a asp-action="info" asp-controller="article" asp-route-id="3"><img src="~/m/img/ios.png"></a></p>
        <p>苹果手机教程</p>
    </div>
    <div class="item">
        <p><a asp-action ="info" asp-controller="article" asp-route-id="4"><img src="~/m/img/az.png"></a></p>
        <p>安卓手机教程</p>
    </div>
    <div class="item">
        <p><a asp-action="info" asp-controller="article" asp-route-id="5"><img src="~/m/img/mnq.png"></a></p>
        <p>安卓模拟器教程</p>
    </div>
    <div class="item">
        <p><a asp-action="info" asp-controller="article" asp-route-id="6"><img src="~/m/img/pc.png"></a></p>
        <p>windows电脑教程</p>
    </div>
</div>

<div class="newsList">
    <!-- Nav tabs -->
    <ul class="nav nav-tabs" role="tablist">

        <li role="presentation" class="@(type==1?"active":"")"><a href="?Catalog=1">聚IP头条</a></li>
        <li role="presentation" class="@(type==2?"active":"")"><a href="?Catalog=2">优惠活动</a></li>
        <li role="presentation" class="@(type==3?"active":"")"><a href="?Catalog=3">常见问题</a></li>
        <li role="presentation" class="@(type==4?"active":"")"><a href="?Catalog=4">新手教程</a></li>      
    </ul>

    <!-- Tab panes -->
    <div class="tab-content">
        <div role="tabpanel" class="tab-pane active" id="home">
            <ul class="news">
                @foreach (var item in Model.List)
                {
                    <li><a asp-action="info" asp-controller="article" asp-route-id="@item.Id">@item.Title</a><span>@item.CreateTime.ToString("yyyy.MM.dd")</span></li>

                }
            </ul>
        </div>
        @*<div role="tabpanel" class="tab-pane" id="profile">2</div>
            <div role="tabpanel" class="tab-pane" id="messages">3</div>
            <div role="tabpanel" class="tab-pane" id="settings">4</div>*@
    </div>
</div>