lottery/website/Views/Shared/Components/TicketHistory/TicketHistory.cshtml

@*
    For more information on enabling MVC for empty projects, visit http://go.microsoft.com/fwlink/?LinkID=397860
*@


@using LotteryWebApp.Languages;
@using LotteryWebApp.Controllers;
@using LotteryWebApp.Components;
@using System.Globalization;
@using LotteryWebApp.Common;


@model TicketHistoryModel

@{

    string drawnDate = DateTime.ParseExact(Model.data.termRandomDate, "dd/MM/yyyy HH:mm:ss", CultureInfo.InvariantCulture).ToString("dd/MM/yyyy");
    string drawnTime = DateTime.ParseExact(Model.data.termRandomDate, "dd/MM/yyyy HH:mm:ss", CultureInfo.InvariantCulture).ToString("HH:mm");

    string endDate = DateTime.ParseExact(Model.data.termEndDate, "dd/MM/yyyy HH:mm:ss", CultureInfo.InvariantCulture).ToString("dd/MM/yyyy");
    string endTime = DateTime.ParseExact(Model.data.termEndDate, "dd/MM/yyyy HH:mm:ss", CultureInfo.InvariantCulture).ToString("HH:mm");

}

<div style=" margin:10px 0;">
    <div style="position:relative;">
        <img class="header-img-buy-ticket-retangle-above" src="~/img/Rectangle 132.png" />

        <div class="ticket-container">
            <div class="row">
                <div class="col-4 ticket-info  history-ticket-box">
                    @{
                        if (Model.data.gameId == Constants.GameId.Direct4D)
                        {
                            <img class="image-w-30" src="~/img/4D.svg" />
                        }
                        else if (Model.data.gameId == Constants.GameId.Direct3D)
                        {
                            <img class="image-w-30" src="~/img/3D.svg" />
                        }
                        else if (Model.data.gameId == Constants.GameId.Direct2D)
                        {
                            <img class="image-w-30" src="~/img/2D.svg" />
                        }
                    }
                </div>
                <div class="col-4">

                </div>
                <div class="col-4  history-ticket-box" style="margin: auto;">
                    @{
                        if (Model.winType == Constants.WIN_CODE)
                        {
                            <h5 class="text-bold" style="color:red;">@Model.data.moneyWin @Lang.curency</h5>
                        }
                        else
                        {
                            <h5 class="text-bold">@Model.data.money @Lang.curency</h5>
                        }
                    }
                </div>

            </div>
            <div class="row">
                <div class="col-12 ">
                    <div class="ball-container">
                        @{
                            for (int i = 0; i < Model.data.code.Length; i++)
                            {
                                <div class="ball-number">
                                    @Model.data.code[i]
                                </div>
                            }
                        }
                    </div>
                   
                </div>
            </div>
            <div class="row row-info">
                <div class="col-4 ">
                    <b>@Lang.type:</b>
                    <span>@BaseController.ConvertGameIdToTerm(Model.data.gameId)</span>
                </div>
                
                <div class="col-4">
                    <b>@Lang.draw_date: </b>
                    <span>@drawnDate </span>
                </div>

                <div class="col-4">
                    <b>@Lang.draw_time: </b>
                    <span>@drawnTime </span>                   
                </div>
            </div>
        </div>
    </div>
    <div style="position:relative;    top: -8px;">
        <img class="header-img-buy-ticket-retangle-below" src="~/img/Rectangle 133.png" />

        <div class="row history-ticket-detail-container">
            <div class="col-6  button-box-animation"  >
                <h5 class="text-bold" onclick="detailTicketHistoryButton_CLick(@Model.data.id)">@Lang.details.ToUpper()</h5>
            </div>
            <div class="col-6">
                <h5>@Lang.bill_order</h5>
                <h5 class="text-bold">#@Model.data.billCode</h5>
            </div>
        </div>

    </div>
</div>