@*
    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 LotteryWebApp.Common;
@using LotteryWebApp.Service;
@using System.Globalization;

@model TicketFormModel
@{
    string ticketType = null;

    string drawnDate = Lang.draw_date;
    string dateEnd = Lang.draw_date;

    if (Model.data != null && Model.data.Count > 0)
    {
        drawnDate = DateTime.ParseExact(Model.data[0].date_random, "dd/MM/yyyy HH:mm:ss", CultureInfo.InvariantCulture).ToString("dd/MM/yyyy");
        dateEnd = DateTime.ParseExact(Model.data[0].date_random, "dd/MM/yyyy HH:mm:ss", CultureInfo.InvariantCulture).ToString("dd/MM/yyyy 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">
                    @{
                        if (Model.type == Constants.NEW_YORK_BOLET_CODE || Model.type == Constants.FLORIDA_BOLET_CODE)
                        {
                            ticketType = Constants.BOLET_CODE;
                            <img class="image-w-78" src="~/img/Group 83775.png" />
                        }
                        else if (Model.type == Constants.NEW_YORK_MAYRAJ_CODE || Model.type == Constants.FLORIDA_MAYRAJ_CODE)
                        {
                            ticketType = Constants.MAYRAJ_CODE;
                            <img class="image-w-71" src="~/img/MARYAJ.png" />
                        }
                        else if (Model.type == Constants.NEW_YORK_LOTTO3_CODE || Model.type == Constants.FLORIDA_LOTTO3_CODE)
                        {
                            ticketType = Constants.LOTTO3_CODE;
                            <img class="image-w-71" src="~/img/LOTTO3.png" />
                        }
                        else if (Model.type == Constants.BOULCHANS_CODE)
                        {
                            ticketType = Constants.BOULCHANS_CODE;
                            //<img class="image-w-71" src="~/img/LOTTO3.png" />
                            <div style="color: #DA5C5C;     font-weight: 900;">BOULCHANS</div>
                        }
                    }
                    @{
                        if (Model.type == Constants.BOULCHANS_CODE)
                        {
                            <h6>#@Model.data[0].id</h6>
                        }
                        else
                        {
                            <h6>@drawnDate</h6>
                        }
                    }
                </div>
                @{
                    if (Model.type != Constants.BOULCHANS_CODE)
                    {
                        <div class="col-1">
                            @{
                                for (int i = 0; i < Model.data.Count; i++)
                                {
                                    if (Model.data[i].isEvening == Constants.MORNING_CODE || Model.data[i].isEvening == Constants.MIDDAY_CODE)
                                    {
                                        <div class="scroll-box-margin" style="height:50%;">
                                            <img src="~/img/ico-sun 1.png" />
                                        </div>
                                    }
                                    else
                                    {
                                        <div class="scroll-box-margin" style="height:50%;">
                                            <img src="~/img/moon-lg 7.png" />
                                        </div>
                                    }
                                }
                            }
                        </div>
                    }
                    else
                    {
                        <div class="col-3">
                            <div class="row">
                                <div class="col-2" style="padding: 0;">
                                    <img style="padding-top: 10px;" src="~/img/Arrow 29.png" />
                                </div>
                                <div class="col-7" style="padding: 0;">
                                    <div class="text-main-color">
                                        @dateEnd
                                    </div>
                                </div>
                            </div>
                        </div>
                    }
                }
                <div class="@(Model.type != Constants.BOULCHANS_CODE ? "col-7" : "col-5") ticket-number" style="margin: auto;">
                    @{

                        for (int i = 0; i < Model.data.Count; i++)
                        {
                            Term term = Model.data[i];

                            if (term.result == "" && term.status == "1")
                            {
                                <div class="loader2"></div>
                                <div>@Lang.buying ...</div>
                            }
                            else if (term.result == "" && term.status == "2")
                            {
                                <div class="loader2"></div>
                                <div>@Lang.waiting_for_result ...</div>
                            }
                            else
                            {
                                <div class="scroll-box-margin">
                                    <div class="scroll-item-container">

                                        @{
                                            string[] listBall = new string[] { };

                                            if (Model.type == Constants.NEW_YORK_BOLET_CODE || Model.type == Constants.FLORIDA_BOLET_CODE)
                                            {
                                                listBall = term.bolet.Split(term.split);
                                            }
                                            else if (Model.type == Constants.NEW_YORK_MAYRAJ_CODE || Model.type == Constants.FLORIDA_MAYRAJ_CODE)
                                            {
                                                listBall = term.mariaj.Split(term.split);
                                            }
                                            else if (Model.type == Constants.NEW_YORK_LOTTO3_CODE || Model.type == Constants.FLORIDA_LOTTO3_CODE)
                                            {
                                                listBall = term.lotto3.Split(term.split);
                                            }
                                            else if (Model.type == Constants.BOULCHANS_CODE)
                                            {
                                                var myList = new List<string>();
                                                myList.Add(term.result);
                                                var myArray = myList.ToArray();
                                                listBall = term.result.Split("-");
                                            }

                                            for (int j = 0; j < listBall.Length; j++)
                                            {
                                                <div class="ball-container" style="margin: 0px 2px;">
                                                    @{
                                                        if (Model.type == Constants.NEW_YORK_BOLET_CODE || Model.type == Constants.FLORIDA_BOLET_CODE)
                                                        {
                                                            <img src="~/img/Group 83776.png" />
                                                        }
                                                        else if (Model.type == Constants.NEW_YORK_MAYRAJ_CODE || Model.type == Constants.FLORIDA_MAYRAJ_CODE)
                                                        {
                                                            <img src="~/img/Group 83779.png" />
                                                        }
                                                        else if (Model.type == Constants.NEW_YORK_LOTTO3_CODE || Model.type == Constants.FLORIDA_LOTTO3_CODE)
                                                        {
                                                            <img src="~/img/Group 83782.png" />
                                                        }
                                                        else if (Model.type == Constants.BOULCHANS_CODE)
                                                        {
                                                            if (j == 0)
                                                            {
                                                                <img src="~/img/Group 83774.png" />
                                                            }
                                                            else
                                                            {
                                                                <img src="~/img/Group 83782.png" />
                                                            }
                                                        }
                                                    }
                                                    <div class="ball-number">
                                                        @listBall[j]
                                                    </div>
                                                </div>

                                            }
                                        }
                                    </div>
                                </div>
                            }
                        }
                    }
                </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="ticket-below-container">
            <div>
                <button type="button" class="btn btn-outline-primary btn-block button-style-4"
                        onclick="actionButton_Click('BuyTicket/Choose?ticketType=@ticketType')">
                    <i class="ft-unlock"></i> @Lang.buy_ticket.ToUpper()
                </button>
            </div>

        </div>
    </div>

</div>