<?php
$mostrarCheckbox = 'show';

if (!Agro_Util::checkPermission('comercializacao:taxacar:excluirpropriedadesrelacionadascheckbox')) {
    $mostrarCheckbox = 'hide';
}

?>
<script type="text/javascript" src="/resources/jquery/jquery.agro.js"></script>
<script type="text/javascript" src="/resources/javascript/produto/rotinas.js"></script>
<script type="text/javascript" src="/resources/jquery/jquery.upload.js"></script>
<script type="text/javascript" src="/resources/javascript/comercializacao/relacionarcar.js"></script>

<fieldset style="padding:0;">
  <legend>Informe o CAR</legend>
  <form id="formCar" method="post" style="padding:0;margin:0;background:#FFFFFF;">
    <input type="hidden" name="tipo" id="tipo" value="<?= $this->tipo ?>"/>
    <input type="hidden" name="id_taxa_agrupamento" id="id_taxa_agrupamento" value="<?= $this->id_taxa_agrupamento ?>"/>

    <div class="geral">
      <div class="row">
        <div class="field">
          <label>Informe o número da propriedade (CAR)</label>
          <input type="text" class="input-numero-car" name="ds_car" id="ds_car" size="50"/>
        </div>
        <div class="field">
          <label>Informe a produtividade esperada</label>
          <input type="text" name="vl_produtividade_esperada" id="vl_produtividade_esperada" value="" maxlength="20"
                 size="25">
        </div>

        <div class="field">
          <button type="button" name="bttSalvarCar" style="margin-top:8px;" id="bttSalvarCar">Salvar</button>
          <button type="button" style="margin-top:8px;" id="bttExcluirSelecionados" class="<?=$mostrarCheckbox?>">Excluir Selecionados</button>
        </div>
      </div>
    </div>
  </form>
</fieldset>

<fieldset style="padding:0;" id="carRelacionados">
  <legend>Propriedades Relacionadas</legend>
  <form method="post" id="formDesmarcarCar" style="padding:0;margin:0;background:#FFFFFF;">
    <input type="hidden" name="tipo" id="tipo" value="<?= $this->tipo ?>"/>
    <input type="hidden" name="id_taxa_agrupamento" value="<?= $this->id_taxa_agrupamento ?>"/>

    <div style="overflow:auto;height:200px;">
      <table width="100%" cellpadding="5" cellspacing="1" class="grid_gray">
        <thead>
        <tr>
          <th style="padding-top: 5px" class="<?=$mostrarCheckbox?>">
            <input type="checkbox" id="checkSelecionarTodos"/>
          </th>
          <th>Propriedades Relacionadas</th>
          <th>Produtividade Esperada</th>
          <th>Ações</th>
        </tr>
        </thead>
        <tbody id="list-car-relacionados">
        <? if ($this->carRelacionados->count()): ?>
            <? foreach ($this->carRelacionados as $car): ?>
            <tr id="car_<?php echo $car->id ?>">
              <td style="text-align:center;" class="<?=$mostrarCheckbox?>">
                <input type="checkbox" name="check<?= $car->id ?>" class="checkPropriedades" value="<?= $car->id ?>"/>
              </td>
              <td style="text-align:center;"><?php echo Agro_Util::carDisplayValue($car->ds_car) ?></td>
              <td style="text-align:center;"><?php echo number_format($car->vl_produtividade_esperada, 3) ?></td>
              <td>
                <a href="#" title="Deletar" data-id-car="<?php echo $car->id ?>"
                   data-ds-car="<?php echo $car->ds_car ?>" class="icon_delete_car icon_form">
                  <img src="/resources/imagens/mini/0.png" border="0">
                </a>
              </td>
            </tr>
            <? endforeach; ?>
        <? else: ?>
          <tr>
            <td colspan="2">Nenhuma propriedade relacionada.</td>
          </tr>
        <? endif; ?>
        </tbody>
      </table>
    </div>
  </form>
</fieldset>

<fieldset style="padding:0;" id="carRelacionar">
  <legend>Importar Propriedades (.csv)</legend>
  <form id="formRelacionarCarDeArquivo" method="post" enctype="multipart/form-data">
    <dl class="zend_form">
      <dd>
        <input type="file" accept=".csv" name="files-car[]" id="files-car" multiple="multiple" style="padding: 10px;">
        <button id="btn-importar-car" type="button"
                class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button"
                aria-disabled="false">
          <span>Importar</span>
        </button>
        <img src="/resources/imagens/icon/help.png" border="0" id="help">
        <div id="tip" class="espacamento_superior" style="display: none;">
          A primeira linha do arquivo deve conter o cabeçalho com as colunas 'numero_car', 'vl_produtividade_esperada':
          <br>
          <span>
					<img src="/resources/imagens/exemplo-importacao-car.png" height="75px" border="0">
				</span>
        </div>
      </dd>
    </dl>
  </form>
</fieldset>

<script>
  let el = document.getElementById('vl_produtividade_esperada');

  el.addEventListener('change', function () {
    this.value = parseFloat(this.value).toFixed(3);
  });
</script>