@model  Chruch.Net.Models.IceBreak.GamePlayer
@{
    Layout = "~/Views/Shared/_LayoutEmpty.cshtml";
}
<section class="g-flex-centered g-bg-pos-center g-bg-img-hero g-pos-rel g-z-index-1 g-overflow-hidden g-height-100vh" style="background-image: url(/Images/IceBreak/img14.jpg);" data-calc-target="#js-header">
    <div class="g-pos-abs g-top-0 g-left-0" data-animation="fadeInDown" data-animation-delay="100" data-animation-duration="1500">
        <img class="img-fluid" src="/Images/IceBreak/img15.png" alt="Image Description">
    </div>
    <div class="g-pos-abs g-bottom-0 g-right-0" data-animation="fadeInUp" data-animation-delay="1800" data-animation-duration="1500">
        <img class="img-fluid" src="/Images/IceBreak/img16.png" alt="Image Description">
    </div>
    <div class="container text-center g-z-index-1">
        <div class="mb-4">
            <h1 class="h2 d-inline-block g-color-black g-font-weight-700 g-font-size-40 g-font-size-75--md text-uppercase g-line-height-1" data-animation="fadeInDown" data-animation-delay="1000" data-animation-duration="1500">你</h1>
            <h2 class="h2 d-inline-block g-color-black g-font-weight-700 g-font-size-40 g-font-size-75--md text-uppercase g-line-height-1" data-animation="fadeInDown" data-animation-delay="1200" data-animation-duration="1500">是</h2>
            <h2 class="h2 d-inline-block g-color-primary g-font-weight-700 g-font-size-40 g-font-size-75--md text-uppercase g-line-height-1" data-animation="fadeInDown" data-animation-delay="1400" data-animation-duration="1500">遊戲王</h2>
        </div>
        <div class="mx-auto g-max-width-600 g-overflow-hidden">
            <p class="g-color-black g-font-size-18 g-font-size-24--md g-mb-40" data-animation="fadeInDown" data-animation-delay="1600" data-animation-duration="1500">
                Please input your name.
            </p>
        </div>
        <div data-animation="fadeInDown" data-animation-delay="2000" data-animation-duration="1500">

            @using (Html.BeginForm())
            {
                <div class="row">
                    <div class="col">

                        <label class="g-font-weight-700 g-mb-20 h5">請輸入你的名稱</label>
                        @Html.TextBoxFor(m => m.Name, new { @class = "border-0 form-control g-color-gray-dark-v4 g-placeholder-gray-dark-v3 g-px-20" })
                        @Html.HiddenFor(m => m.TempGameRoomId)
                    </div>
                    <div class="col">

                        <button class="btn btn-lg u-btn-primary g-font-weight-600 g-font-size-20 text-uppercase g-rounded-50 mx-2 g-px-25 g-py-15" type="submit">送出</button>
                    </div>
                </div>

            }

        </div>
    </div>
</section>