<div class="criacao-top">
    <h2>Convide seus amigos!</h2>
    <p>Convide seus amigos! Sua confraria precisa ter no mínimo 4 pessoas, incluindo você!</p>

    <span class="hidden" data-title-2>Convide seus amigos!</span>
    <span class="hidden" data-subtitle-2>Convide seus amigos! Sua confraria precisa ter no mínimo 4 pessoas, incluindo você!</span>

    <div class="criacao-steps">
        <div class="step1 finished">
            <span>1</span>
        </div>
        <div class="step2 active">
            <span>2</span>
            <span class="step-final"><img src="/img/site/final-step-conf.svg" alt="Final"></span>
        </div>
    </div>
</div>

<form id="form-cadastro-conf" class="step-box active" data-step="2">
    <input type="hidden" name="nome_conf" value="{{ $confraria->nome }}">
    <div class="criacao-content">
        <div class="criacao-content-left">
            <div class="conf-timeline-item">
                <figure>
                    <img src="/img/site/conf-item-2.svg" alt="Convide seus amigos">
                </figure>
                <strong>Convide seus amigos</strong>
                <p>
                    @if($oferta_kit_confraria)
                    Incluindo {{ $info->min_membros_confraria }} confrades que efetuem uma compra mínima de R$ {{ number_format($info->valor_minimo_meta_kit_confraria, 2, ',', '.') }}, sua confraria ganha uma coleção no valor de @if($oferta_kit_confraria) {{ number_format($oferta_kit_confraria->preco_oferta, 2, ',', '.')}} @else 500,00 @endif 
                    @else
                    Na Vinumday os confrades participam de graça, ganham bônus, cashback <strong>de até 5%</strong> em todas as compras.
                    @endif
                    <i class="conf-info"><img src="/img/site/conf-info.svg"> 
                        <span class="tooltip-large">
                            A origem da palavra "Confraria" é a junção da expressão em latim  "com"  cujo a 
                            tradução é junto unida a "frater"que significa irmão. Por isso, é sinônimo de 
                            irmandade! Não se faz uma confraria só, é preciso juntar os amigos unidos pelo 
                            vinho. 
                            Acompanhe as regras do Cashback @if(isset($oferta_kit_confraria))e para bonificação do Kit degustação @endif em <a style="color: #e0583f; font-weight: bold;" href="{{ url('/confraria#faq') }}">Perguntas Frequentes</a>
                            <!--No lançamento da Confraria Vinumday preparamos uma coleção incrível para o 
                            próximo encontro com seus confrades. E esse conjunto de vinhos no valor 
                            aproximado de R$ @if($oferta_kit_confraria)no valor de R$ {{ number_format($oferta_kit_confraria->preco_oferta, 2, ',', '.')}} @endif
                            pode ser da sua Confraria a custo zero se você adotar os seguintes passos:
                            - Adicionar à sua confraria no mínimo  {{ ($info->min_membros_confraria > 0 ? $info->min_membros_confraria : 4)}} Confrades que ainda não possuam cadastro 
                            na Vinumday através do link de convite;
                            - Os 4 novos cadastrados devem fazer uma compra de qualquer produto do site de 
                            no mínima R$ {{ ($info->valor_minimo_meta_kit_confraria > 0 ? number_format($info->valor_minimo_meta_kit_confraria, 2, ',', '.') : '500,00')}} cada;
                            - Pronto! O cumprimento desses passos será validado pela nossa plataforma, e após
                            esse processo, a coleção será adicionada a sua Confraria.-->
                        </span>
                    </i>
                </p>
            </div>
        </div>
        <div class="criacao-content-right">
            <h3>Convidar por e-mail:</h3>

            <div class="list-inputs">
                <div class="input-box">
                    <div class="label-box">
                        <label>E-mail do seu amigo <span>1</span>:</label>
                    </div>
                    <input type="email" name="convites[]" placeholder="Digite o e-mail">
                    <img src="/img/site/del-conf.svg" class="delete-conf">
                </div>

                <div class="input-box">
                    <div class="label-box">
                        <label>E-mail do seu amigo <span>2</span>:</label>
                    </div>
                    <input type="email" name="convites[]" placeholder="Digite o e-mail">
                </div>

                <div class="input-box">
                    <div class="label-box">
                        <label>E-mail do seu amigo <span>3</span>:</label>
                    </div>
                    <input type="email" name="convites[]" placeholder="Digite o e-mail">
                </div>

                <div class="btn-text" data-add-amigo>
                    <img src="/img/site/plus-conf.svg" alt="Adicionar outro amigo">
                    <span>Adicionar outro amigo</span>
                </div>
            </div>

            <h3>Convidar por link:</h3>
            <div class="input-box">
                <div class="label-box">
                    <label>Link compartilhável:</label>
                </div>
                <input type="hidden" name="codigo" value="{{ $codigo }}" />
                <input type="text" class="copy-link-input" readonly value="{{ $link }}">
            </div>
            <div class="btn-text" data-copy-link>
                <img src="/img/site/copy-conf.svg" alt="Copiar link">
                <span>Copiar link</span>
            </div>
        </div> 
    </div>

    <div class="criacao-bottom criacao-step-2">
        <!-- <span class="secondary-bottom" id="btnBackStep01">Voltar</span> -->
        <button id="submitConf" type="button" class="btn-action btn-conf">ENVIAR CONVITES <img src="/img/site/next-btn-conf.svg" alt="Enviar Convites"></button>
        <button id="accessConf" type="button" class="btn-action btn-conf">ACESSAR CONFRARIA <img src="/img/site/next-btn-conf.svg" alt="Acessar Confraria"></button>
    </div>
</form>