<style type="text/css">
.product h1 {
	font-size:26px;
	margin-bottom:35px;
}
.btnContactSubmit {
    display: inline-block;
    height: 40px;
    line-height: 39px;
    padding: 0 20px;
    text-align: center;
    white-space: nowrap;
    outline: none !important;
    cursor: pointer;
    border: none;
    background: #fe3300;
    margin-top: 15px;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0;
    -webkit-transition: background-color 0.1s ease-in;
    -moz-transition: background-color 0.1s ease-in;
    -ms-transition: background-color 0.1s ease-in;
    -o-transition: background-color 0.1s ease-in;
    transition: background-color 0.1s ease-in;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.contact {
	margin-bottom:15px;
}
</style>
<div class="breadcrumb_nobackground margin-bottom-40">
    <section class="bread-crumb margin-bottom-10">
        <div class="container">
            <div class="row">
                <div class="col-xs-12">
                    <ul class="breadcrumb" itemscope itemtype="https://schema.org/BreadcrumbList">
                        <li class="home" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a itemprop="item" href="<?=site?>" title="Trang chủ"> <span itemprop="name">Trang chủ</span></a> <span>
                            <meta itemprop="position" content="1" />
                            <i class="fa fa-angle-right"></i></span> </li>
                        <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <strong> <span itemprop="name">Liên hệ</span></strong>
                            <meta itemprop="position" content="2" /></li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
</div>
<section class="product">
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-12 col-lg-6 col-md-6 form-vertical clearfix">
                <h1>Liên hệ với chúng tôi</h1>
                <form accept-charset="UTF-8" action="<?=site?>lien-he.html" class="contact-form" method="post">
                    <input name="csrf" type="hidden" value="<?=$csrf?>">
                    <label for="lb_cusname" class="hidden-label">Họ tên của bạn</label>
                    <input type="text" id="lb_cusname" class="input-full" name="lb_cusname" placeholder="" autocapitalize="words" value="">
                    <label for="lb_address" class="hidden-label">Địa chỉ</label>
                    <input type="text" id="lb_address" class="input-full" name="lb_address" placeholder="" autocapitalize="words" value="">
                    <label for="nb_phone" class="hidden-label">Số điện thoại</label>
                    <input type="tel" id="nb_phone" class="input-full" name="nb_phone" placeholder="" pattern="[0-9\-]*" value="">
                    <label for="lb_cusmail" class="hidden-label">Email của bạn</label>
                    <input type="email" id="lb_cusmail" class="input-full" name="lb_cusmail" placeholder="" autocorrect="off" autocapitalize="off" value="">
                    <label for="lb_content" class="hidden-label">Nội dung</label>
                    <textarea rows="8" id="lb_content" class="input-full" name="lb_content" placeholder="Nội dung"></textarea>
                    <input type="submit" class="btn right btnContactSubmit" name="bt_submit" value="Gửi tin nhắn">
                </form>
            </div>
            <?php $cfg = get_cauhinh(); ?>
            <div class="col-xs-12 col-sm-12 col-lg-6 col-md-6">
                <div class="contact text-left">
                    <h3> <?=$cfg->site_name?> </h3>
                    <div class="contact-info"> Địa chỉ: <?=$cfg->site_address?> </div>
                    <div class="contact-info"> Điện thoại: <a href="tel:<?=$cfg->site_phone?>"><?=$cfg->site_phone?></a><!--<?php if($cfg->site_phone){?> - Hotline: <a href="tel:<?=$cfg->site_phone?>"><?=$cfg->site_phone?></a><?php }?>--></div>
                    <div class="contact-info"> Email: <a href="mailto:<?=$cfg->site_email?>" rel="nofollow"><?=$cfg->site_email?></a> </div>
                    <div class="contact-info"> GPKD: <?=$cfg->gpkd?> - MST: <?=$cfg->mst?> </div>
                </div>
                <div id="largeMap" style="height: 450px; position: relative; overflow: hidden;">
					<script type="text/javascript">
                    function initMap(){
                        var latitude = parseFloat(10.7992335) ;
                        var longitude = parseFloat(106.6289781) ;
                        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>
</section>