@*
    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;

@model LotoNumberHistoryModel

<div>
    <div class="loto-container">
        <div class="row ">
            <div class="col-4 loto-image" style="margin: auto;">
                @*<img src="~/img/lg-numbers 1.png" style="margin:0 0;" />*@
                @{
                    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.term.id</div>
                    }
                    else if (Model.type == Constants.GEORGIA_CASH3_CODE)
                    {
                        <img class="image-w-80" src="~/img/logo/ga-cash3.svg" />
                    }
                    else if (Model.type == Constants.GEORGIA_CASH4_CODE)
                    {
                        <img class="image-w-80" src="~/img/logo/ga-cash4.svg" />
                    }
                    else if (Model.type == Constants.TEXAS_PICK3_CODE)
                    {
                        <img class="image-w-80" src="~/img/logo/tx-pick3-1.svg" />
                    }
                    else if (Model.type == Constants.TEXAS_DAILY4_CODE)
                    {
                        <img class="image-w-80" src="~/img/logo/tx-daily4-1.svg" />
                    }
                    else if (Model.type == Constants.TENNESSEE_CASH3_CODE)
                    {
                        <img class="image-w-80" src="~/img/logo/tn-cash3-1.svg" />
                    }
                    else if (Model.type == Constants.TENNESSEE_CASH4_CODE)
                    {
                        <img class="image-w-80" src="~/img/logo/tn-cash4-1.svg" />
                    }
                }
            </div>
            <div class="col-8 loto-number" style="margin: auto;    padding-left: 0px;">
                <div class="scroll-item-container" style="    background-color: transparent;">

                    @{
                        for (int i = 0; i < Model.data.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)
                                    {
                                        <img class="image-w-35" src="~/img/Group 83782.png" />
                                    }
                                    else
                                    {
                                        <img class="image-w-35" src="~/img/Group 83782.png" />
                                    }
                                }
                                <div class="ball-number">
                                    @Model.data[i]
                                </div>
                            </div>
                        }
                    }
                </div>
            </div>
        </div>
    </div>
</div>