<?xml version="1.0" encoding="UTF-8"?>

<!--
 * Licensed to the Apache Software Foundation (ASF) under one or more
 * contributor license agreements.  See the NOTICE file distributed with
 * this work for additional information regarding copyright ownership.
 * The ASF licenses this file to You 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.
-->

<ui:composition template="/main.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:tc="http://myfaces.apache.org/tobago/component"
                xmlns:ui="http://java.sun.com/jsf/facelets">

  <tc:box id="box" label="Grid Layout with labelLayout left and right (horizontal)">
    <tc:gridLayout id="grid" columns="150px 2fr 1fr 5fr">

      <tc:in value="1fr" disabled="true"/>
      <tc:in value="2fr" disabled="true"/>
      <tc:in value="1fr" disabled="true"/>
      <tc:in value="5fr" disabled="true"/>

      <tc:separator label="gridLeft/gridRight with default span">
        <tc:gridLayoutConstraint columnSpan="4"/>
      </tc:separator>

      <tc:in id="first1" label="First Name 1" labelLayout="gridLeft">
      </tc:in>
      <tc:in id="last1" label="Last Name 1" labelLayout="gridRight">
      </tc:in>

      <tc:separator label="gridRight/gridLeft with default span">
        <tc:gridLayoutConstraint columnSpan="4"/>
      </tc:separator>

      <tc:in id="first2" label="First Name 2" labelLayout="gridRight">
      </tc:in>
      <tc:in id="last2" label="Last Name 2" labelLayout="gridLeft">
      </tc:in>

      <tc:separator label="gridLeft/gridRight with columnSpan=4">
        <tc:gridLayoutConstraint columnSpan="4"/>
      </tc:separator>

      <tc:in id="first3" label="First Name 3" labelLayout="gridLeft">
        <tc:gridLayoutConstraint columnSpan="4"/>
      </tc:in>
      <tc:in id="last3" label="Last Name 3" labelLayout="gridRight">
        <tc:gridLayoutConstraint columnSpan="4"/>
      </tc:in>

      <tc:separator label="gridLeft/gridRight with columnSpan=3 and spacer right">
        <tc:gridLayoutConstraint columnSpan="4"/>
      </tc:separator>

      <tc:in id="first4" label="First Name 4" labelLayout="gridLeft">
        <tc:gridLayoutConstraint columnSpan="3"/>
      </tc:in>
      <tc:out value="spacer"/>
      <tc:in id="last4" label="Last Name 4" labelLayout="gridRight">
        <tc:gridLayoutConstraint columnSpan="3"/>
      </tc:in>
      <tc:out value="spacer"/>

      <tc:separator label="gridLeft/gridRight with columnSpan=3 and spacer left">
        <tc:gridLayoutConstraint columnSpan="4"/>
      </tc:separator>

      <tc:out value="spacer"/>
      <tc:in id="first5" label="First Name 5" labelLayout="gridLeft">
        <tc:gridLayoutConstraint columnSpan="3"/>
      </tc:in>
      <tc:out value="spacer"/>
      <tc:in id="last5" label="Last Name 5" labelLayout="gridRight">
        <tc:gridLayoutConstraint columnSpan="3"/>
      </tc:in>

      <tc:separator label="gridLeft/gridRight with columnSpan=5 (too much)">
        <tc:gridLayoutConstraint columnSpan="4"/>
      </tc:separator>

      <tc:in id="first6" label="First Name 6" labelLayout="gridLeft">
        <tc:gridLayoutConstraint columnSpan="5"/>
      </tc:in>
      <tc:in id="last6" label="Last Name 6" labelLayout="gridRight">
        <tc:gridLayoutConstraint columnSpan="5"/>
      </tc:in>

    </tc:gridLayout>
  </tc:box>

</ui:composition>