<@sf.form action="/registration" method="post" id="checkout-form" name="checkout-form" modelAttribute="regform">
                <!-- Modal body start -->
                <div class="modal-body">
                    <!-- Checkout Personal Info start -->
                    <div class="checkout-personal-info">
                        <div class="alert hidden" id="checkout-form-msg">
                            test
                        </div>
                        <h3>PERSONAL INFORMATION</h3>
                        <div class="form-group left">
                            <label for="login">Login:</label>
                            <@sf.input path="login" type="text" class="form-control" name="login" id="login" placeholder="Enter your Login"/>
                            <@sf.errors path="login" class = "form-control alert alert-warning text-center"/>
                        </div>
                        <div class="form-group right">
                            <label for="passwd">Password:</label>
                            <@sf.input path="password" type="password" class="form-control" name="password" id="password" placeholder="Enter your Password"/>
                            <@sf.errors path="password" class = "form-control alert alert-warning text-center"/>
                            <br>
                            <label for="passwd">Confirm Password:</label>
                            <@sf.input path="repassword" type="password" class="form-control" name="confirm_passwd" id="confirm_passwd" placeholder="Confirm your Password"/>
                            <@sf.errors path="repassword" class = "form-control alert alert-warning text-center"/>
                        </div>
                        <div class="form-group left">
                            <label for="first-name">First Name:</label>
                            <@sf.input path="firstname" type="text" class="form-control" name="first-name" id="first-name" placeholder="Enter your first name"/>
                            <@sf.errors path="firstname" class = "form-control alert alert-warning text-center"/>
                        </div>
                        <div class="form-group right">
                            <label for="last-name">Last Name:</label>
                            <@sf.input path="lastname" type="text" class="form-control" name="last-name" id="last-name" placeholder="Enter your last name"/>
                            <@sf.errors path="lastname" class = "form-control alert alert-warning text-center"/>
                        </div>
                        <div class="form-group left">
                            <label for="phone-number">Phone Number:</label>
                            <@sf.input path="phone" type="text" class="form-control" name="phone-number" value="+7" id="phone-number"/>
                            <@sf.errors path="phone" class = "form-control alert alert-warning text-center"/>
                        </div>
                        <div class="form-group right age">
                            <label for="age">Age:</label>
                            <div class="styled-select-age">
                                <@sf.select path="age" name="age" id="age">
                                    <@sf.option value="98">98</@sf.option>
                                    <@sf.option value="99">99</@sf.option>
                                    <@sf.option value="100">100</@sf.option>
                                </@sf.select>
                                <@sf.errors path="age" class = "form-control alert alert-warning text-center"/>
                            </div>
                        </div>
                        <div class="form-group left">
                            <label for="email-address">Email Address:</label>
                            <@sf.input path="email" type="email" class="form-control" name="email-address" id="email-address" placeholder="Enter your email address"/>
                            <@sf.errors path="email" class = "form-control alert alert-warning text-center"/>
                        </div>
                        <div class="form-group right sex">
                            <label for="sex">Sex:</label>
                            <div class="styled-select-sex">
                                <@sf.select path="sex" name="sex" id="sex">
                                    <@sf.option value="MALE">Male</@sf.option>
                                    <@sf.option value="FEMALE">Female</@sf.option>
                                </@sf.select>
                                <@sf.errors path="sex" class = "form-control alert alert-warning text-center"/>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <!-- Checkout Personal Info end -->

                    <!-- Checkout Address Info start -
                    <!-- Checkout Address Info end -->
                </div>
                <!-- Modal body end -->

                <!-- Modal footer start -->
                <div class="modal-footer">
                  <span class="btn-border btn-yellow">
                    <button type="submit" class="btn btn-primary btn-yellow">Done</button>
                  </span>
                </div>
                <!-- Modal footer end -->

            </@sf.form>