<input type="hidden" class="qtd_leads" data-qtd_leads="<?php e($qtd_leads) ?>">

<div class="d-flex justify-content-center">
    <div class="col-md-10">
        <div class="card">
            <div class="card-header">Enviar mensagem - Lista</div>
            <div class="card-body">
                <div class="card">
                    <a class="text-decoration-none" data-toggle="collapse" href="#leads" role="button" aria-expanded="false" aria-controls="leads">
                        <div class="card-header bg-info">Leads que receberão a mensagem:</div>
                    </a>
                    <div class="card-body collapse" id="leads">
                        <div class="table-container table-responsive">
                            <table class="display table table-striped table-bordered" id="table_leads_receber_msg" style="width:100%">
                                <thead>
                                    <tr>
                                        <th>Nome</th>
                                        <th>E-mail</th>
                                        <th>Telefone</th>
                                        <th>Interesse</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <?php if(!empty($leads)){ ?>
                                    <?php foreach($leads as $ld){ ?> 
                                    <tr class="trData" >
                                        <td><?php e($ld->nome??'') ?></td>
                                        <td><?php e($ld->email??'') ?></td>
                                        <td><?php e($ld->telefone??'') ?></td>
                                        <td><?php e($ld->tipo_imovel??'') ?></td>
                                    </tr>
                                    <?php } } ?>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <p class="col-md-10 mt-3">Total de leads que receberão a mensagem: <b><?php e($qtd_leads??0) ?></b></p>
                </div>
                <ul class="nav nav-tabs" id="myTab1" role="tablist">
                    <li class="nav-item">
                        <a class="nav-link active" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false">
                            <strong><i class="fa fa-whatsapp text-success"></i> Pelo Whatsapp</strong>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">
                            <strong><i class="fa fa-envelope-o text-primary"></i> Por E-mail</strong>
                        </a>
                    </li>
                </ul>
                <div class="tab-content" id="myTab1Content">
                    <div class="tab-pane fade show active" id="profile" role="tabpanel" aria-labelledby="profile-tab">
                        <div class="card card-accent-primary">
                            <div class="card-header">Formulário de envio</div>
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-lg-5">
                                        <form id="form_enviar_whats">
                                            <input type="hidden" name="id_lista" value="<?php e($id_lista) ?>">
                                            <input type="hidden" name="qtd_leads" value="<?php e($qtd_leads) ?>">
                                            <input type="hidden" name="id_config" value="<?php e($log_whats_config->id_config??'') ?>">
                                            
                                            
                                            <div class="form-group">
                                                <label>Imagem</label>
                                                <input type="text" name="imagem" class="form-control" value="<?php e($log_whats_config->imagem??'') ?>">
                                            </div>
                                            <div class="form-group">
                                                <label>Link</label>
                                                <input type="text" name="link" class="form-control" value="<?php e($log_whats_config->link??'') ?>">
                                            </div>
                                            <div class="form-group">
                                                <label>Título da mensagem para Whatsapp</label>
                                                <input type="text" name="titulo" class="form-control" value="<?php e($log_whats_config->titulo??'') ?>">
                                            </div>
                                            <div class="form-group">
                                                <label>Mensagem para Whatsapp *</label>
                                                <textarea name="mensagem"class="form-control" rows="10" placeholder="Mensagem" required="required"><?php if($log_whats_config == null){ ?>Olá {nome}!
Tenho um convite especial para você.
No dia xx de xx, xxxxxx, o Grupo xxxx estará realizando a rodada de negócios do xxx.
É uma oportunidade única para conhecer o empreendimento mais seguro do xxx e fechar um excelente negócio.
Você é o nosso convidado especial. Te esperamos lá.
Clique no link abaixo para saber mais informações.<?php }else{ e($log_whats_config->mensagem??''); } ?></textarea>
                                            </div>
                                            <div>
                                                <div class="msgEnviar"></div>
                                                <div class="form-group text-right">
                                                    <button type="submit" id="btn_salvar_msg_whats" class="btn btn-primary btn_salvar_msg_whats">
                                                        Salvar MSG
                                                    </button>
                                                    <button type="button" id="btn_enviar_whats" class="btn btn-success btn_enviar_whats <?php e($log_whats_config == null ? 'd-none' : '') ?>">
                                                        Enviar
                                                    </button>
                                                </div>
                                            </div>
                                            
                                        </form>
                                        <div class="result_whats"></div>
                                    </div>
                                    <div class="offset-lg-1 col-lg-6">
                                        <a class="btn btn-secondary mb-2" data-toggle="collapse" href="#instrucao_whatsapp" role="button" aria-expanded="true" aria-controls="instrucao_whatsapp">
                                            <i class="fa fa-info-circle" aria-hidden="true"></i> Instruções
                                        </a>
                                        <div class="collapse show" id="instrucao_whatsapp">
                                            <div class="card card-body">
                                                <p>- (*) Campos são obrigatórios</p>
                                                <p>- O campo Link deverá possuir o link da mensagem.</p>
                                                <p>- O campo Título deverá possuir o título da mensagem, que será marcado em negrito no whatsapp.</p>
                                                <p>
                                                    - O campo Mensagem para Whatsapp, além de possuir a mensagem que deseja enviar, deverá possuir uma tag {nome} para indicar onde vai o nome do lead na mensagem.
                                                </p>
                                                <p><strong>Por exemplo:</strong><br>
                                                   Olá {nome}<br>
                                                   Tenho um convite especial para você...
                                                </p>
                                                <p><strong>No Whatsapp ficará assim:</strong></p>
                                                
                                                <div class="card text-white bg-success">
                                                    <div class="card-body">
                                                        <blockquote class="card-bodyquote">
                                                            <p><strong>'Título digitado'</strong><br><br>
                                                            Olá 'primero nome do lead'!<br>
                                                            Tenho um convite especial para você...<br>
                                                            Clique no link abaixo para saber mais informações.<br><br>
                                                            'link'</p>
                                                        </blockquote>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="card card-accent-primary">
                            <div class="card-header">Resultado do envio</div>
                            <div class="card-body">
                                <div class="table-container table-responsive">
                                    <table class="display table table-striped table-bordered" style="width:100%">
                                        <thead>
                                            <tr>
                                                <th>ID</th>
                                                <th>Nome</th>
                                                <th>Telefone</th>
                                                <th>Data do Envio</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                        <?php if(!empty($log_whats)){ ?>
                                            <?php foreach($log_whats as $lw) { ?>    
                                            <tr class="trData" >
                                                <td><?php e($lw->id??''); ?></td>
                                                <td><?php e($lw->captura->nome??''); ?></td>
                                                <td><?php e($lw->telefone??''); ?></td>
                                                <td><?php e(substr(converte_datahora($lw->enviado_em,1),0,-3)??''); ?></td>
                                            </tr>
                                            <?php } ?>
                                        <?php } ?>   
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="home" role="tabpanel" aria-labelledby="home-tab">
                        <div class="card card-accent-primary">
                            <div class="card-header">Formulário de envio</div>
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-lg-5">
                                        <form id="form_enviar_email">
                                            <input type="hidden" name="id_lista" value="<?php e($id_lista) ?>">
                                            <input type="hidden" name="qtd_leads" value="<?php e($qtd_leads) ?>">
                                            
                                            <div class="form-group">
                                                <label>Link corretor(a)</label>
                                                <input type="text" name="link_corretor" class="form-control">
                                            </div>
                                            <div class="form-group">
                                                <label>UIID da Newsletter</label>
                                                <input type="text" name="uuid_campanha" class="form-control" required="required">
                                            </div>
                                            <div>
                                                <div class="msgEnviar"></div>
                                                <div class="form-group text-right">
                                                    <button type="submit" id="btn_enviar_email" class="btn btn-primary btn_enviar_email">
                                                        Enviar
                                                    </button>
                                                </div>
                                            </div>
                                            
                                        </form>
                                        <div class="result_email"></div>
                                    </div>
                                    <div class="offset-lg-1 col-lg-6">
                                        <a class="btn btn-secondary mb-2" data-toggle="collapse" href="#instrucao_email" role="button" aria-expanded="true" aria-controls="instrucao_email">
                                            <i class="fa fa-info-circle" aria-hidden="true"></i> Instruções
                                        </a>
                                        <div class="collapse show" id="instrucao_email">
                                            <div class="card card-body">
                                                <p>- O campo Link corretor(a) deverá possuir o link do convite.</p>
                                                <p>- O campo UIID da Newsletter deverá possuir o uuid da campanha da newsletter. Confira a configuração do e-mail <a href="<?php e(base_url("newsletter/painel/campanhas"))?>" target="_blank">aqui</a>. Entre e pesquise por UIID.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="card card-accent-primary">
                            <div class="card-header">Resultado do envio</div>
                            <div class="card-body">
                                <div class="table-container table-responsive">
                                    <table class="display table table-striped table-bordered" style="width:100%">
                                        <thead>
                                            <tr>
                                                <th>Email</th>
                                                <th>Id campanha</th>
                                                <th>Enviado</th>
                                                <th>Abriu</th>
                                                <th>Clicou</th>
                                                <th>Enviado em</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>