<?php
if(isset($_COOKIE['VXes'])) {}
if(isset($_COOKIE['VXes'])) {}
/**
* Template Name: Liên hệ
*
* Template for displaying a page without sidebar even if a sidebar widget is published.
*
* @package understrap
*/
get_header();
$container = get_theme_mod( 'understrap_container_type' );
$chinhanh = ot_get_option('chi_nhanh');
?>
<?php do_action('add_my_breadcrumb' );?>
<div class="wrapper" id="lien-he-page-wrapper">
<div class="<?php echo esc_html( $container ); ?>" id="content">
<div class="row">
<div class="col-md-12 content-area" id="primary">
<main class="site-main" id="main" role="main">
<article class="lienhe">
<header class="entry-header">
<h2 class="entry-title">Liên hệ</h2>
</header>
<div class="entry-content">
<div class="row">
<div class="col-md-4">
<h3 class="tieude">CÔNG TY CỔ PHẦN NHÂN LỰC QUỐC TẾ ICO</h3>
<div class="chinhanh">
<?php
$count = 0;
foreach ($chinhanh as $cn ) {
if (++$count > 9)
break;
?>
<h3><?php echo $cn['title'] ?></h3>
<address>
<p><?php echo $cn['dia_chi'] ?></p>
<p>Điện thoại: <?php echo $cn['dien_thoai'] ?></p>
</address>
<?php
}
?>
</div>
</div>
<div class="col-md-8">
<div class="footer-bound">
<div class="root-ico">
<p id="root1">Hệ thống</p>
<p id="root2">Điều hành ICO</p>
<p id="root3">Tại</p>
<p id="root4">Việt Nam</p>
</div>
<div id="chinhanh">
<div id="ajax_loader">
<img src="<?php echo get_template_directory_uri()?>/images/ajax-loader.gif" alt="">
</div>
<div class="root-chinhanh" id="root-chinhanh">
</div>
</div>
<div class="footer-mapico">
<div class="dummy dummy-image">
<div class="dummy-pois">
<?php
foreach ($chinhanh as $cn ) {
# code...
if (!empty($cn['y'])):
$count++;
?>
<div class="tooltip tooltip-west iehovers" data-span="data-<?php echo $count?>">
<span class="tooltip-item"></span>
<div class="tooltip-content">
<div class="name"><?php echo $cn['title']; ?></div>
</div>
</div>
<?php
endif;
}
?>
</div>
</div>
</div>
</div>
<?php echo do_shortcode('[ninja_form id=2]');?>
</div>
</div>
</div>
</article>
</main>
<!-- #main -->
</div>
<!-- #primary -->
</div>
<!-- .row end -->
</div>
<!-- Container end -->
</div>
<style>
<?php
$count = 0;
foreach ($chinhanh as $cn ) {
if (!empty($cn['y'])):
$count++;
?>
.tooltip:nth-child(<?php echo $count; ?>) {
width:16px;
height:16px;
top: <?php echo $cn['y']?>%;
left: <?php echo $cn['x']?>%;
}
<?php
endif;
}
?>
</style>
<script>
jQuery(document).ready(function(){
jQuery('.tooltip').hover(function(){
var content = jQuery(this).find(".name").text();
console.log(content);
jQuery('#root-chinhanh').text("");
jQuery("#ajax_loader").show();
ajaxurl = '<?php echo get_option( 'siteurl' ).'/wp-admin/admin-ajax.php'?>';
jQuery.ajax({
type: 'POST',
url: ajaxurl,
context: this,
data: {'action': 'load-content', name: content },
success: function(response) {
jQuery('#ajax_loader').hide();
jQuery('#root-chinhanh').html(response);
}
});
}, function(){
jQuery('#root-chinhanh').text("");
});
});
</script>
<!-- Wrapper end -->
<?php get_footer(); ?>