{% set sufixo = isRenovacao is defined and isRenovacao ? '_renovacao' : '' %}
<div class="row" id="listAluguelGroup">
  <div class="col-lg-12 mb-6 mb-xl-0">
    <div class="mt-4">
      <div class="row">
        <div class="col-md-12 col-12">
          <div class="tab-content p-0">
            <div class="tab-pane fade show active" id="list-aluguel-form">
              <form id="formAluguel{{ sufixo }}" novalidate >
                <div class="row">

                  <div class="col-md-6 mb-4">
                    <label class="form-label" for="tipo">Imobiliaria</label>
                    <div class="input-group input-group-merge">
                      <span class="input-group-text"><i class="bx bx-home"></i></span>
                      <select class="form-select" id="idImobiliaria{{ sufixo }}" name="idImobiliaria{{ sufixo }}" required >
                        <option value="">Selecione</option>
                        {% for row in imobiliarias %}
                          <option value="{{ row.idImobiliaria }}" {% if idImobiliaria is defined and idImobiliaria == row.idImobiliaria %}selected{% endif %}>{{ row.nome }}</option>
                        {% endfor %}
                      </select>
                    </div>
                  </div>

                  <div class="col-md-3 mb-4">
                    <label class="form-label" for="valorAluguel{{ sufixo }}">Valor do Aluguel</label>
                    <div class="input-group input-group-merge">
                      <span class="input-group-text">R$</span>
                      <input type="text" class="form-control text-end formataMoeda" id="valorAluguel{{ sufixo }}" name="valorAluguel{{ sufixo }}" value="{{ valorAluguel is defined ? valorAluguel|fmtValorMoeda : '' }}" placeholder="0" required />
                    </div>
                  </div>

                  <div class="col-md-3 mb-4">
                    <label class="form-label" for="taxaAdm{{ sufixo }}">Taxa Administrativa</label>
                    <div class="input-group input-group-merge">
                      <span class="input-group-text"><i class="bx bx-calculator"></i></span>
                      <input type="text" class="form-control text-end limitaNumero" id="taxaAdm{{ sufixo }}" name="taxaAdm{{ sufixo }}" value="{{ taxaAdm ?? '' }}" placeholder="0" required />
                      <span class="input-group-text">%</span>
                    </div>
                  </div>

                  <div class="col-md-3 mb-4">
                    <label class="form-label" for="dtInicioContrato{{ sufixo }}">Início do Contrato</label>
                    <div class="input-group">
                      <input type="date" class="form-control" id="dtInicioContrato{{ sufixo }}" name="dtInicioContrato{{ sufixo }}" value="{{ (isRenovacao is defined and isRenovacao) ? '' : dtInicioContrato ?? '' }}" required />
                    </div>
                  </div>

                  <div class="col-md-3 mb-4">
                    <label class="form-label" for="dtFimContrato{{ sufixo }}">Término do Contrato</label>
                    <div class="input-group">
                      <input type="date" class="form-control" id="dtFimContrato{{ sufixo }}" name="dtFimContrato{{ sufixo }}" value="{{ (isRenovacao is defined and isRenovacao) ? '' : dtFimContrato ?? '' }}" required />
                    </div>
                  </div>

                  <div class="col-md-3 mb-4">
                    <label class="form-label" for="diaVencimentoAluguel{{ sufixo }}">Dia do Vencimento do Aluguel</label>
                    <div class="input-group">
                      <select class="form-select" id="diaVencimentoAluguel{{ sufixo }}" name="diaVencimentoAluguel{{ sufixo }}" required>
                        <option value="">Selecione</option>
                        {% for i in 1..31 %}
                          <option value="{{ i }}" {{ diaVencimentoAluguel is defined and diaVencimentoAluguel == i ? 'selected' : '' }}>
                            {{ i }}
                          </option>
                        {% endfor %}
                      </select>
                    </div>
                  </div>

                  <div class="col-md-3 mb-4">
                    <label class="form-label" for="diaRepasse{{ sufixo }}">Dia do Repasse</label>
                    <div class="input-group">
                      <select class="form-select" id="diaRepasse{{ sufixo }}" name="diaRepasse{{ sufixo }}" required>
                        <option value="">Selecione</option>
                        {% for i in 1..31 %}
                          <option value="{{ i }}" {{ diaRepasse is defined and diaRepasse == i ? 'selected' : '' }}>
                            {{ i }}
                          </option>
                        {% endfor %}
                      </select>
                    </div>
                  </div>

                  <div class="col-md-12 mb-4">
                    <label class="form-label">Inquilino</label>
                    <div class="input-group input-group-merge">
                      <span class="input-group-text"><i class="icon-base bx bx-user"></i></span>
                      <input type="text" class="form-control" name="nomeInquilino{{ sufixo }}" value="{{ nomeInquilino|default('') }}" placeholder="Nome do Inquilino" required />
                    </div>
                  </div>

                </div>

                <div class="row">
                  <div class="col-12 mb-4">
                    <label class="form-label" for="obsAluguel{{ sufixo }}">Observação</label>
                    <div class="input-group input-group-merge">
                      <span class="input-group-text"><i class="bx bx-comment"></i></span>
                      <textarea class="form-control" id="obsAluguel{{ sufixo }}" name="obsAluguel{{ sufixo }}" rows="3" placeholder="Observações">{{ obsAluguel ?? '' }}</textarea>
                    </div>
                  </div>
                </div>

                <div class="row">
                  <div class="col-12 mb-2">
                    <button type="submit" class="btn btn-primary float-end mt-2 buttonSalvarAluguel{{ sufixo }} " data-situacao="{{ situacao }}" data-idimovel="{{ idImovel }}" data-idaluguel="{{ idAluguel ?? '' }}" data-renova="{{ sufixo }}" >Salvar</button>
                  </div>
                  {% if isRenovacao is defined and isRenovacao %}
                    <div class="col-12 mb-2">
                      <div class="text-end text-warning small">
                        <i class="bx bx-info-circle"></i>
                        Ao salvar, o aluguel atual será finalizado automaticamente para iniciar a renovação.
                      </div>
                    </div>
                  {% endif %}
                </div>

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