<?php
/**
 * Template Name: Liên hệ
 * Description: giao diện trang liên hệ.
 *
 * @package MTWTeam
 */

get_header(); ?>
<style type="text/css">
.lienhe {
	background:#FFF;
}
.lienhe p input[type=text], .lienhe p textarea{
	width:100%;
}
#primary {
    padding: 15px 15px 0 0;
}
.lienhe label {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: bold;
    width: 100%;
}
.wpcf7-form-control {
	width:100%;
}
#primary input[type=text], #primary input[type=email], #primary textarea {
    width: 100%;
    margin-top: 3px;
    padding: 3px;
}
#primary input[type=submit] {
    background: #bf8008;
    color: #FFF;
    padding: 8px 20px;
    border-radius: 5px;
    box-shadow: none;
    width: auto;
}	
.lienhe h3, .lienhe h2, .lienhe h1 {
	font-weight:bold;
}
#largeMap {
	border:2px solid #CCC;
	margin-bottom:15px;
}
</style>
<div class="container">
	<div class="breadcrumb">
    	<?php if ( function_exists( 'yoast_breadcrumb' ) ) {
				yoast_breadcrumb( '<div id="breadcrumbs">', '</div>' );
			}
		?>
    </div>
	<div class="row">
    	<div class="col-md-6 col-xs-12">
    		<div class="lienhe"><?php echo do_shortcode('[contact-form-7 id="4" title="Liên hệ"]');?></div>
    	</div>
        <div class="col-md-6 col-xs-12">
    		<p><strong>CÔNG TY SIÊU THỊ MÁY ASIA</strong></span></p>
            <p><strong>Địa chỉ: 1172 Mỹ Phước Tân Vạn, Phú Lợi, Thủ Dầu Một, Bình Dương</strong></p>
            <p>Chăm sóc khách hàng: <strong>0901 552 984 (Mr. Chí)</strong></p>
            <p>Mail: <a href="mailto:sieuthimayasia@gmail.com">sieuthimayasia@gmail.com</a></p>
            <p>Khiếu nại dịch vụ: 0902 644 388 (Mr. Thắng)</p>
            <p>------------------------------------------------------------------------------------</p>
            <div id="largeMap" style="height: 400px; position: relative; overflow: hidden;">
			<script type="text/javascript">
            function initMap(){
                var latitude = parseFloat(10.34567) ;
                var longitude = parseFloat(106.67890,21) ;
                if((latitude ==null) || (longitude == null)) 
                    $('.hotel-detail-map').css('display','none');
                else{
                    var position = {lat: latitude, lng: longitude};
                    var map = new google.maps.Map(document.getElementById('largeMap'), {
                        center: position,
                        zoom: 16
                    });
                    var marker = new google.maps.Marker({position: position, map: map});
                    $('.hotel-detail-map').css('display','blolk');
                }
            }
            </script>
            <script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA4CP_fZlh1Rm-FKbfQ_vLY49-5PlM-zKY&callback=initMap" type="text/javascript"></script>
</div>

    	</div>
    </div>
</div>

<?php
get_footer();