@using Hncore.Pass.Vpn.Domain
@using Hncore.Infrastructure.Extension
@model ArticleInfoMode
@{

}

<div class="container-fluid softBg">
    <div class="container">
        <form asp-action="Search" asp-controller="Article" method="get">
            <div class="row">
                <div class="col-lg-3 zxbz">
                    <img src="~/img/img_news.png">
                </div>
                <div class="col-lg-6 searchInput">
                    <input type="text" name="KeyWord" />
                    <p class="hot">搜索热词：<span>账号无法登录</span><span>如何充值</span></p>
                </div>
                <div class="col-lg-3 searchBtn text-left">
                    <button type="submit" class="btn btn-search">立即搜索</button>
                </div>
            </div>
        </form>
    </div>
</div>

<div class="container-fluid newsCon">
    <div class="container">
        <ol class="breadcrumb">
            <li><a href="#">教程&帮助</a></li>
            @*<li><a href="#" class="active">华连头条</a></li>*@
        </ol>
    </div>
    <div class="container articleTit">
        <h3>@Model.Info.Title</h3>
        <p class="grayText">@Model.Info.CreateTime.ToString("yyyy.MM.dd")</p>
    </div>
    @if(@Model.Info.Id == 3){
        <div class="container" style="text-align: center;">
            <h1>视频教程</h1>
            <video controls="controls" height="500"  name="media"><source src="http://mp4.juip.com/%E8%8B%B9%E6%9E%9C%E6%89%8B%E6%9C%BA%E6%95%99%E7%A8%8B.mp4" type="video/mp4"></video>
        </div>
    }
    @if(@Model.Info.Id == 4){
        <div class="container" style="text-align: center;">
            <h1>视频教程</h1>
            <video controls="controls" height="500"  name="media"><source src="http://mp4.juip.com/%E5%AE%89%E5%8D%93%E6%89%8B%E6%9C%BA%E6%95%99%E7%A8%8B.mp4" type="video/mp4"></video>
        </div>
    }
    @if(@Model.Info.Id == 5){
        <div class="container" style="text-align: center;">
            <h1>视频教程</h1>
            <video controls="controls" height="500"  name="media"><source src="http://mp4.juip.com/%E6%A8%A1%E6%8B%9F%E5%99%A8%E6%95%99%E7%A8%8B.mp4" type="video/mp4"></video>
        </div>
    }
    <div class="container articleCon">
        @*<img src="img/wenzhangpeitu.png">*@
        @Html.Raw(Model.Info.Content)     
    </div>
    <div class="container preNext">
        <div class="row">
            @if (Model.Prev != null)
            {
                <div class="col-lg-6 text-left">
                    上一条：<a asp-action="info" asp-controller="article" asp-route-Id="@Model.Prev.Id">@Model.Prev.Title</a>
                </div>
            }
            @if (Model.Next != null)
            {
                <div class="col-lg-6 text-right">
                    下一条：<a asp-action="info" asp-controller="article" asp-route-Id="@Model.Next.Id">@Model.Next.Title</a>
                </div>
            }

        </div>
    </div>
</div>