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

<div style="margin:10px 0;">
    <div class="row">

        <div class="col-7 loto-number" style="margin: auto;">
            <div class="scroll-item-container">
                <div class="ball-container">
                    @{
                        if (Model.ticketType == Constants.BOLET_CODE)
                        {
                            <img class="image-w-35" src="~/img/Group 83776.png" />
                        }
                        else if (Model.ticketType == Constants.MAYRAJ_CODE)
                        {
                            <img class="image-w-35" src="~/img/Group 83779.png" />
                        }
                        else if (Model.ticketType == Constants.LOTTO3_CODE)
                        {
                            <img class="image-w-35" src="~/img/Group 83782.png" />
                        }
                        else if (Model.ticketType == Constants.BOULCHANS_CODE)
                        {
                            <img class="image-w-35" src="~/img/Group 83782.png" />
                        }
                    }
                    <div class="ball-number" style="">
                        @Model.data
                    </div>
                </div>
            </div>
        </div>

        <div class="col-5">
            @*            <select name="ticket-money" class="form-control data-select-box ticket-money" style="text-align: center; border-radius: 5px;"
                oldvalue="1">
                <option value="1">1 HTG</option>
                <option value="5">5 HTG</option>
                <option value="10">10 HTG</option>
                <option value="100">100 HTG</option>
                </select>*@
            <input name="ticket-money" class="form-control data-select-box ticket-money" style="text-align: center; border-radius: 5px;" type="number" value="" oldvalue="10" placeholder="@Lang.enter_amount1" />
        </div>


    </div>
</div>