<?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="winBusquedaTarjetaViaje"?>
<?taglib uri="http://www.zkoss.org/dsp/web/core" prefix="c"?>

<zk xmlns="http://www.zkoss.org/2005/zul">
    <window id="winBusquedaTarjetaViaje" title="${c:l('busquedaTarjetaViajeController.window.title')}"
            apply="${busquedaTarjetaViajeController}" contentStyle="overflow:auto"
            height="500px" width="1350px" border="normal" >
        <toolbar>
            <button id="btnRefresh" image="/gui/img/refresh.png" width="35px"
                    tooltiptext="${c:l('busquedaPuntoVentaController.btnRefresh.tooltiptext')}" />
            
            <separator orient="vertical" />
            <button id="btnCerrar" onClick="winBusquedaTarjetaViaje.detach()" image="/gui/img/exit.png" width="35px"
                    tooltiptext="${c:l('busquedaPuntoVentaController.btnCerrar.tooltiptext')}"/>
        </toolbar>
        
        <grid fixedLayout="true">
            <columns>
                <column  />
                <column />
                <column  />
                <column  />
            </columns>
            <rows>
                <row>
                    <label value="${c:l('busquedaTarjetaViajeController.lhFechainicial.label')}"/>
                    <datebox id="fecInicio" format="dd/MM/yyyy HH:mm" width="65%" mold="rounded" 
                    constraint="no empty"/>
                    <label value="${c:l('busquedaTarjetaViajeController.lhAutobusIni.label')}" width="5%"/>
                    <intbox id="autobusIni" width="30%" />
                </row>
                <row>
                    <label value="${c:l('busquedaTarjetaViajeController.lhFechafinal.label')}"/>
                    <datebox id="fecFinal" format="dd/MM/yyyy HH:mm" width="65%" mold="rounded" 
                    constraint="no empty"/>
                    <label value="${c:l('busquedaTarjetaViajeController.lhAutobusFin.label')}" width="5%"/>
                    <intbox id="autobusFin" width="30%"/>
                </row>
                <row spans="0,0,0,4">
                    <label value="${c:l('busquedaTarjetaViajeController.lhEmpresa.label')}"/>
                    <combobox id="cmbEmpresa" use="com.rjconsultores.ventaboletos.web.utilerias.MyComboboxEstandar"
                              mold="rounded" buttonVisible="true" width="65%"
                              model="@{winBusquedaTarjetaViaje$composer.lsEmpresa}"/>
                </row>
            </rows>
        </grid>

        <toolbar  width="1800px">
            <button id="btnPesquisa" image="/gui/img/find.png"
                label="${c:l('busquedaPuntoVentaController.btnPesquisa.label')}"/>
        </toolbar>

        <listbox id="tarjetaViajeList" use="com.rjconsultores.ventaboletos.web.utilerias.MyListbox"
                 vflex="true" multiple="false" mold="paging" pagingPosition="top" pageSize="15"
                 width="1800px">
            <listhead sizable="true">
                <listheader sort="auto(tarjetaviajeId)"
                    label="${c:l('lb.id')}" width="5%" />
                <listheader sort="auto(empresa.nombempresa)"
                    label="${c:l('busquedaTarjetaViajeController.lhEmpresa.label')}" width="5%" />
                <listheader sort="auto(autobus.numautobus)"
                    label="${c:l('busquedaTarjetaViajeController.lhAutobus.label')}" width="5%" />
                <listheader sort="auto(fecHorSalida)"
                    label="${c:l('busquedaTarjetaViajeController.lhFecha.label')}" width="5%" />
                <listheader sort="auto(foliotarjetaviaje)"
                    label="${c:l('busquedaTarjetaViajeController.lhFolio.label')}" width="5%" />
                <listheader
                    label="${c:l('busquedaTarjetaViajeController.lhOrigenAut.label')}" width="5%" />
                <listheader
                    label="${c:l('busquedaTarjetaViajeController.lhDestinoAut.label')}" width="5%" />
                <listheader
                    label="${c:l('busquedaTarjetaViajeController.lhTipo.label')}" width="5%" />
                <listheader
                    label="${c:l('busquedaTarjetaViajeController.lhKmsAutobus.label')}" width="5%" />
                <listheader
                    label="${c:l('busquedaTarjetaViajeController.lhCorrida.label')}" width="5%" />
                <listheader
                    label="${c:l('busquedaTarjetaViajeController.lhServicio.label')}" width="5%" />
                <listheader
                    label="${c:l('busquedaTarjetaViajeController.lhOperador1.label')}" width="5%" />
                <listheader
                    label="${c:l('busquedaTarjetaViajeController.lhOrigenOp1.label')}" width="5%" />
                <listheader
                    label="${c:l('busquedaTarjetaViajeController.lhDestinoOp1.label')}" width="5%" />
                <listheader
                    label="${c:l('busquedaTarjetaViajeController.lhKmsOp1.label')}" width="5%" />
                <listheader
                    label="${c:l('busquedaTarjetaViajeController.lhOperador2.label')}" width="5%" />
                <listheader
                    label="${c:l('busquedaTarjetaViajeController.lhOrigenOp2.label')}" width="4%" />
                <listheader
                    label="${c:l('busquedaTarjetaViajeController.lhDestinoOp2.label')}" width="4%" />
                <listheader
                    label="${c:l('busquedaTarjetaViajeController.lhKmsOp2.label')}" width="4%" />
                <listheader
                    label="${c:l('busquedaTarjetaViajeController.status.label')}" width="4%" />
                <listheader
                    label="${c:l('busquedaTarjetaViajeController.lhFolioRef.label')}" width="4%" />
            </listhead>
        </listbox>
    </window>
</zk>
