Webportal/WebPortal/WebPortal/Views/About/OurCompany.cshtml


@{
    ViewData["Title"] = "Our Company";
    Layout = "~/Views/Shared/_Layout.cshtml";
    ViewBag.description = "Discover the story of Telemor, our achievements, and our commitment to innovation.";
}
@using WebPortal.Texts
@model ProfileModel
@{
    var years = DateTime.Now.Year - 2012;
    var countYear = DateTime.Now.Year + years / 2;
}

<div class="pathway pt-5">
    <div class="container">
        <ul class="breadcrumb">
            <li class="breadcrumb-item"><a href="/Home">@Lang.Home</a></li>
            <li class="breadcrumb-item"><a href="/About">@Lang.AboutUs</a></li>
            <li class="breadcrumb-item active">@Lang.OurProfile</li>
        </ul>
    </div>
</div>
<div class="tele-ourcompany">
    <div class="container aos-init" data-aos="fade-up">
        <div class="boxtimeline">
            <p class="f24 mb-4">@Lang.YearsJourney.Replace("%YEARS%", years.ToString())</p>
            <h3 class="medium">@Lang.MileStone</h3>
            <div class="boxcoint">
                @if (Model.listMileStone1 != null)
                {
                    <ul id="first-list">
                        @foreach (var mileStone in Model.listMileStone1)
                        {
                            <li>
                                <span></span>
                                <div class="times">
                                    <span>@mileStone.year</span>
                                </div>
                                @foreach (var mil in mileStone.mileStones)
                                {
                                    <div class="content">
                                        <div class="title">@mil.stoneTime.ToString("M/yyyy")</div>
                                        <div class="info">
                                            @Html.Raw(mil.content)
                                        </div>
                                    </div>
                                }
                            </li>
                        }
                    </ul>
                }
                @if (Model.listMileStone2 != null)
                {
                    <ul id="first-list">
                        <span class="line"></span>
                        @foreach (var mileStone in Model.listMileStone2)
                        {
                            <li>
                                <span></span>
                                <div class="times">
                                    <span>@mileStone.year</span>
                                </div>
                                @foreach (var mil in mileStone.mileStones)
                                {
                                    <div class="content">
                                        <div class="title">@mil.stoneTime.ToString("M/yyyy")</div>
                                        <div class="info">
                                            @Html.Raw(mil.content)
                                        </div>
                                    </div>
                                }
                            </li>
                        }
                    </ul>
                }
            </div>

        </div>

        <div class="process-estab relative">
            <ul>
                @if (Model.listContent != null)
                {
                    for (int i = 0; i < Model.listContent.Length; i++)
                    {
                        var content = Model.listContent[i];
                        var title = content.nodeName.Split("/");

                        <li>
                            <div class="row align-items-center">
                                @if (i % 2 == 1)
                                {
                                    <div class="col-md-5 text-center">
                                        <a href="/About/OurCompanyDetail?id=@content.id" class="readmores">
                                            <img src="@content.imgAvatar" alt="@content.imgAvatar">
                                        </a>
                                    </div>
                                }
                                <div class="col-md-7">
                                    <div class="title">
                                        <div class="title-style">
                                            <span class="numbers">@((i+1).ToString("D2"))</span>
                                            <div class="txtstyle">
                                                <span class="estab"><span> @(title.Length == 2 ? title[0]: "")</span></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="boxstyle">
                                        <h3 class="medium mb-4">@(title.Length == 2 ? title[1] : title[0])</h3>
                                        <p class="descrip mb-4">
                                            @content.description
                                        </p>
                                        <p>
                                            <a href="/About/OurCompanyDetail?id=@content.id" class="readmores">
                                                @Lang.ReadMore <img src="~/image/arrow_blue.svg" class="ml-3" alt="arrow_blue">
                                            </a>
                                        </p>
                                    </div>
                                </div>
                                @if (i % 2 == 0)
                                {
                                    <div class="col-md-5 text-center">
                                        <a href="/About/OurCompanyDetail?id=@content.id" class="readmores">
                                            <img src="@content.imgAvatar"  alt="avatar">
                                        </a>
                                    </div>
                                }
                            </div>
                        </li>
                    }
                }
            </ul>
        </div>
    </div>
</div>