@*
    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.Controllers;
@using LotteryWebApp.Common;

@model ChooseFormModel

@{
}
<div class="choose-form-container ticket-@Model.tics">

    <div class="row">
        <div class="col-3" style="text-align: center;">
            <div class="left-items">
                <img src="~/img/fill 2.png" onclick="autoFillTicket_Click('@Model.tics', '@Model.ticketType')" />
                |
                <img src="~/img/broom 2.png" onclick="cleanTicket_Click('@Model.tics')" />
            </div>
        </div>


        <div class="col-6" style="text-align: center;">
            <div class="center-items">
                <h6>@Lang.choose_your_number</h6>
            </div>
        </div>

        <div class="col-3"></div>

    </div>

    <div class="float-item" onclick="deleteTicket_Click('@Model.tics')">
        <img src="~/img/Group 185.png" />
    </div>

    <style>
        input {
            font-size: 2em;
        }

            input:placeholder-shown {
                font-size: 1em;
            }
    </style>
    <div class="choose-number-box">
        <input class="ticket-buy-number ticket-buy-number-@Model.tics" type="number"
               placeholder="@(Model.ticketType == Constants.BOLET_CODE || Model.ticketType == Constants.BOULCHANS_CODE ? Lang.enter_digit_2 : Model.ticketType == Constants.MAYRAJ_CODE ? Lang.enter_digit_4 : Lang.enter_digit_3)"
               value=""
               oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);"
               maxlength="@(Model.ticketType == Constants.BOLET_CODE || Model.ticketType == Constants.BOULCHANS_CODE ? 2 : Model.ticketType == Constants.MAYRAJ_CODE ? 4 : 3)" />
    </div>
</div>