<?php
session_start();

class Business_profiles_view
{

    public function get_business_profiles_view()
    {
        ?>
<header id="header">
    <div class="logo" style="border:none">
        <img src="images/n-hub-logo.png" style="max-width:100%" />
    </div>
    <div class="content">
        <div class="inner">
            <h1><?php echo $_SESSION["complete_name"]; ?></h1>
            <p style="margin-bottom: 0;"><?php echo $_SESSION["title"]; ?></p>
            <!-- <p> -->
            <?php //echo $_SESSION["department"]; ?>
            <!-- </p> -->
        </div>
    </div>
    <!--
            <ul class="icons">
                <li><a href="#" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
                <li><a href="#" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
                <li><a href="#" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
                <li><a href="#" class="icon brands fa-linkedin"><span class="label">Linkedin</span></a></li>
            </ul>
            -->
    <nav>
        <ul>
            <li><a onclick="makeVCard()" style="cursor:pointer">Add to contacts</a></li>
            <li><a href="https://profiles.n-hub.com/documents/N-HUB_COMPANY_PROFILE.pdf" target="_blank"
                    style="cursor:pointer" download>Company profile</a></li>
        </ul>
        <ul>
            <li style="margin: auto; width: 100%"><a onclick="OpenVideo()" style="cursor:pointer">Video Corporate</a>
            </li>
        </ul>
    </nav>

    <div id="video_container" style="width: 100%; height:100%;position:absolute;top:0;display:none">
        <img src="../../images/close.png" alt="close" style="width: 40px; cursor: pointer; padding-bottom: 15px"
            onclick="CloseVideo()">
        <div style="width:70%; margin:auto">
            <video id="video_corporate" controls style=" width:100%; border-radius: 30px;">
                <source src="https://profiles.n-hub.com/videos/N-HUB_OFFICIAL_VIDEO.mp4" type="video/mp4" />
            </video>
        </div>
    </div>
</header>

<script>
'use strict';

function downloadToFile(content, filename, contentType) {
    const a = document.createElement('a');
    const file = new Blob([content], {
        type: contentType
    });

    a.href = URL.createObjectURL(file);
    a.download = filename;
    a.click();

    URL.revokeObjectURL(a.href);
}

function makeVCard() {
    let vcard = `BEGIN:VCARD
VERSION:3.0

N:<?php echo $_SESSION["surname"]; ?>;<?php echo $_SESSION["name"]; ?>;;;

FN:<?php echo $_SESSION["complete_name"]; ?>

ORG:<?php echo $_SESSION["company"]; ?>;<?php echo $_SESSION["department"]; ?>

TITLE:<?php echo $_SESSION["title"]; ?>

EMAIL;type=INTERNET;type=WORK;type=pref:<?php echo $_SESSION["email"]; ?>

TEL;type=CELL;type=VOICE;type=pref:<?php echo $_SESSION["telephone"]; ?>

TEL;type=WORK;type=VOICE:+39 348 9238519

ADR;type=WORK;type=pref:;;<?php echo $_SESSION["address"]; ?>

URL;type=pref:<?php echo $_SESSION["website"]; ?>

NOTE:N-HUB WAS FORMED FROM THE AMBITION TO CREATE THE MOST EFFECTIVE SYNERGY TO ACHIEVE COMPLEX AND CUSTOM PROJECTS. N-HUB TAKES ITS ENERGY FROM PROFESSIONALISM AND SPECIALISTS TO LOOK FOR NEW CHALLENGES AND GOALS. IT PROPOSES ITSELF AS A TRUSTED PARTNER WITH USE OF A DYNAMIC METHOD AND AN ORGANIZED APPROACH CREATED ON THE REQUESTS OF THE CLIENT. N-HUB MANAGES ALL-IN-ONE MULTI-DISCIPLINARY PROJECTS OF EVERY SCALE.

PHOTO;ENCODING=b;TYPE=JPEG:<?php echo $_SESSION["photo_base64"]; ?>

END:VCARD`;
    downloadToFile(vcard, '<?php echo $_SESSION["complete_name"]; ?>.vcf', 'text/vcard');
}

//downloadEl.addEventListener('click', makeVCard);
//fileEl.addEventListener('change', previewFile);

function CloseVideo() {
    document.querySelector("#video_container").style.display = 'none';
    document.getElementById("video_corporate").pause();
}

function OpenVideo() {
    document.querySelector("#video_container").style.display = 'block';
    document.getElementById("video_corporate").play();
}
</script>
<?php
}
}