<style>
  .paddingSelectPadrao {
    padding-top: 21px;
  }

  .selectMultiple {
    height: 250px;
    size: 20px;
  }

  .widthSelectCulturas {
    width: 120px;
  }

  .widthSelectUsuario {
    width: 419px;
  }

  .widthSelectProdutos {
    width: 180px;
  }

  .widthSelectUfs {
    width: 50px;
  }
</style>
<form class="formDefault" method="post">
  <div id="tabs">
    <ul>
      <li>
        <a href="#tab-gestao">Gestão de Comissão</a>
      </li>
    </ul>

    <div class="geral">
      <div id="tab-gestao">
          <?= $this->title('Dados da Gestão') ?>
        <div class="padding-10">
          <div class="hide"><?= $this->form->id ?></div>
          <div class="row"><?= $this->form->ds_nome_safra ?></div>
          <div class="row"><?= $this->form->ds_descricao ?></div>
          <div class="row"><?= $this->form->vl_comissao ?></div>
        </div>

        <?= $this->title('Relacionar Culturas e Corretores/Sublogins') ?>
        <div class="padding-10">
          <div style="float: left">
            <fieldset>
              <legend>Culturas</legend>
              <table>
                <tr>
                  <td class="paddingSelectPadrao">
                    <select name="id_cultura_list[]" id="id_cultura_list" multiple="multiple" class="selectMultiple widthSelectCulturas">
                        <?php
                        foreach ($this->culturas as $id => $cultura) {
                            ?>
                          <option value="<?= $id ?>" title="<?= $cultura ?>"><?= $cultura ?></option>
                            <?php
                        }
                        ?>
                    </select>
                  </td>
                  <td>
                    <button id="bttToRightCultura" type="button">»</button>
                    <br/><br/>
                    <button id="bttToLeftCultura" type="button">«</button>
                  </td>
                  <td class="paddingSelectPadrao">
                    <select name="id_cultura_salvar[]" id="id_cultura_salvar" multiple="multiple"
                            class="selectMultiple widthSelectCulturas">
                    </select>
                  </td>
                </tr>
              </table>
            </fieldset>
          </div>

          <div style="float: left">
            <fieldset>
              <legend>Produtos</legend>
              <table>
                <tr>
                  <td class="paddingSelectPadrao">
                    <select name="id_produto_list[]" id="id_produto_list" multiple="multiple" class="selectMultiple widthSelectProdutos">
                        <?php
                        foreach ($this->produtos as $id => $produto) {
                            ?>
                          <option value="<?= $id ?>" title="<?= $produto ?>"><?= $produto ?></option>
                            <?php
                        }
                        ?>
                    </select>
                  </td>
                  <td>
                    <button id="bttToRightProduto" type="button">»</button>
                    <br/><br/>
                    <button id="bttToLeftProduto" type="button">«</button>
                  </td>
                  <td class="paddingSelectPadrao">
                    <select name="id_produto_salvar[]" id="id_produto_salvar" multiple="multiple"
                            class="selectMultiple widthSelectProdutos">
                    </select>
                  </td>
                </tr>
              </table>
            </fieldset>
          </div>

          <div style="float: left">
            <fieldset>
              <legend>UF</legend>
              <table>
                <tr>
                  <td class="paddingSelectPadrao">
                    <select name="id_uf_list[]" id="id_uf_list" multiple="multiple" class="selectMultiple widthSelectUfs">
                        <?php
                        foreach ($this->ufs as $id => $uf) {
                            ?>
                          <option value="<?= $id ?>" title="<?= $uf ?>"><?= $uf ?></option>
                            <?php
                        }
                        ?>
                    </select>
                  </td>
                  <td>
                    <button id="bttToRightUf" type="button">»</button>
                    <br/><br/>
                    <button id="bttToLeftUf" type="button">«</button>
                  </td>
                  <td class="paddingSelectPadrao">
                    <select name="id_uf_salvar[]" id="id_uf_salvar" multiple="multiple"
                            class="selectMultiple widthSelectUfs">
                    </select>
                  </td>
                </tr>
              </table>
            </fieldset>
          </div>

          <div style="float: left;">
            <fieldset>
              <legend>Corretor/Sublogins</legend>
              <table>
                <tr>
                  <td colspan="3">
                    <label><b>Corretor:</b></label>
                    <select id="corretor" style="width: 341px">
                        <?php
                        foreach ($this->corretores as $idUsuario => $corretor) {
                            ?>
                          <option value="<?= $idUsuario ?>" data-id-corretor="<?= $corretor['id'] ?>"><?= $corretor['nome'] ?></option>
                            <?php
                        }
                        ?>
                    </select>
                  </td>
                </tr>
                <tr>
                  <td>
                    <select name="id_usuario_list[]" id="id_usuario_list" multiple="multiple" class="selectMultiple widthSelectUsuario">
                    </select>
                  </td>
                  <td>
                    <button id="bttToRightUsuario" type="button">»</button>
                    <br/><br/>
                    <button id="bttToLeftUsuario" type="button">«</button>
                  </td>
                  <td>
                    <select name="id_usuario_salvar[]" id="id_usuario_salvar" multiple="multiple"
                            class="selectMultiple widthSelectUsuario">
                    </select>
                  </td>
                </tr>
              </table>
            </fieldset>
          </div>

        </div>
      </div>
    </div>

    <ul id="buttons" class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
      <li><button name="salvar" id="salvar" type="button">Salvar</button></li>
    </ul>
  </div>
</form>