imoveis.jsp

<%@ include file="../init.jsp" %>

<!-- Simulador de Consorcios -->
<!-- IMOVEIS -->
<!-- URL - /simuladores/consorcios?p_p_id=consorcios_WAR_portalsicoobinternetsp&p_p_lifecycle=0&p_p_state=normal&p_p_mode=view&_consorcios_WAR_portalsicoobinternetsp_redirect=imoveis -->

<portlet:renderURL var="home">
    <portlet:param name="redirect" value="home"/>
</portlet:renderURL>

<h2>Simulador de Consórcios - Imóveis</h2>

<form id="formSimulacao" autocomplete="off">

    <!-- Step 1 -->
    <div class="step active" id="step1">

        <div class="row">

            <div class="col-md-12 pt-3 mb-3">
                <button id="voltar" name="voltar" class="btn btn-primary" type="button" onclick="portletHome()">Voltar</button>
            </div>

        </div>

       <div class="row">

            <div style='display: none;' id="radioDivSegmento" class="col-md-6">
                <input type="radio" id="imoveis" name="segmento" value="IMOVEIS" checked>
            </div>

        </div>

        <div class="row">

            <div id="radioDiv" class="col-md-3">
                <input type="radio" id="credito" name="tipo" value="CREDITO" checked>
                <label for="credito">Valor do crédito</label>
                <input type="radio" id="parcela" name="tipo" value="PARCELA">
                <label for="parcela">Valor da parcela</label>
            </div>

        </div>

        <div class="row">

            <div class="col-md-3">
                <label class="w-100" for="valorBem">Digite o valor do bem ou serviço<span>*</span></label>
                <input id="valorBem" name="valorBem" value="140000"/>
            </div>

        </div>

        <div class="row">

            <div class="col-md-12 pt-3 mb-3">
                <button type="submit" id="verOpcoes" name="verOpcoes" class="btn btn-primary">Ver opções</button>
            </div>

        </div>

        <div id="divMensagens">
            <div class="row">
                <div class="col-md-8">
                    <div id="mensagem-erro" class="alert alert-danger" style="display:none;">
                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M12 20C16.4187 20 20 16.4187 20 12C20 7.58125 16.4187 4 12 4C7.58125 4 4 7.58125 4 12C4 16.4187 7.58125 20 12 20ZM12 8C12.4156 8 12.75 8.33437 12.75 8.75V12.25C12.75 12.6656 12.4156 13 12 13C11.5844 13 11.25 12.6656 11.25 12.25V8.75C11.25 8.33437 11.5844 8 12 8ZM13 15C13 15.5531 12.5531 16 12 16C11.4469 16 11 15.5531 11 15C11 14.4469 11.4469 14 12 14C12.5531 14 13 14.4469 13 15Z" fill="#DA1414"></path>
                        </svg>
                        <span class="message"><strong>Ocorreu um erro ao realizar a Simulação.</span>
                    </div>
                </div>
            </div>
        </div>

    </div>

    <!-- Step 2 -->
    <div class="step" id="step2">

        <div class="row">
            <div class="btn-container">
                <button id="prevBtn" name="prevBtn" class="btn btn-primary" type="button" onclick="goToPrevStep()">Voltar</button>
            </div>
        </div>

        <div style='display: none;' id="resultados" class="mt-4 mb-5">
            <table class="table table-striped">
                <thead>
                    <tr>
                        <th class="table-title text-center" scope="col" colspan="12">
                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M18 5C19.1031 5 20 5.89531 20 7V17C20 18.1031 19.1031 19 18 19H6C4.89531 19 4 18.1031 4 17V7C4 5.89531 4.89531 5 6 5H18ZM11 12V9H6V12H11ZM6 14V17H11V14H6ZM13 17H18V14H13V17ZM18 12V9H13V12H18Z" fill="#00A091"/>
                            </svg>
                            <span>Resultados</span>
                        </th>
                    </tr>
                    <tr>
                        <th>Valor</th>
                        <th>Parcelas(1 a 6)¹</th>
                        <th>Demais Parcelas²</th>
                        <th>Prazo</th>
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>

        <div style='display: none;' id="sumarioComposicao" class="mt-4 mb-5">
            <p>Composição das parcelas no período:</p>
            <div id="composicaoDados">
            </div>
        </div>

        <div class="row">

            <div class="col-md-12 pt-3 mb-3">
                 <button type="button" id="nextBtn" name="nextBtn" class="btn btn-primary" onclick="goToNextStep()">Quero contratar</button>
            </div>

        </div>

    </div>

    <!-- Step 3 -->
    <div class="step" id="step3">

        <div class="row">
            <div class="btn-container">
                <button id="prevBtn" name="prevBtn" class="btn btn-primary" type="button" onclick="goToPrevStep()">Voltar</button>
            </div>
        </div>

        <div class="row">
            <div class="btn-container">
                <button id="voltar" name="voltar" class="btn btn-primary" type="button" onclick="openNewAccount()">
                    Abra sua conta
                </button>
            </div>
            <div class="btn-container">
                <button id="voltar" name="voltar" class="btn btn-primary" type="button" onclick="alreadyMember()">
                    Já sou associado
                </button>
            </div>
        </div>
    </div>

</form>

<script type="text/javascript">
    let $portletURLRedirectHome = "<%=home%>";
</script>