<%@page language="abap" %>
<%@extension name="htmlb" prefix="htmlb" %>
<%@extension name="xhtmlb" prefix="xhtmlb" %>
<htmlb:content id               = "content"
               design           = "classic+design2002+design2003"
               controlRendering = "sap"
               rtlAutoSwitch    = "true" >
  <htmlb:page title="BSP Extension: HTMLB / Element: tabstrip" >
    <htmlb:form>
      <%-- Tabstrip: enthält 3 Registerkarten --%>
      <htmlb:tabStrip id="myTabStrip1" >
        <%-- Registerkarte 1: Kurzinfo --%>
        <htmlb:tabStripItem id      = "myTabStripItem1"
                            index   = "1"
                            title   = "Kurzinfo"
                            tooltip = "My Tooltip for Tab 1" >
          <htmlb:tabStripItemBody>
            <xhtmlb:overflowContainer mode   = "SCROLL"
                                      width  = "400px"
                                      height = "300px" >
<table>
  <tr><td>
              <%-- Feld 1 --%>
              <htmlb:label id   = "myLabel1"
                           for  = "myInputField1"
                           text = "Fluggesellschaft" />
              <htmlb:inputField id        = "1"
                                value     = "<%= application->wa2-carrid %>"
                                disabled  = "TRUE"
                                size      = "3"
                                maxlength = "3"
                                type      = "string" />
              <%-- Feld 2 --%>
              <htmlb:label id   = "myLabel2"
                           for  = "myInputField2"
                           text = "Fluglinie" />
              <htmlb:inputField id        = "2"
                                value     = "<%= application->wa2-connid %>"
                                disabled  = "TRUE"
                                size      = "4"
                                maxlength = "4"
                                type      = "string" />   </td>
      <td> <img src="Sonnenuntergang.jpg" width="40" height="40"> </td> </tr>
</table>
              <%-- Feld 3 --%>
              <htmlb:label id   = "myLabel3"
                           for  = "myInputField3"
                           text = "Flugdatum" />
              <htmlb:inputField id        = "3"
                                value     = "<%= application->wa2-fldate %>"
                                disabled  = "TRUE"
                                size      = "10"
                                maxlength = "10"
                                type      = "date"
                                showHelp  = "X" />
             <br>
              <%-- Feld 4 --%>
              <htmlb:label id   = "myLabel4"
                           for  = "myInputField4"
                           text = "Abflugstadt" />
              <htmlb:inputField id        = "4"
                                value     = "<%= application->wa1-cityfrom %>"
                                disabled  = "TRUE"
                                size      = "20"
                                maxlength = "20"
                                type      = "string" />
              <br>
              <%-- Feld 5 --%>
              <htmlb:label id   = "myLabel5"
                           for  = "myInputField5"
                           text = "Ankunftsstadt" />
              <htmlb:inputField id        = "5"
                                value     = "<%= application->wa1-cityto %>"
                                disabled  = "TRUE"
                                size      = "20"
                                maxlength = "20"
                                type      = "string" />
              <br>
              <%-- Feld 6 --%>
              <htmlb:label id   = "myLabel6"
                           for  = "myInputField6"
                           text = "Kundenname" />
              <htmlb:inputField id        = "6"
                                value     = "<%= application->custom-name %>"
                                disabled  = "TRUE"
                                size      = "20"
                                maxlength = "20"
                                type      = "string" />
              <br>
              <%-- Feld 7 --%>
              <htmlb:label id   = "myLabel7"
                           for  = "myInputField7"
                           text = "Kundennummer" />
              <htmlb:inputField id        = "7"
                                value     = "<%= application->custom-id %>"
                                disabled  = "TRUE"
                                size      = "8"
                                maxlength = "8"
                                type      = "string" />
            </xhtmlb:overflowContainer>
          </htmlb:tabStripItemBody>
        </htmlb:tabStripItem>

        <%-- Registerkarte 2: Flugdetails --%>
        <htmlb:tabStripItem id      = "myTabStripItem2"
                            index   = "2"
                            title   = "Tab 2"
                            tooltip = "My Tooltip for Tab 2" >
          <htmlb:textView text="Tab N 2" />
          <htmlb:tabStripItemHeader>
            <htmlb:textView text="Flugdetails" />
          </htmlb:tabStripItemHeader>
          <htmlb:tabStripItemBody>
            <xhtmlb:overflowContainer mode   = "SCROLL"
                                      width  = "400px"
                                      height = "300px" >
              <%-- Feld 1 --%>
              <htmlb:label id   = "myLabel1"
                           for  = "myInputField1"
                           text = "Fluggesellschaft" />
              <htmlb:inputField id        = "1"
                                value     = "<%= application->wa2-carrid %>"
                                disabled  = "TRUE"
                                size      = "3"
                                maxlength = "3"
                                type      = "string" />
      <htmlb:link         id            = "myLink8"
                          text          = "call website-->"
                          target        = "_open"
                          reference     = "<%= application->url%>" />
              <br>
              <%-- Feld 2 --%>
              <htmlb:label id   = "myLabel2"
                           for  = "myInputField2"
                           text = "Fluglinie" />
              <htmlb:inputField id        = "2"
                                value     = "<%= application->wa2-connid %>"
                                disabled  = "TRUE"
                                size      = "4"
                                maxlength = "4"
                                type      = "string" />
              <br>
              <%-- Feld 3 --%>
              <htmlb:label id   = "myLabel3"
                           for  = "myInputField3"
                           text = "Flugdatum" />
              <htmlb:inputField id        = "3"
                                value     = "<%= application->wa2-fldate %>"
                                disabled  = "TRUE"
                                size      = "10"
                                maxlength = "10"
                                type      = "date"
                                showHelp  = "X" />
              <br>
              <%-- Feld 4 --%>
              <htmlb:label id   = "myLabel4"
                           for  = "myInputField4"
                           text = "Abflugstadt" />
              <htmlb:inputField id        = "4"
                                value     = "<%= application->wa1-cityfrom %>"
                                disabled  = "TRUE"
                                size      = "20"
                                maxlength = "20"
                                type      = "string" />
              <br>
              <%-- Feld 5 --%>
              <htmlb:label id   = "myLabel5"
                           for  = "myInputField5"
                           text = "Ankunftsstadt" />
              <htmlb:inputField id        = "5"
                                value     = "<%= application->wa1-cityto %>"
                                disabled  = "TRUE"
                                size      = "20"
                                maxlength = "20"
                                type      = "string" />
              <br>
              <%-- Feld 6 --%>
              <htmlb:label id   = "myLabel6"
                           for  = "myInputField6"
                           text = "Anzahl freie Plätze" />
              <htmlb:inputField id        = "6"
                                value     = "<%= application->wa2-seatsfree %>"
                                disabled  = "TRUE"
                                size      = "4"
                                maxlength = "4"
                                type      = "integer" />
            </xhtmlb:overflowContainer>
          </htmlb:tabStripItemBody>
        </htmlb:tabStripItem>
        <%-- Registerkarte 3: Kundendetails --%>

        <htmlb:tabStripItem id      = "myTabStripItem3"
                            index   = "3"
                            title   = "Kundendetails"
                            tooltip = "My Tooltip for Tab 3" >
          <htmlb:tabStripItemBody>
            <xhtmlb:overflowContainer mode   = "SCROLL"
                                      width  = "400px"
                                      height = "300px" >
              <%-- Feld 1 --%>
              <htmlb:label id   = "myLabel1"
                           for  = "myInputField1"
                           text = "Kundenname" />
              <htmlb:inputField id        = "1"
                                value     = "<%= application->custom-name %>"
                                disabled  = "TRUE"
                                size      = "20"
                                maxlength = "20"
                                type      = "string" />
              <br>
              <%-- Feld 2 --%>
              <htmlb:label id   = "myLabel2"
                           for  = "myInputField2"
                           text = "Anrede" />
              <htmlb:inputField id        = "2"
                                value     = "<%= application->custom-form %>"
                                disabled  = "TRUE"
                                size      = "8"
                                maxlength = "8"
                                type      = "string" />
              <br>
              <%-- Feld 3 --%>
              <htmlb:label id   = "myLabel3"
                           for  = "myInputField3"
                           text = "Strasse" />
              <htmlb:inputField id        = "3"
                                value     = "<%= application->custom-street %>"
                                disabled  = "TRUE"
                                size      = "25"
                                maxlength = "25"
                                type      = "date"
                                showHelp  = "X" />
              <br>
              <%-- Feld 4 --%>
              <htmlb:label id   = "myLabel4"
                           for  = "myInputField4"
                           text = "Pstlz" />
              <htmlb:inputField id        = "4"
                                value     = "<%= application->custom-postcode %>"
                                disabled  = "TRUE"
                                size      = "6"
                                maxlength = "6"
                                type      = "string" />
              <br>
              <%-- Feld 5 --%>
              <htmlb:label id   = "myLabel5"
                           for  = "myInputField5"
                           text = "Wohnort" />
              <htmlb:inputField id        = "5"
                                value     = "<%= application->custom-city %>"
                                disabled  = "TRUE"
                                size      = "20"
                                maxlength = "20"
                                type      = "string" />
              <br>
              <%-- Feld 6 --%>
              <htmlb:label id   = "myLabel6"
                           for  = "myInputField6"
                           text = "Telefon" />
              <htmlb:inputField id        = "6"
                                value     = "<%= application->custom-telephone %>"
                                disabled  = "TRUE"
                                size      = "20"
                                maxlength = "20"
                                type      = "string" />
              <br>
              <%-- Feld 7 --%>
              <htmlb:label id   = "myLabel7"
                           for  = "myInputField7"
                           text = "Kundentyp (B: geschäftlich, P: privat)" />
              <htmlb:inputField id        = "8"
                                value     = "<%= application->custom-custtype %>"
                                disabled  = "TRUE"
                                size      = "2"
                                maxlength = "2"
                                type      = "string" />
            </xhtmlb:overflowContainer>
          </htmlb:tabStripItemBody>
        </htmlb:tabStripItem>
      </htmlb:tabStrip>
          <htmlb:textView text="Flug erfolgreich gebucht unter der" />
              <%-- Feld x --%>
              <htmlb:label id   = "myLabelx"
                           for  = "myInputFieldx"
                           text = "Buchungsnummer" />
              <htmlb:inputField id        = "x"
                                value     = "<%= application->book-bookid %>"
                                disabled  = "TRUE"
                                size      = "10"
                                maxlength = "10"
                                type      = "string" />
      <%-- ------------------------------------------------------------------- --%>
      <htmlb:button  id = "Zurueck"
                     onClick="onInputProcessing()"
                     text="Zurück"/> 
      <htmlb:button  id = "exit"
                     onClick="onInputProcessing()"
                     text="Beenden"/> 
    </htmlb:form>
  </htmlb:page>
</htmlb:content>