<?xml version="1.0" encoding="UTF-8"?>
<?page contentType="text/html;charset=UTF-8"?>
<?variable-resolver class="org.zkoss.zkplus.spring.DelegatingVariableResolver"?>
<?init class="org.zkoss.zkplus.databind.AnnotateDataBinderInit" arg0="winEditarDiagramaAutobus"?>
<?taglib uri="http://www.zkoss.org/dsp/web/core" prefix="c"?>

<zk xmlns="http://www.zkoss.org/2005/zul">
    <window id="winEditarDiagramaAutobus" border="normal"
            apply="${editarDiagramaAutobusController}"
            width="1100px"  height="640px" contentStyle="overflow:auto"
            title="${c:l('editarDiagramaAutobusController.window.title')}"
            xmlns:h="http://www.w3.org/1999/xhtml">

        <style>
        .myGreen .z-button-cm {
            background-image : url(${c:encodeURL('/gui/img/green.png')});
        }
        .myYellow .z-button-cm {
            background-image : url(${c:encodeURL('/gui/img/yellow.png')});
        }
        .myGrey .z-button-cm {
            background-image : url(${c:encodeURL('/gui/img/grey.png')});
        }
        .myWhite .z-button-cm {
            background-color : #ffffff;
        }        

        </style>
        <toolbar>
            <hbox spacing="5px" style="padding:1px" align="right">
                <button id="btnApagar" height="20"
                        image="/gui/img/remove.png" width="35px"
                        tooltiptext="${c:l('editarDiagramaAutobusController.btnApagar.tooltiptext')}"/>
                <button id="btnSalvar" height="20"
                        image="/gui/img/save.png" width="35px"
                        tooltiptext="${c:l('editarDiagramaAutobusController.btnSalvar.tooltiptext')}"/>
                <button id="btnFechar" height="20"
                        image="/gui/img/exit.png" width="35px"
                        onClick="winEditarDiagramaAutobus.detach()"
                        tooltiptext="${c:l('editarDiagramaAutobusController.btnFechar.tooltiptext')}"/>
            </hbox>
        </toolbar>
       
        <grid fixedLayout="true" >
            <columns>
                <column width="20%" />
                <column width="80%" />
            </columns>
            <rows>
                <row>
                    <label id="lblDescDiagrama" value="${c:l('editarDiagramaAutobusController.lblDescDiagrama.value')}"/>
                    <textbox id="txtDescDiagrama" constraint="no empty" width="90%" maxlength="20"
                             value="@{winEditarDiagramaAutobus$composer.diagramaAutobus.descDiagrama}"
                             use="com.rjconsultores.ventaboletos.web.utilerias.MyTextbox"/>
                </row>
                <!--row> Nao eh necessario por enquanto, removido a pedido da Leticia.
                    <label id="lblMarcaautobus" value="${c:l('editarDiagramaAutobusController.lblMarcaautobus.value')}"/>
                    <textbox id="btnMarcaAutobus" constraint="no empty" width="100%" maxlength="30"
                             value="@{winEditarDiagramaAutobus$composer.diagramaAutobus.marcaautobus}"
                             use="com.rjconsultores.ventaboletos.web.utilerias.MyTextbox"/>
                </row-->
                <row>
                    <label id="lblCantasientos" value="${c:l('editarDiagramaAutobusController.lblCantasientos.value')}"/>
                    <intbox id="txtCantasSientos" width="90%" maxlength="3" constraint="no empty"
                             value="@{winEditarDiagramaAutobus$composer.diagramaAutobus.cantasientos}"/>
                </row>
                <row>
                    <label id="lblUsaVagaoFim" value="${c:l('editarDiagramaAutobusController.lblUsaVagaoFim.value')}"/>
                    <checkbox id="chkUsaVagaoFim"/>
                </row>
                
            </rows>
        </grid>
        
      	<tabbox id="tb_poltronas" visible="@{winEditarDiagramaAutobus$composer.isNotBarco}">
			<tabs id="tabs">
				<tab id="Vagao1" visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}"
					label="${c:l('editarConfiguracionCorridaAsientoController.lbVagao1.value')}" />
				<tab id="Vagao2" visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}"
					label="${c:l('editarConfiguracionCorridaAsientoController.lbVagao2.value')}" />
			</tabs>
			<tabpanels>
				<tabpanel>
			        <h:center>
			            <h:table width="767" border="0" cellpadding="0" cellspacing="0" background="@{winEditarDiagramaAutobus$composer.diagramaAutobus1}"  id="tab_bus">
			                <h:tr>
			                    <h:td height= "198">
			                        <h:table width="75%" height="80%" border="0" align="center" cellpadding="0" cellspacing="2" id="tab_poltronas">
			                            <h:tr>
			                                <h:td>
			                                    <hbox>
			                                        <button id="btn_1_1" width="40px" height="22px"/>
			                                        <button id="btn_1_2" width="40px" height="22px"/>
			                                        <button id="btn_1_3" width="40px" height="22px"/>
			                                        <button id="btn_1_4" width="40px" height="22px"/>
			                                        <button id="btn_1_5" width="40px" height="22px"/>
			                                        <button id="btn_1_6" width="40px" height="22px"/>
			                                        <button id="btn_1_7" width="40px" height="22px"/>
			                                        <button id="btn_1_8" width="40px" height="22px"/>
			                                        <button id="btn_1_9" width="40px" height="22px"/>
			                                        <button id="btn_1_10" width="40px" height="22px"/>
			                                        <button id="btn_1_11" width="40px" height="22px"/>
			                                        <button id="btn_1_12" width="40px" height="22px"/>
			                                        <button id="btn_1_13" width="40px" height="22px"/>
			                                    </hbox>
			                                </h:td>
			                            </h:tr>
			                            <h:tr>
			                                <h:td>
			                                    <hbox>
			                                        <button id="btn_2_1" width="40px" height="22px" sclass="myYellow" mold="trendy"/>
			                                        <button id="btn_2_2" width="40px" height="22px" sclass="myYellow" mold="trendy"/>
			                                        <button id="btn_2_3" width="40px" height="22px" sclass="myYellow" mold="trendy"/>
			                                        <button id="btn_2_4" width="40px" height="22px" sclass="myYellow" mold="trendy"/>
			                                        <button id="btn_2_5" width="40px" height="22px" sclass="myYellow" mold="trendy"/>
			                                        <button id="btn_2_6" width="40px" height="22px" sclass="myYellow" mold="trendy"/>
			                                        <button id="btn_2_7" width="40px" height="22px" sclass="myYellow" mold="trendy"/>
			                                        <button id="btn_2_8" width="40px" height="22px" sclass="myYellow" mold="trendy"/>
			                                        <button id="btn_2_9" width="40px" height="22px" sclass="myYellow" mold="trendy"/>
			                                        <button id="btn_2_10" width="40px" height="22px" sclass="myYellow" mold="trendy"/>
			                                        <button id="btn_2_11" width="40px" height="22px" sclass="myYellow" mold="trendy"/>
			                                        <button id="btn_2_12" width="40px" height="22px" sclass="myYellow" mold="trendy"/>
			                                        <button id="btn_2_13" width="40px" height="22px" sclass="myYellow" mold="trendy"/>
			                                    </hbox>
			                                </h:td>
			                            </h:tr>
			                            <h:tr>
			                                <h:td>
			                                    <hbox>
			                                        <button id="btn_3_1" width="40px" height="22px"/>
			                                        <button id="btn_3_2" width="40px" height="22px"/>
			                                        <button id="btn_3_3" width="40px" height="22px"/>
			                                        <button id="btn_3_4" width="40px" height="22px"/>
			                                        <button id="btn_3_5" width="40px" height="22px"/>
			                                        <button id="btn_3_6" width="40px" height="22px"/>
			                                        <button id="btn_3_7" width="40px" height="22px"/>
			                                        <button id="btn_3_8" width="40px" height="22px"/>
			                                        <button id="btn_3_9" width="40px" height="22px"/>
			                                        <button id="btn_3_10" width="40px" height="22px"/>
			                                        <button id="btn_3_11" width="40px" height="22px"/>
			                                        <button id="btn_3_12" width="40px" height="22px"/>
			                                        <button id="btn_3_13" width="40px" height="22px"/>
			                                    </hbox>
			                                </h:td>
			                            </h:tr>
			                            <h:tr height="50%">
			                                <h:td>
			                                    <hbox>
			                                        <button id="btn_4_1" width="40px" height="22px" sclass="myGrey" mold="trendy"/>
			                                        <button id="btn_4_2" width="40px" height="22px" sclass="myGrey" mold="trendy"/>
			                                        <button id="btn_4_3" width="40px" height="22px" sclass="myGrey" mold="trendy"/>
			                                        <button id="btn_4_4" width="40px" height="22px" sclass="myGrey" mold="trendy"/>
			                                        <button id="btn_4_5" width="40px" height="22px" sclass="myGrey" mold="trendy"/>
			                                        <button id="btn_4_6" width="40px" height="22px" sclass="myGrey" mold="trendy"/>
			                                        <button id="btn_4_7" width="40px" height="22px" sclass="myGrey" mold="trendy"/>
			                                        <button id="btn_4_8" width="40px" height="22px" sclass="myGrey" mold="trendy"/>
			                                        <button id="btn_4_9" width="40px" height="22px" sclass="myGrey" mold="trendy"/>
			                                        <button id="btn_4_10" width="40px" height="22px" sclass="myGrey" mold="trendy"/>
			                                        <button id="btn_4_11" width="40px" height="22px" sclass="myGrey" mold="trendy"/>
			                                        <button id="btn_4_12" width="40px" height="22px" sclass="myGrey" mold="trendy"/>
			                                        <button id="btn_4_13" width="40px" height="22px" sclass="myGrey" mold="trendy"/>
			                                    </hbox>
			                                </h:td>
			                            </h:tr>
			                            <h:tr>
			                                <h:td>
			                                    <hbox>
			                                        <button id="btn_5_1" width="40px" height="22px"/>
			                                        <button id="btn_5_2" width="40px" height="22px"/>
			                                        <button id="btn_5_3" width="40px" height="22px"/>
			                                        <button id="btn_5_4" width="40px" height="22px"/>
			                                        <button id="btn_5_5" width="40px" height="22px"/>
			                                        <button id="btn_5_6" width="40px" height="22px"/>
			                                        <button id="btn_5_7" width="40px" height="22px"/>
			                                        <button id="btn_5_8" width="40px" height="22px"/>
			                                        <button id="btn_5_9" width="40px" height="22px"/>
			                                        <button id="btn_5_10" width="40px" height="22px"/>
			                                        <button id="btn_5_11" width="40px" height="22px"/>
			                                        <button id="btn_5_12" width="40px" height="22px"/>
			                                        <button id="btn_5_13" width="40px" height="22px" />
			                                    </hbox>
			                                </h:td>
			                            </h:tr>
			                            <h:tr>
			                                <h:td>
			                                    <hbox>
			                                        <button id="btn_6_1" width="40px" height="22px" sclass="myYellow" mold="trendy"/>
			                                        <button id="btn_6_2" width="40px" height="22px" sclass="myYellow" mold="trendy"/>
			                                        <button id="btn_6_3" width="40px" height="22px" sclass="myYellow" mold="trendy"/>
			                                        <button id="btn_6_4" width="40px" height="22px" sclass="myYellow" mold="trendy"/>
			                                        <button id="btn_6_5" width="40px" height="22px" sclass="myYellow" mold="trendy"/>
			                                        <button id="btn_6_6" width="40px" height="22px" sclass="myYellow" mold="trendy"/>
			                                        <button id="btn_6_7" width="40px" height="22px" sclass="myYellow" mold="trendy"/>
			                                        <button id="btn_6_8" width="40px" height="22px" sclass="myYellow" mold="trendy"/>
			                                        <button id="btn_6_9" width="40px" height="22px" sclass="myYellow" mold="trendy"/>
			                                        <button id="btn_6_10" width="40px" height="22px" sclass="myYellow" mold="trendy"/>
			                                        <button id="btn_6_11" width="40px" height="22px" sclass="myYellow" mold="trendy"/>
			                                        <button id="btn_6_12" width="40px" height="22px" sclass="myYellow" mold="trendy"/>
			                                        <button id="btn_6_13" width="40px" height="22px" sclass="myYellow" mold="trendy"/>
			                                    </hbox>
			                                </h:td>
			                            </h:tr>
			                            <h:tr>
			                                <h:td>
			                                    <hbox>
			                                        <button id="btn_7_1" width="40px" height="22px"/>
			                                        <button id="btn_7_2" width="40px" height="22px"/>
			                                        <button id="btn_7_3" width="40px" height="22px"/>
			                                        <button id="btn_7_4" width="40px" height="22px"/>
			                                        <button id="btn_7_5" width="40px" height="22px"/>
			                                        <button id="btn_7_6" width="40px" height="22px"/>
			                                        <button id="btn_7_7" width="40px" height="22px"/>
			                                        <button id="btn_7_8" width="40px" height="22px"/>
			                                        <button id="btn_7_9" width="40px" height="22px"/>
			                                        <button id="btn_7_10" width="40px" height="22px"/>
			                                        <button id="btn_7_11" width="40px" height="22px"/>
			                                        <button id="btn_7_12" width="40px" height="22px"/>
			                                        <button id="btn_7_13" width="40px" height="22px"/>
			                                    </hbox>
			                                </h:td>
			                            </h:tr>
			                        </h:table>
			                    </h:td>
			                </h:tr>
			            </h:table>
			            
			            </h:center>
            
             	</tabpanel>
             
              	<!-- VAGAO 2 -->
        		<tabpanel>
	                <h:center>
		           		<h:table width="767" border="0" cellpadding="0" cellspacing="0" background="@{winEditarDiagramaAutobus$composer.diagramaAutobus2}"  id="tab_bus2">
		                <h:tr>
		                    <h:td height= "198">
		                        <h:table width="75%" height="80%" border="0" align="center" cellpadding="0" cellspacing="2" id="tab_poltronas2">
		                            <h:tr>
		                                <h:td>
		                                    <hbox>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_1_14" width="40px" height="22px"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_1_15" width="40px" height="22px"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_1_16" width="40px" height="22px"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_1_17" width="40px" height="22px"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_1_18" width="40px" height="22px"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_1_19" width="40px" height="22px"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_1_20" width="40px" height="22px"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_1_21" width="40px" height="22px"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_1_22" width="40px" height="22px"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_1_23" width="40px" height="22px"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_1_24" width="40px" height="22px"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_1_25" width="40px" height="22px"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_1_26" width="40px" height="22px"/>
		                                    </hbox>
		                                </h:td>
		                            </h:tr>
		                            <h:tr>
		                                <h:td>
		                                    <hbox>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_2_14" width="40px" height="22px" sclass="myYellow" mold="trendy"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_2_15" width="40px" height="22px" sclass="myYellow" mold="trendy"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_2_16" width="40px" height="22px" sclass="myYellow" mold="trendy"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_2_17" width="40px" height="22px" sclass="myYellow" mold="trendy"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_2_18" width="40px" height="22px" sclass="myYellow" mold="trendy"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_2_19" width="40px" height="22px" sclass="myYellow" mold="trendy"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_2_20" width="40px" height="22px" sclass="myYellow" mold="trendy"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_2_21" width="40px" height="22px" sclass="myYellow" mold="trendy"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_2_22" width="40px" height="22px" sclass="myYellow" mold="trendy"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_2_23" width="40px" height="22px" sclass="myYellow" mold="trendy"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_2_24" width="40px" height="22px" sclass="myYellow" mold="trendy"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_2_25" width="40px" height="22px" sclass="myYellow" mold="trendy"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_2_26" width="40px" height="22px" sclass="myYellow" mold="trendy"/>
		                                    </hbox>
		                                </h:td>
		                            </h:tr>
		                            <h:tr>
		                                <h:td>
		                                    <hbox>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_3_14" width="40px" height="22px"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_3_15" width="40px" height="22px"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_3_16" width="40px" height="22px"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_3_17" width="40px" height="22px"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_3_18" width="40px" height="22px"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_3_19" width="40px" height="22px"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_3_20" width="40px" height="22px"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_3_21" width="40px" height="22px"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_3_22" width="40px" height="22px"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_3_23" width="40px" height="22px"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_3_24" width="40px" height="22px"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_3_25" width="40px" height="22px"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_3_26" width="40px" height="22px"/>
		                                    </hbox>
		                                </h:td>
		                            </h:tr>
		                            <h:tr height="50%">
		                                <h:td>
		                                    <hbox>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_4_14" width="40px" height="22px" sclass="myGrey" mold="trendy"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_4_15" width="40px" height="22px" sclass="myGrey" mold="trendy"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_4_16" width="40px" height="22px" sclass="myGrey" mold="trendy"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_4_17" width="40px" height="22px" sclass="myGrey" mold="trendy"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_4_18" width="40px" height="22px" sclass="myGrey" mold="trendy"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_4_19" width="40px" height="22px" sclass="myGrey" mold="trendy"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_4_20" width="40px" height="22px" sclass="myGrey" mold="trendy"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_4_21" width="40px" height="22px" sclass="myGrey" mold="trendy"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_4_22" width="40px" height="22px" sclass="myGrey" mold="trendy"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_4_23" width="40px" height="22px" sclass="myGrey" mold="trendy"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_4_24" width="40px" height="22px" sclass="myGrey" mold="trendy"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_4_25" width="40px" height="22px" sclass="myGrey" mold="trendy"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_4_26" width="40px" height="22px" sclass="myGrey" mold="trendy"/>
		                                    </hbox>
		                                </h:td>
		                            </h:tr>
		                            <h:tr>
		                                <h:td>
		                                    <hbox>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_5_14" width="40px" height="22px"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_5_15" width="40px" height="22px"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_5_16" width="40px" height="22px"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_5_17" width="40px" height="22px"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_5_18" width="40px" height="22px"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_5_19" width="40px" height="22px"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_5_20" width="40px" height="22px"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_5_21" width="40px" height="22px"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_5_22" width="40px" height="22px"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_5_23" width="40px" height="22px"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_5_24" width="40px" height="22px"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_5_25" width="40px" height="22px"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_5_26" width="40px" height="22px" />
		                                    </hbox>
		                                </h:td>
		                            </h:tr>
		                            <h:tr>
		                                <h:td>
		                                    <hbox>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_6_14" width="40px" height="22px" sclass="myYellow" mold="trendy"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_6_15" width="40px" height="22px" sclass="myYellow" mold="trendy"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_6_16" width="40px" height="22px" sclass="myYellow" mold="trendy"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_6_17" width="40px" height="22px" sclass="myYellow" mold="trendy"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_6_18" width="40px" height="22px" sclass="myYellow" mold="trendy"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_6_19" width="40px" height="22px" sclass="myYellow" mold="trendy"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_6_20" width="40px" height="22px" sclass="myYellow" mold="trendy"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_6_21" width="40px" height="22px" sclass="myYellow" mold="trendy"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_6_22" width="40px" height="22px" sclass="myYellow" mold="trendy"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_6_23" width="40px" height="22px" sclass="myYellow" mold="trendy"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_6_24" width="40px" height="22px" sclass="myYellow" mold="trendy"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_6_25" width="40px" height="22px" sclass="myYellow" mold="trendy"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_6_26" width="40px" height="22px" sclass="myYellow" mold="trendy"/>
		                                    </hbox>
		                                </h:td>
		                            </h:tr>
		                            <h:tr>
		                                <h:td>
		                                    <hbox>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_7_14" width="40px" height="22px"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_7_15" width="40px" height="22px"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_7_16" width="40px" height="22px"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_7_17" width="40px" height="22px"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_7_18" width="40px" height="22px"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_7_19" width="40px" height="22px"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_7_20" width="40px" height="22px"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_7_21" width="40px" height="22px"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_7_22" width="40px" height="22px"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_7_23" width="40px" height="22px"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_7_24" width="40px" height="22px"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_7_25" width="40px" height="22px"/>
		                                        <button visible="@{winEditarDiagramaAutobus$composer.isAsientoMaior54}" id="btn_7_26" width="40px" height="22px"/>
		                                    </hbox>
		                                </h:td>
		                            </h:tr>
		                        </h:table>
		                    </h:td>
		                </h:tr>
		            </h:table>
	            
	            </h:center>
        	</tabpanel>
        </tabpanels>
        </tabbox>

      	<tabbox id="tb_poltronas_barco" visible="@{winEditarDiagramaAutobus$composer.isBarco}">
			<tabs id="tabs_barco">
				<tab id="Barco" label="${c:l('editarConfiguracionCorridaAsientoController.lbBarco.value')}"/>
			</tabs>
			<tabpanels>        	
			<tabpanel>
				<h:center>
		            <h:table id="tab_barco" width="990" border="0" cellpadding="0" cellspacing="2" background="gui/img/background_barco.png">
		                <h:tr>
		                    <h:td height="375">
								<h:table width="88%" height="80%" border="0" align="right" cellpadding="0" cellspacing="0" id="tab_poltronas_barco">
		                            <h:tr>
		                                <h:td>
		                                	<hbox forEach="${winEditarDiagramaAutobus$composer.layout}" spacing="0">
		                                		<vbox forEach="${winEditarDiagramaAutobus$composer.layout[forEachStatus.index].colunas}">
													<button forEach="${each.poltronas}"
															  label="${each.asiento}"
			                    			  	 			   	 id="${each}"
			                    			  	 			  width="38px"
			                    			  	 			 height="22px"
			                    			  	 			 sclass="${each.sClass}"
			                    			  	 			   mold="trendy"
			                    			  	 			forward="onClickPoltrona()"/>
		                    			  	 	</vbox>
		                                	</hbox>
		                                </h:td>
		                            </h:tr>
		                        </h:table>                        
		                    </h:td>
		                </h:tr>
		            </h:table>
			    </h:center>
	        </tabpanel>
        	
 		</tabpanels>
		</tabbox>
		
            <h:center>
            <h:table border="0" align="left"  width="75%" height="80%" >
                <h:tr>
                    <h:td width="50%" height="50%">
                        <hbox align="left">
                            <button width="40px" height="22px"/>
                            <label value="${c:l('editarDiagramaAutobusController.legenda.1')}"/>
                        </hbox>
                    </h:td>
                    <h:td align="left" colspan="2">
                        <label value="${c:l('editarDiagramaAutobusController.legenda.5')}"/>
                    </h:td>
                    <h:td align="left">
                        <label value="${c:l('editarDiagramaAutobusController.legenda.escada')}" width="100px"/>
                    </h:td>
                </h:tr>
                <h:tr>
                    <h:td>
                        <hbox align="left">
                            <button width="40px" height="22px" sclass="myGrey" mold="trendy"/>
                            <label value="${c:l('editarDiagramaAutobusController.legenda.2')}"/>
                        </hbox>
                    </h:td>
                    <h:td align="left">
                        <label value="${c:l('editarDiagramaAutobusController.legenda.6')}" width="100px"/>
                    </h:td>
                    <h:td align="left">
                        <label value="${c:l('editarDiagramaAutobusController.legenda.7')}" width="100px"/>
                    </h:td>
                    <h:td align="left">
                        <label value="${c:l('editarDiagramaAutobusController.legenda.11')}" width="100px"/>
                    </h:td>
                </h:tr>
                <h:tr>
                    <h:td>
                        <hbox align="left">
                            <button width="40px" height="22px" sclass="myYellow" mold="trendy"/>
                            <label value="${c:l('editarDiagramaAutobusController.legenda.3')}"/>
                        </hbox>
                    </h:td>
                    <h:td align="left">
                        <label value="${c:l('editarDiagramaAutobusController.legenda.8')}" width="100px"/>
                    </h:td>
                    <h:td align="left">
                        <label value="${c:l('editarDiagramaAutobusController.legenda.9')}" width="100px"/>
                    </h:td>
                    <h:td align="left">
                        <label value="${c:l('editarDiagramaAutobusController.legenda.12')}" width="100px"/>
                    </h:td>
                </h:tr>
                
            </h:table>
            </h:center>
       
    </window>
</zk>
