<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="theme-color" content="#35A768">
    <title><?= lang('appointment_registered') . ' - ' . $company_name ?></title>

    <link rel="stylesheet" type="text/css" href="<?= asset_url('assets/ext/bootstrap/css/bootstrap.min.css') ?>">
    <link rel="stylesheet" type="text/css" href="<?= asset_url('assets/css/frontend.css') ?>">

    <link rel="icon" type="image/x-icon" href="<?= asset_url('assets/img/favicon.ico') ?>">
    <link rel="icon" sizes="192x192" href="<?= asset_url('assets/img/logo.png') ?>">
</head>
<body>
    <div id="main" class="container">
        <div class="wrapper row">
            <div id="success-frame" class="frame-container
                    col-xs-12
                    col-sm-offset-1 col-sm-10
                    col-md-offset-2 col-md-8
                    col-lg-offset-2 col-lg-8">

                <div class="col-xs-12 col-sm-2">
                    <img id="success-icon" class="pull-right" src="<?= base_url('assets/img/success.png') ?>" />
                </div>
                <div class="col-xs-12 col-sm-10">
                    <?php
                        echo '
                            <h3>' . lang('appointment_registered') . '</h3>
                            <p>' . lang('appointment_details_was_sent_to_you') .' '.'Please check your junk folder'. '</p>'
                            ?>
                            
                            <div id="service-description" style="display:none;"></div><br>
                    
                            <div id="linke" >
                                <p id="linkmillie" ></p><strong><a id="linktoform" href="" target="_blank"></a></strong></p>
                            </div><br>
                            
                            <div id="linke2"  >
                                <p id="linkmillie2"></p></p> <strong><a id="linktoform2" href="" target="_blank"></a></strong>
                            </div><br>
                            
                            <div id="linke3"  >
                                <p id="linkmillie3" ></p> <strong><a id="linktoform3" href="" target="_blank"></a></strong>
                            </div>
                            
                            
                            
                            </div>
            <?php
                            echo '<div style="padding-left: 20pw;"><a  href="' . site_url() . '" class="btn btn-success btn-large">
                                <span class="glyphicon glyphicon-calendar"></span> ' .
                                lang('go_to_booking_page') . '
                            </a></div>
                        ';

                        if ($this->config->item('google_sync_feature')) {
                            echo '
                                <button id="add-to-google-calendar" class="btn btn-primary">
                                    <span class="glyphicon glyphicon-plus"></span>
                                    ' . lang('add_to_google_calendar') . '
                                </button>';
                        }

                        // Display exceptions (if any).
                        if (isset($exceptions)) {
                            echo '<div class="col-xs-12" style="margin:10px">';
                            echo '<h4>Unexpected Errors</h4>';
                            foreach($exceptions as $exc) {
                                echo exceptionToHtml($exc);
                            }
                            echo '</div>';
                        }
                    ?>
                </div>
            </div>
        </div>
    </div>

    <script src="<?= base_url('assets/ext/jquery/jquery.min.js') ?>"></script>
    <script src="<?= base_url('assets/ext/bootstrap/js/bootstrap.min.js') ?>"></script>
    <script src="<?= base_url('assets/ext/datejs/date.js') ?>"></script>
    <script src="https://apis.google.com/js/client.js"></script>

    <script>
        var GlobalVariables = {
            'csrfToken'         : <?= json_encode($this->security->get_csrf_hash()) ?>,
            'appointmentData'   : <?= json_encode($appointment_data) ?>,
            'providerData'      : <?= json_encode($provider_data) ?>,
            'serviceData'       : <?= json_encode($service_data) ?>,
            'companyName'       : <?= json_encode($company_name) ?>,
            'googleApiKey'      : <?= json_encode(Config::GOOGLE_API_KEY) ?>,
            'googleClientId'    : <?= json_encode(Config::GOOGLE_CLIENT_ID) ?>,
            'googleApiScope'    : 'https://www.googleapis.com/auth/calendar'
        };

        var EALang = <?= json_encode($this->lang->language) ?>;
    </script>

    <script src="<?= asset_url('assets/js/frontend_book_success.js') ?>"></script>
    <script src="<?= asset_url('assets/js/general_functions.js') ?>"></script>

    <?php google_analytics_script() ?>
</body>
</html>
