<div class="row d-flex justify-content-center">
    <div class="col-lg-8">
        <div class="row">
            <div class="col-lg-6 text-center mt-4">
                <?php echo $url; ?>
                <br><br>
                <a href="#" class="btn-qrcode">Problemas ao ler o QRCode?</a>
            </div>
            <div class="col-lg-6 mt-4">
                <p><b>1º</b> - Baixe o app <b>Google Authenticator</b> na sua loja de app.</p>
                <p><b>2º</b> - Escolha a opção "Ler um codigo de barras".</p>
                <p><b>3º</b> - Aponte para o QRCode e em seguida digite o codigo 6 digitos no campo abaixo.</p>
                <p><b>4º</b> - Apos o envio você será redirecionao novamente a plataforma e um codigo será solicitado toda vez que realizar um login.</p>
                <div>
                    <a target="_blank" href="https://play.google.com/store/apps/details?id=com.google.android.apps.authenticator2&hl=pt_BR">
                        <img src="<?php echo base_url('themes/comdono/img/button_play_store.png')?>" height="39" width="131"/>
                    </a>
                    <a href="https://apps.apple.com/br/app/google-authenticator/id388497605" target="_blank">
                        <img src="<?php echo base_url('themes/comdono/img/button_app_store.png')?>" height="39" width="131"/>
                    </a>
                </div>
            </div>
        </div>
        <div class="row mt-4">
            <div class="col-lg-6">
                <form id="google_auth" autocomplete="off">
                    <div id="label" style="display:none;">
                        <div class="form-group">
                            <label for="secret_auth">Chave Secreta:</label>
                            <div class="btn-copiar actCopiar" data-toggle="tooltip" data-original-title="Clique e Copie Codigo.">Copiar</div> 
                            <input type="text" name="secret_auth" value="<?php echo $secret; ?>" required="required">
                        </div>
                    </div>
                    <div class="form-group mt-2">
                        <label for="code_auth">Código de Autenticação:</label>
                        <input class="form-control" type="text" name="code_auth" placeholder="Digite o Codigo" required="required">
                    </div>
                    
                    <div class="form-group mt-2 text-right">
                        <button class="btn btn-primary" type="submit">Verificar</button>
                    </div>
                    
                </form>
                <div class="result" style="margin-top: 10px;"></div>
            </div>
            <div class="col-lg-6">
                <div class="cod_incorreto" style="display: none;">
                    <div class="alert alert-warning alert-dismissible fade show" role="alert">
                        <h5>FAQ - ERROS</h5>
                        <p><b>1º</b> - Verifique se a data e hora do seu app está sincronizado com o Google Authenticator.</p>
                        <p><b>2º</b> - Selecione a opção <b><i class="fa fa-ellipsis-v" aria-hidden="true"></i></b> no canto superior direito do App.</p>
                        <p><b>3º</b> - Selecione a opção <b>"Configurações"</b> e em seguida selecione <b>"Correção de horas para codigos".</b></p>
                        <p><b>4º</b> - Escolha a opção "Sincronizar Agora" e Pronto, tente cadastrar um codigo novamente.</p>
                        <p><b>CASO O ERRO PERSISTA PROCURE A EQUIPE DE TI</b></p>
                    </div>
                </div>
                <div class="qr_code_read_erro" style="display: none;">
                    <div class="alert alert-warning alert-dismissible fade show" role="alert">
                        <h5>FAQ - ADIÇÃO MANUAL DE CODIGO</h5>
                        <p><b>1º</b> - No app selecione a opção "Digitar uma chave fornecida", opção que se encontra no botão vermelho com simbolo de <b>+</b> no canto inferior direito. </p>
                        <p><b>2º</b> - Na tela de inserção manual digite um nome qualquer para identificar que esse chave é do comdono</p>
                        <p><b>3º</b> - Insira a <b>Chave Secreta</b> que no campo "Sua Chave" do seu App.</p>
                        <p><b>4º</b> - Escolha a opção "De acordo com o horário" e em seguida aperte o botão adicionar.</p>
                        <p><b>5º</b> - Insira seu codigo de 6 digitos, no campo "Digite o codigo".</p>
                        <p><b>CASO O ERRO PERSISTA PROCURE A EQUIPE DE TI</b></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>