lottery/website/Views/History/TicketDetail.cshtml

@*
    For more information on enabling MVC for empty projects, visit http://go.microsoft.com/fwlink/?LinkID=397860
*@
@using LotteryWebApp.Languages;
@using LotteryWebApp.Models;
@using LotteryWebApp.Common;
@using LotteryWebApp.Controllers;
@using System.Globalization;

@model HistoryTicketDetail_ViewModel

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

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

    string createDate = DateTime.ParseExact(Model.ticket.createDate, "dd/MM/yyyy HH:mm:ss", CultureInfo.InvariantCulture).ToString("dd/MM/yyyy HH:mm");

}

<div class="modal-content">
    <div class="modal-header">
        <h5 class="modal-title text-left text-bold-600">@Lang.details @Lang.ticket #@Model.ticket.id</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="text-align: end; margin: 0">
            <span aria-hidden="true">×</span>
        </button>
    </div>
    <div class="modal-body">
        <div class="language-container">
            <div>
                <div class="row">
                    <div class="col-6">
                        @{
                            if (Model.type == Constants.GameId.Direct4D)
                            {
                                <img class="image-w-30" src="~/img/4D.svg" />
                            }
                            else if (Model.type == Constants.GameId.Direct3D)
                            {
                                <img class="image-w-30" src="~/img/3D.svg" />
                            }
                            else if (Model.type == Constants.GameId.Direct2D)
                            {
                                <img class="image-w-30" src="~/img/2D.svg" />
                            }
                        }

                        <h6 class="mt-50 mb-0 text-bold text-bold">@BaseController.ConvertGameIdToPlayType(Model.type) </h6>
                        <h6 class="my-0 text-bold">@BaseController.ConvertToWinType(Model.winType) </h6>
                    </div>
                    <div class="col-6">
                        <h6 class="text-margin-10">
                            <b><i>@Lang.type:</i></b>
                            <span>@BaseController.ConvertGameIdToTerm(Model.ticket.gameId)</span>
                        </h6>

                        <h6 class="text-margin-10">
                            <b><i>@Lang.draw_date:</i></b>
                            <span>@drawnDate</span>
                        </h6>

                        <h6 class="text-margin-10">
                            <b><i>@Lang.draw_time:</i></b>
                            <span>@BaseController.ConvertDrawnTimeFromTicket(Model.type, Model.ticket)</span>
                        </h6>
                    </div>
                </div>
            </div>

            <hr class="line2" />

            @{
                if (Model.winType == Constants.NOT_DRAW_CODE)
                {
                    <div class="ticket-detail">
                        <div class="row">
                            <div class="col-3 pl-1">
                                <h6><b>@Lang.ticket</b></h6>
                                <h6 class="text-bold">#@Model.ticket.id </h6>
                            </div>

                            <div class="col-6 history-ticket-box">
                                <h6><b>@Lang.your_number</b></h6>
                                <div class="ball-container">
                                    @foreach (var ball in Model.ticket.code)
                                    {
                                        <div class="ball-number">
                                            @ball
                                        </div>
                                    }
                                </div>

                            </div>
                            <div class="col-3"  >
                                <h6><b>@Lang.price</b></h6>
                                <h6 class="text-bold">@Model.ticket.money @Lang.curency</h6>
                            </div>

                        </div>
                    </div>
                }
                else if (Model.winType == Constants.WIN_CODE)
                {
                    <div class="ticket-detail" style="text-align:center;">
                        <h6><b>@Lang.you_have_winning_number</b></h6>
                        <h4 style="color:red; font-weight:600;">@Model.ticket.moneyWin @Lang.curency</h4>

                        <hr class="line2" />

                        <h6>@Lang.in_draw_date</h6>

                        <div class="ball-container">
                            @foreach (var ball in Model.ticket.code)
                            {
                                <div class="ball-number">
                                    @ball
                                </div>
                            }
                        </div>

                        <div>
                            <i>@Lang.bet_amount: @Model.ticket.money @Lang.curency</i>
                        </div>
                    </div>
                }
                else
                {
                    <div class="ticket-detail">
                        <div class="row">
                            <div class="col-3 pl-1">
                                <h6><b>@Lang.ticket</b></h6>
                                <h6 class="text-bold">#@Model.ticket.id </h6>
                            </div>

                            <div class="col-6  history-ticket-box">
                                <h6><b>@Lang.your_number</b></h6>
                                <div class="ball-container">
                                    @foreach (var ball in Model.ticket.code)
                                    {
                                        <div class="ball-number">
                                            @ball
                                        </div>
                                    }
                                </div>

                            </div>
                            <div class="col-3 ">
                                <h6><b>@Lang.price</b></h6>
                                <h6 class="text-bold">@Model.ticket.money @Lang.curency</h6>
                            </div>

                        </div>
                    </div>
                }
            }

            <hr class="line2" />

            <h6><b>@Lang.detail_of_payment</b></h6>

            <div class="row">
                <div class="col-6 text-start"  >
                    <h6>@Lang.payment_account</h6>
                </div>
                <div class="col-6 text-end-bold" >
                    <h6 style="font-weight:600;">@Model.msisdn</h6>
                </div>
            </div>

            <div class="row">
                <div class="col-6 text-start" >
                    <h6>@Lang.channel_buy</h6>
                </div>
                <div class="col-6 text-end-bold" >
                    <h6 style="font-weight:600;">@Model.ticket.channel</h6>
                </div>
            </div>

            <div class="row">
                <div class="col-6 text-start" >
                    <h6>@Lang.payment_mothod</h6>
                </div>
                <div class="col-6 text-end-bold" >
                    <h6 style="font-weight:600;">@BaseController.ConvertWalletTicket(Model.ticket.channelPayment)</h6>
                </div>
            </div>

            <div class="row">
                <div class="col-6 text-start" >
                    <h6>@Lang.buy_time</h6>
                </div>
                <div class="col-6 text-end-bold" >
                    <h6 style="font-weight:600;">@createDate</h6>
                </div>
            </div>

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