<!-- popup mid -->
<?php if(lighthouse()): ?>
<div id="popup-mid-center">
    <div class="popup-mid-chat">
        <a href="<?php echo LIVE_CHAT ?>">
            <img src="<?php echo get_template_directory_uri() ?>/image/popup-chat.png" class="anhchinh">
            <h2>Bác sĩ đang yêu cầu được chát với bạn</h2>
        </a>
        <div class="group-popup-tuvan-chat">
            <div class="item-popup-tuvan"><a href="<?php echo LIVE_CHAT ?>">Tư vấn</a></div>
            <div class="item-popup-tuvan1"><a class="closepp">Từ chối</a></div>
            <div style="clear:both"></div>
        </div>
    </div>
</div>

    <style>
        #popup-mid-center {z-index: 999999;display: none;position: fixed;width: 100%;height: 100%;top: 0;left: 0;background-color: rgba(0, 0, 0, 0.7);}.popup-mid-chat {position: relative;top: 22%;width: 100%;height: 100%;text-align: center;}.popup-mid-chat h2 {font-size: 15px;text-align: center;color: white;}.group-popup-tuvan-chat {margin-top: 20px;display: flex;justify-content: center;}.group-popup-tuvan-chat a {padding: 5px 36px;border-radius: 5px;border: 1px solid gray;color: white !important;margin: 0 3px;}.item-popup-tuvan {display: inline-block;}.item-popup-tuvan a {background: #f00;font-weight: 700;overflow: hidden;}.item-popup-tuvan1 {display: inline-block;}.item-popup-tuvan1 a {background: #206d67;font-weight: 700;}
    </style>


    <script language="javascript">
    jQuery("#popup-mid-center").hide().delay(5000).fadeIn();
    $('.closepp').click(function() {

        $('#popup-mid-center').hide();

        setTimeout(function() {

            jQuery("#popup-mid-center").fadeIn();

        }, 10000);
    });
    </script>
    <?php endif;?>