lottery/website/Views/Shared/Components/TicketForm/TicketForm.cshtml

@*
    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.GameId.Direct4D)
                        {
                            ticketType = Constants.TicketType._4D;
                            <img class="image-w-78" src="~/img/4D.svg" />
                        }
                        else if (Model.type == Constants.GameId.Direct3D)
                        {
                            ticketType = Constants.TicketType._3D;
                            <img class="image-w-71" src="~/img/3D.svg" />
                        }
                        else if (Model.type == Constants.GameId.Direct2D)
                        {
                            ticketType = Constants.TicketType._2D;
                            <img class="image-w-71" src="~/img/2D.svg" />
                        }
                    }
                </div>

                <div class="col-8 ticket-info">
                    <div class="draw-date">
                        <b>@Lang.draw_date:</b> @drawnDate
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div style="position:relative;    top: -8px;">
        <img class="header-img-buy-ticket-retangle-below" 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>