<!--
    JBoss, Home of Professional Open Source
    Copyright 2013, Red Hat, Inc. and/or its affiliates, and individual
    contributors by the @authors tag. See the copyright.txt in the
    distribution for a full listing of individual contributors.

    Licensed under the Apache License, Version 2.0 (the "License");
    you may not use this file except in compliance with the License.
    You may obtain a copy of the License at
    http://www.apache.org/licenses/LICENSE-2.0
    Unless required by applicable law or agreed to in writing, software
    distributed under the License is distributed on an "AS IS" BASIS,
    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
    See the License for the specific language governing permissions and
    limitations under the License.
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>kitchensink-jsp</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- Here we include the css file  -->
<link rel="stylesheet" type="text/css" href="resources/css/screen.css" />
<head>
<body>
    <div id="container">
        <div align="right" class="dualbrand">
            <img src="resources/gfx/dualbrand_logo.png" />
        </div>
        <div id="content">

            <h1>Welcome to WildFly!</h1>

            <div>
                <p>You have successfully deployed a Java EE 7 web
                    application.</p>
                <h3>Your application can run on:</h3>
                <img src="resources/gfx/wildfly_400x130.jpg" />
            </div>

            <form id="reg" action="index.html" method="POST">
                <h2>Member Registration</h2>
                <table>
                    <tr>
                        <td style="text-align: right;"><label for="name">Name:</label>
                        </td>
                        <td><input type="text" id=name name="name"
                                   value="{{newMemberName}}" /></td>
                    </tr>
                    <tr>
                        <td style="text-align: right;"><label for="email">Email:</label>
                        </td>

                        <td><input type="text" id="email" name="email"
                                   value="{{newMemberEmail}}" />
                        </td>
                    </tr>
                    <tr>
                        <td style="text-align: right;"><label
                                for="phoneNumber">Phone #:</label></td>
                        <td><input id="phoneNumber" name="phoneNumber"
                                   type="text" value="{{newMemberPhoneNumber}}" /></td>
                    </tr>
                </table>
                <p>
                    <input id="register" type="submit" value="Register" />
                </p>
                <p>
                    <label style="color: green;width: 100%;text-align: left;">{{infoMessage}}</label>
                </p>
                <p>
                    <label style="color: red; width: 100%;text-align: left;">{{errorMessage}}</label>
                </p>
            </form>


            <h4>Members</h4>
            <table class="simpletablestyle">
                <thead>
                <tr>
                    <th>Name</th>
                    <th>Email</th>
                    <th>PhoneNumber</th>
                </tr>
                </thead>
                <tbody>
                <!--  iterate on the member list @named attribute and display name,email and phone number -->
                {{#members}}
                    <tr>
                        <td>{{NAME}}</td>
                        <td>{{EMAIL}}</td>
                        <td>{{PHONE_NUMBER}}</td>
                    </tr>
                {{/members}}
                </tbody>
            </table>

        </div>
        <div id="aside">
            <p>Learn more about JBoss WildFly.</p>
            <ul>
                <li><a
                    href="https://github.com/wildfly/quickstart/blob/master/guide/Introduction.asciidoc">Getting
                        Started Developing Applications Guide</a></li>
                <li><a href="http://www.wildfly.org/">Community
                        Project Information</a></li>
            </ul>

        </div>
        <div id="footer">
            <p>
                This project was generated from a Maven archetype from
                WildFly.<br />
            </p>
        </div>
    </div>
</body>
</html>
