<?php
$video = "video-thankyou-fr.mp4";
    include "../common/header.php";
    $countryCode = null;
    if (isset($_GET['country']) && $_GET['country'] != "") {
        $countryCode = strtolower($_GET['country']);
    }
$hideLanguageDropdown = true;
?>
<?php
    include("../common/top_nav.php");
?>
<style>
    .page-thankyou .step-holder .step-title{
        line-height: normal;
    }
</style>
<script src="js/app/ThankyouPageController.js?v=<?php echo filemtime(__DIR__ . '/../js/app/ThankyouPageController.js'); ?>"></script>
<script type="text/javascript">
    $(function () {
        window.countryCode = "<?php echo $countryCode ?>";
    });
</script>
<main class="page page-thankyou" ng-controller="ThankyouPageController as tpc">
    <div class="container">
        <div class="headline">
            <h1>
                Toutes nos félicitations!
            </h1>
            <h2>
                Vous êtes tout près de changer de vie et de bâtir un nouvel avenir de richesse et d'indépendance.
            </h2>
        </div>

		<div class="complete-container">
            <div class="row">
                <div class="col-xl-10 offset-xl-1">
                    <h3>
                        Regardez cette petite vidéo pour découvrir la suite:
                    </h3>
                    <div class="deposit-video-container">
                        <div class="embed-responsive embed-responsive-16by9">
<!--                            <div class="deposit-video"></div>-->
                            <video class="video-js vjs-default-skin vjs-big-play-centered vjs-show-big-play-button-on-pause video"
                                   id="my-video">
                            </video>
                        </div>
                    </div>
                    <div class="row ty2-steps">
                        <div class="col-md-7 step-holder clearfix">
                            <div class="icon-holder">
                                <img class="img-fluid" src="images/icon-laptop.png" alt="">
                            </div>
                            <div class="step-title">Votre SÉCURITÉ est notre priorité</div>
                            <p>
                                Comme déterminé par son statut réglementaire, prend des mesures strictes pour protéger les fonds des clients et leur vie privée
                            </p>
                        </div>
                        <div class="col-md-5 step-holder clearfix">
                            <div class="icon-holder">
                                <img class="img-fluid" src="images/icon-dolars.png" alt="">
                            </div>
                            <div class="step-title">Options de paiement élevées</div>
                            <p>
                                Offre jusqu'à 85% de retour par transaction réussie
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <button href="#" class="btn btn-claim" ng-click="tpc.goToDepositPage($event)" ng-hide="tpc.requestInProgress">
                CLIQUEZ ICI POUR COMMENCER À TRADER
            </button>
            <div class="row">
                <div class="col-xl-11">
                    <div class="help-section">
                        <div class="image-call">
                            <img src="images/rect-jane-doe.png" class="img-fluid center-block" alt="">
                        </div>
                        <p >
                            Après que vous ayez cliqué sur le bouton <strong>Cliquez ici pour commencer à trader</strong>, un expert vous contactera (gratuitement) dès que possible pour vous assister tout au long du processus. Attendez-vous à ce que notre représentant vous contacte dans les 24 heures. N'ayez pas peur quand vous verrez un long numéro ou un numéro étrange, c'est notre représentant.
                        </p>
                    </div>
                </div>
            </div>
            <div class="intro-basement">
                <div class="row align-items-center">
                    <ul class="intro-basement-logos col-12 col-xl">
                        <li>
                            <img src="public/logos/logo-ssl.png" class="img-responsive" alt="">
                        </li>
                        <li>
                            <img src="public/logos/logo-norton.png" class="img-responsive" alt="">
                        </li>
                        <li>
                            <img src="public/logos/logo-verisign.png" class="img-responsive" alt="">
                        </li>
                        <li>
                            <img src="public/logos/logo-mcafee.png" class="img-responsive" alt="">
                        </li>
                        <li>
                            <img src="public/logos/logo-secured.png" class="img-responsive" alt="">
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</main>
<?php
include('../common/footer.php');
include('../common/footer_end.php');
?>