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

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

@model LotoNumberModel

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

}

<div class="loto-container">
    <div class="row ">

        <div class="col-3 loto-image" style="margin: auto;">
            @{
                if (Model.type == Constants.NEW_YORK_NUMBERS_CODE)
                {
                    <img class="image-w-80" src="~/img/lg-numbers 1.png" />
                }
                else if (Model.type == Constants.NEW_YORK_WIN4_CODE)
                {
                    <img class="image-w-80" src="~/img/lg-win4 1.png" />
                }
                else if (Model.type == Constants.NEW_YORK_BOLET_CODE)
                {
                    <img class="image-w-78" src="~/img/Group 83775.png" />
                }
                else if (Model.type == Constants.NEW_YORK_MAYRAJ_CODE)
                {
                    <img class="image-w-71" src="~/img/MARYAJ.png" />
                }
                else if (Model.type == Constants.NEW_YORK_LOTTO3_CODE)
                {
                    <img class="image-w-71" src="~/img/LOTTO3.png" />
                }
                else if (Model.type == Constants.FLORIDA_PICK3_CODE)
                {
                    <img class="image-w-80" src="~/img/Pick3Logo.png" />
                }
                else if (Model.type == Constants.FLORIDA_PICK4_CODE)
                {
                    <img class="image-w-80" src="~/img/Pick4Logo.png" />
                }
                else if (Model.type == Constants.FLORIDA_BOLET_CODE)
                {
                    <img class="image-w-78" src="~/img/Group 83775.png" />
                }
                else if (Model.type == Constants.FLORIDA_MAYRAJ_CODE)
                {
                    <img class="image-w-71" src="~/img/MARYAJ.png" />
                }
                else if (Model.type == Constants.FLORIDA_LOTTO3_CODE)
                {
                    <img class="image-w-71" src="~/img/LOTTO3.png" />
                }
                else if (Model.type == Constants.BOULCHANS_CODE)
                {
                    <div class="text-w-80-main-color">#@Model.data.id</div>
                }
            }
        </div>
        <div class="col-3 loto-date" style="margin: auto; padding:0px;">
            @if (Model.type != Constants.BOULCHANS_CODE)
            {
                if (Model.data.isEvening == Constants.EVENING_CODE)
                {
                    <img style="width:20px;" src="~/img/moon-lg 7.png" />
                }
                else
                {
                    <img style="width:20px;" src="~/img/ico-sun 1.png" />
                }
            }
            @if (Model.type == Constants.BOULCHANS_CODE)
            {
                <div class="text-main-color">@endDate</div>
                <div class="text-main-color">@endTime</div>
            }
            else
            {
                <div>@drawnDate</div>
            }
        </div>
        <div class="col-6 loto-number" style="margin: auto;    padding-left: 0px;">
            <div class="scroll-item-container" style="@(Model.type == Constants.NEW_YORK_LOTTO3_CODE || Model.type == Constants.FLORIDA_LOTTO3_CODE ? "display: inline-block;vertical-align: middle;" : "")">

                @{
                    string[] number = new String[] { };
                    if (Model.type == Constants.NEW_YORK_NUMBERS_CODE || Model.type == Constants.FLORIDA_PICK3_CODE)
                    {
                        number = Model.data.numberGame.Split(Model.data.split);
                    }
                    else if (Model.type == Constants.NEW_YORK_WIN4_CODE || Model.type == Constants.FLORIDA_PICK4_CODE)
                    {
                        number = Model.data.win4Game.Split(Model.data.split);
                    }
                    else if (Model.type == Constants.NEW_YORK_BOLET_CODE || Model.type == Constants.FLORIDA_BOLET_CODE)
                    {
                        number = Model.data.bolet.Split(Model.data.split);
                    }
                    else if (Model.type == Constants.NEW_YORK_MAYRAJ_CODE || Model.type == Constants.FLORIDA_MAYRAJ_CODE)
                    {
                        number = Model.data.mariaj.Split(Model.data.split);
                    }
                    else if (Model.type == Constants.NEW_YORK_LOTTO3_CODE || Model.type == Constants.FLORIDA_LOTTO3_CODE)
                    {
                        number = Model.data.lotto3.Split(Model.data.split);
                    }
                    else if (Model.type == Constants.BOULCHANS_CODE)
                    {
                        var myList = new List<string>();
                        myList.Add(Model.data.result);
                        var myArray = myList.ToArray();
                        number = Model.data.result.Split("-");
                    }
                    for (int i = 0; i < number.Length; i++)
                    {
                        <div class="ball-container">
                            @{
                                if (Model.type == Constants.NEW_YORK_NUMBERS_CODE)
                                {
                                    <img class="image-w-35" src="~/img/Group 83766.png" />
                                }
                                else if (Model.type == Constants.NEW_YORK_WIN4_CODE)
                                {
                                    <img class="image-w-35" src="~/img/Group 83774.png" />
                                }
                                else if (Model.type == Constants.NEW_YORK_BOLET_CODE)
                                {
                                    <img class="image-w-35" src="~/img/Group 83776.png" />
                                }
                                else if (Model.type == Constants.NEW_YORK_MAYRAJ_CODE)
                                {
                                    <img class="image-w-35" src="~/img/Group 83779.png" />
                                }
                                else if (Model.type == Constants.NEW_YORK_LOTTO3_CODE)
                                {
                                    <img class="image-w-35" src="~/img/Group 83782.png" />
                                }
                                else if (Model.type == Constants.FLORIDA_PICK3_CODE)
                                {
                                    <img class="image-w-35" src="~/img/Group 83766.png" />
                                }
                                else if (Model.type == Constants.FLORIDA_PICK4_CODE)
                                {
                                    <img class="image-w-35" src="~/img/Group 83774.png" />
                                }
                                else if (Model.type == Constants.FLORIDA_BOLET_CODE)
                                {
                                    <img class="image-w-35" src="~/img/Group 83776.png" />
                                }
                                else if (Model.type == Constants.FLORIDA_MAYRAJ_CODE)
                                {
                                    <img class="image-w-35" src="~/img/Group 83779.png" />
                                }
                                else if (Model.type == Constants.FLORIDA_LOTTO3_CODE)
                                {
                                    <img class="image-w-35" src="~/img/Group 83782.png" />
                                }
                                else if (Model.type == Constants.BOULCHANS_CODE)
                                {
                                    if (i == 0)
                                    {
                                        <img class="image-w-35" src="~/img/Group 83774.png" />

                                    }
                                    else
                                    {
                                        <img class="image-w-35" src="~/img/Group 83782.png" />
                                    }
                                }
                            }
                            <div class="ball-number">
                                @number[i]
                            </div>
                        </div>
                    }
                }
                <div style="width:20px;">
                </div>
            </div>

            @{
                if (Model.type == Constants.FLORIDA_LOTTO3_CODE || Model.type == Constants.NEW_YORK_LOTTO3_CODE)
                {
                    //<i class="" style="color:red;display: inline-block;">* X from 0 to 9</i>
                }
            }
        </div>
    </div>
    @{
        if (Model.type == Constants.NEW_YORK_NUMBERS_CODE || Model.type == Constants.NEW_YORK_WIN4_CODE ||
        Model.type == Constants.FLORIDA_PICK3_CODE || Model.type == Constants.FLORIDA_PICK4_CODE)
        {
        }
        else
        {
            string ticketType = null;
            if (Model.type == Constants.NEW_YORK_BOLET_CODE || Model.type == Constants.FLORIDA_BOLET_CODE)
            {
                ticketType = Constants.BOLET_CODE;
            }
            else if (Model.type == Constants.NEW_YORK_MAYRAJ_CODE || Model.type == Constants.FLORIDA_MAYRAJ_CODE)
            {
                ticketType = Constants.MAYRAJ_CODE;
            }
            else if (Model.type == Constants.NEW_YORK_LOTTO3_CODE || Model.type == Constants.FLORIDA_LOTTO3_CODE)
            {
                ticketType = Constants.LOTTO3_CODE;
            }
            else if (Model.type == Constants.BOULCHANS_CODE)
            {
                ticketType = Constants.BOULCHANS_CODE;
            }
            <div class="buy-container" onclick="actionButton_Click('/BuyTicket/Choose?termType=@Model.type&ticketType=@ticketType')">
                <img src="~/img/Group.png" />
            </div>
        }
    }

</div>

<hr class="line2">