<?php
/**
 * Magento Chatbot Integration
 * Copyright (C) 2018
 *
 * This file is part of Werules/Chatbot.
 *
 * Werules/Chatbot is free software: you can redistribute it and/or modify
 * it under the terms of the MIT License.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 * MIT License for more details.
 *
 * You should have received a copy of the MIT License
 * along with this program. If not, see <https://opensource.org/licenses/MIT>.
 */
?>
<!--<style>-->
<!--    #werules-messenger-box {-->
<!--        position: fixed;-->
<!--        display: block;-->
<!--        z-index: 999;-->
<!--        bottom: 20px;-->
<!--        right: 30px;-->
<!--        cursor: pointer;-->
<!--    }-->
<!---->
<!--    #werules-messenger-box:hover .werules-messenger-icon img{-->
<!--        transform:scale(1.1, 1.1);-->
<!--        -webkit-transform:scale(1.1, 1.1);-->
<!--        -moz-transform:scale(1.1, 1.1);-->
<!--    }-->
<!---->
<!--    .werules-messenger-icon img {-->
<!--        width: 60px;-->
<!--        filter: drop-shadow(2px 6px 4px rgba(0,0,0,.3));-->
<!--        -webkit-filter: drop-shadow(2px 6px 4px rgba(0,0,0,.3));-->
<!--    }-->
<!---->
<!--    .werules-tiptext{-->
<!--        width: 120px;-->
<!--        background-color: white;-->
<!--        color: #2c2c2c; ;-->
<!--        text-align: center;-->
<!--        padding: 5px 0;-->
<!--        border: 1px solid #eeeeee;-->
<!--        border-radius: 6px;-->
<!--        position: fixed;-->
<!--        bottom: 30px;-->
<!--        right: 100px;-->
<!--        text-transform: uppercase;-->
<!--        filter: drop-shadow(2px 6px 4px rgba(0,0,0,.3));-->
<!--        -webkit-filter: drop-shadow(2px 6px 4px rgba(0,0,0,.3));-->
<!--    }-->
<!---->
<!--    .werules-tiptext:after{-->
<!--        content: "";-->
<!--        position: absolute;-->
<!--        top: 50%;-->
<!--        left: 100%;-->
<!--        margin-top: -5px;-->
<!--        border-width: 5px;-->
<!--        border-style: solid;-->
<!--        border-color: transparent transparent transparent #eeeeee;-->
<!--    }-->
<!---->
<!--    @media (max-width: 480px)-->
<!--    {-->
<!--        .werules-mobilehidden{-->
<!--            display: none;-->
<!--        }-->
<!--    }-->
<!--</style>-->
<?php //$fbChatUrl = "http://web.telegram.org"; ?>
<!--<div id="werules-messenger-box">-->
<!--    <!-- code from https://gist.github.com/tomcritchlow/493774b09b02e31d1184d7cda926c659 -->-->
<!--    <a href="--><?php //echo $fbChatUrl; ?><!--" target="_blank" onclick="OpenChatInNewTab();">-->
<!--        <div class="werules-messenger-icon">-->
<!--            <img src="--><?php //echo $this->getViewFileUrl('Werules_Chatbot::image/messenger-icon.png'); ?><!--"/>-->
<!--            <span class="werules-tiptext werules-mobilehidden">--><?php //echo __("Message us"); ?><!--</span>-->
<!--        </div>-->
<!--    </a>-->
<!--</div>-->
<script>
//    function OpenChatInNewTab() {
//        var screenwidth = screen.width;
//        var screenheight = window.innerHeight;
//        window.open('<?php //echo $fbChatUrl; ?>//', '_blank', 'directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no,width=500,height=' + screenheight + ',left=' + (screenwidth - 500));
//    }
</script>