/home/caleb/ASDV-WebDev/Semester 2/Assignments/lab6-f23_CalebFontenot/src/main/webapp/index.xhtml
<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html">
    <h:head>
        <title>Building Sophisticated JSF Views with Components</title>
    </h:head>
    <h:body>
        <h:form>
            <h1>JSF Components, Creating a Sophisticated Page</h1>
            <p>
                The view for this page is made up entirely of JSF standard components.
                <br/>As you can see, there are many useful components bundled with JSF out of the box.
                <br/>
            </p>
            <p>Book Recommendation: Java 7 Recipes
                <br/>

                <h:graphicImage style="max-height: 300px; max-width: 300px;"
                                library="images" name="picture.png"/>
                <br/>
                <h:outputLabel for="newAuthorFirst" value="New Author First Name: "/>
                <h:inputText id="newAuthorFirst" value="#{authorController.newAuthorFirst}"/>

                <br/>
                <h:outputLabel for="newAuthorLast" value="New Author Last Name: "/>
                <h:inputText id="newAuthorLast" value="#{authorController.newAuthorLast}"/>
                <br/>
                <h:inputTextarea id="bio" cols="20" rows="5"
                                 value="#{authorController.bio}"/>
                <br/><br/>
                <h:commandButton id="addAuthor" action="#{authorController.addAuthor}"
                                 value="Add Author"/>
                <br/><br/>

                <h:dataTable id="authorTable"
                             value="#{authorController.authorList}"
                             var="author">
                    <h:column>
                        <h:outputText id="authorName"
                                      value="#{author.first} #{author.last} #{author.bio}"/>
                    </h:column>
                </h:dataTable>

                <h:message for="addAuthor" />

            </p>

        </h:form>
    </h:body>
</html>