  <!-- início Modal Login Operador -->
  <div class="modal fade" id="modalEndereco" tabindex="-1" aria-labelledby="modalEndereco" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="modalEnderecoLabel">Informe o Endereço</h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <form action="/endereco/create/" class="form-group" method="post">
        <input id="idClienteEndereco" name="idCliente" hidden maxlength="32" type="text"> 
        <div class="modal-body">
          <p>Selecione o Estado:</p>
          <div class="input-group mb-3">
            <span class="input-group-text" id="basic-addon1"><i class="bi bi-compass"></i></span>
            <select name="estado" required class="form-select" aria-label="Default select example">
              <option></option>
              <% if (arrlistaEstadosBrasileiros != undefined) { %>
                <% arrlistaEstadosBrasileiros.forEach(e => { %>
                  <option value="<%= e.sigla  %>"><%= e.nome  %> - <%= e.sigla  %></option>
                <% }) %>
               
              <% } %>
            </select>
        </div>
            <div class="input-group mb-3">
                <span class="input-group-text" id="basic-addon1"><i class="bi bi-map"></i></span>
                <input maxlength="100" name="cidade" type="text" class="form-control" required required placeholder="Informe a Cidade" aria-label="Informe a Cidade" aria-describedby="client-city">
            </div>

            <div class="input-group mb-3">
              <span class="input-group-text" id="basic-addon1"><i class="bi bi-geo-alt"></i></span>
              <input type="text" name="logradouro" class="form-control" required placeholder="Informe a rua ou avenida" aria-label="Informe a rua ou avenida" aria-describedby="client-street">
            </div>

            
            <div class="input-group mb-3">
              <span class="input-group-text">Nº</span>
              <input type="text" name="numero" class="form-control" required placeholder="20A" aria-label="210A">
              <span class="input-group-text">CEP</span>
              <input type="text" name="cep" class="form-control cep" required placeholder="53110-080" aria-label="53110-080">
            </div>
            
            <div class="input-group mb-3">
              <span class="input-group-text" id="basic-addon1"><i class="bi bi-pin-map"></i></span>
              <input type="text" name="complemento" class="form-control" required placeholder="Complemento, ex: Bloco 04, Quadra 61, AP 404" aria-describedby="basic-addon1">
            </div>

            <div class="input-group mb-3">
              <span class="input-group-text" id="basic-addon1"><i class="bi bi-signpost-split"></i></span>
              <input type="text" name="pontoReferencia" class="form-control" required placeholder="Ponto de referência" aria-label="Informe um ponto de referência" aria-describedby="basic-addon1">
            </div>
        </div>
        <div class="modal-footer">
          <button type="submit" class="btn btn-success"><i class="be bi-check"></i> Salvar</button>
        </div>

        </form>
      </div>
    </div>
  </div>
  <!-- início Modal Login Operador -->
