@*
    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.NEW_YORK_BOLET_CODE || Model.data.gameId == Constants.FLORIDA_BOLET_CODE)
                        {
                            <img class="image-w-78" src="~/img/Group 83775.png" />
                        }
                        else if (Model.data.gameId == Constants.NEW_YORK_MAYRAJ_CODE || Model.data.gameId == Constants.FLORIDA_MAYRAJ_CODE)
                        {
                            <img class="image-w-71" src="~/img/MARYAJ.png" />
                        }
                        else if (Model.data.gameId == Constants.NEW_YORK_LOTTO3_CODE || Model.data.gameId == Constants.FLORIDA_LOTTO3_CODE)
                        {
                            <img class="image-w-71" src="~/img/LOTTO3.png" />
                        }
                        else if (Model.data.gameId == Constants.BOULCHANS_CODE)
                        {
                        //<img class="image-w-71" src="~/img/LOTTO3.png" />
                            <div style="color: #DA5C5C;     font-weight: 900;">BOULCHANS</div>
                        }
                    }
                    <h6>@Lang.type: @BaseController.ConvertGameIdToTerm(Model.data.gameId) </h6>
                </div>

                <div class="col-4 history-ticket-box">
                    @{
                        string[] number = Model.data.code.Split("-");
                    }
                    <div class="ball-container">
                        @{
                            for (int i = 0; i < number.Count(); i++)
                            {
                                if (i == 0)
                                {
                                    <img src="~/img/Group 83766.png" />
                                }
                                else
                                {
                                    <img src="~/img/Group 83782.png" />
                                }
                                <div class="ball-number">
                                    @Model.data.code
                                </div>
                            }
                        }
                    </div>

                    <h6>@Lang.draw_date: </h6>
                    @if (Model.data.gameId == Constants.BOULCHANS_CODE)
                    {
                        <h6>@endDate </h6>
                    }
                    else
                    {
                        <h6>@drawnDate </h6>
                    }
                </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 HTG</h5>
                        }
                        else
                        {
                            <h5 class="text-bold">@Model.data.money HTG</h5>
                        }
                    }
                    <h6>@Lang.draw_time: </h6>
                    @if (Model.data.gameId == Constants.BOULCHANS_CODE)
                    {
                        <h6>@endTime </h6>
                    }
                    else
                    {
                        <h6>@drawnTime </h6>
                    }
                </div>

            </div>
        </div>
    </div>
    <div style="position:relative;    top: -8px;">
        <img class="header-img-buy-ticket-retangle-above" src="~/img/Rectangle 133.png" />

        <div class="row history-ticket-detail-container">
            <div class="col-6  button-box-animation" style="border-right:1px solid #ECEFF1;    margin-bottom: 10px;">
                <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>