<?php include "assets/header.php";
?>
<div class="container">
   <div id="carousel-main" class="carousel slide" data-ride="carousel" style="padding:0;margin-bottom:30px;">
	  <ol class="carousel-indicators">
		<li data-target="#carousel-main" data-slide-to="0" class="active"></li>
		<li data-target="#carousel-main" data-slide-to="1"></li>
	  </ol>
	  <div class="carousel-inner" role="listbox">
		<div class="item active">
		  <img src="assets/img/service/service1.jpg" width="100%">
		  <div class="carousel-caption">
			...
		  </div>
		</div>
		<div class="item">
		  <img src="assets/img/service/service2.jpg" width="100%">
		  <div class="carousel-caption">
			...
		  </div>
		</div>
		<div class="item">
		  <img src="assets/img/service/service3.jpg" width="100%">
		  <div class="carousel-caption">
			...
		  </div>
		</div>
	  </div>
	  <a class="left carousel-control" href="#carousel-main" role="button" data-slide="prev">
		<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
		<span class="sr-only">Previous</span>
	  </a>
	  <a class="right carousel-control" href="#carousel-main" role="button" data-slide="next">
		<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
		<span class="sr-only">Next</span>
	  </a>
	</div>

	<div class="row">
		<div class="col-sm-1 hidden-xs"></div>
		<div class="col-xs-6 col-sm-5 service-left" style="margin-bottom: 20px;">
			<img src="assets/img/service/bt1.jpg" width="100%">
		</div>
		<div class="col-xs-6 col-sm-5 service-right" style="">
			<img src="assets/img/service/bt2.jpg" width="100%">
		</div>
		<div class="col-sm-1 hidden-xs"></div>
	</div>
	<div class="row" style="margin-top: 20px">
		<div class="col-xs-12" style="" align="center">
			<p class="service-text-service" style="margin-bottom: 5px;">Our Services</p>
			<p style="font-size: 16px;color: #999;">An Extraordinary Service Is Our Mission</p>
		</div>
	</div>
	<div class="row" style="padding-bottom:30px;margin-top: 0px;">
    	<div class="col-xs-4 temp-service">
    		<img src="assets/img/apple service.jpg" style="padding:0px;" width="100%" onClick="query('apple1','service-sub');">
    	</div>
        <div class="col-xs-4 temp-service">
        	<img src="assets/img/samsung service.jpg" style="padding:0px;" width="100%" onClick="query('ss','service-sub');">
        </div>
        <div class="col-xs-4 temp-service">
        	<img src="assets/img/smartphone service.jpg" style="padding:0px;" width="100%" onClick="query('other','service-sub');">
        </div>
    </div>
    <div class="row" style="margin-top: 20px">
		<div class="col-xs-12" style="" align="center">
			<p class="service-text-service" style="margin-bottom: 5px;line-height: 30px;">Which service do you need?</p>
			<p style="font-size: 16px;color: #999;">So Much More Than Cell Phone Repair</p>
		</div>
	</div>
   <span id="service-sub"></span>
    <span id="service-detail"></span>
    <div class="row" style="margin-top: 80px;">
    	
    	<div class="col-xs-12 col-sm-6" style="border-right: solid 1px #eaeaea;">
    		<p style="font-size: 12px;letter-spacing: 3px;line-height: 2px;margin-bottom: 0; ">YUKIFIX</p>
			<p style="font-size: 36px;line-height: 48px;color: #333;">Why Choose Us.</p>
			<p>- มีรับประกันงานซ่อมสูงสุด 1 ปี</p>
			<p>- ประสบการณ์งานซ่อมมือถือมากกว่า 5 ปี</p>
			<p>- มีความเชี่ยวชาญงานซ่อมหน้าจอมือถือ</p>
			<p>- เครื่องมือมาตรฐานโรงงาน</p>
			<p>- คัดสรรอะไหล่คุณภาพสูงเท่านั้น</p>
			<p>- บริการรวดเร็ว รอรับเครื่องได้เลย</p>
			<p>- ไม่ต้องสำรองข้อมูล</p>
    	</div>
    	<?php
		$i=1;
		$post = array();
		$s="select * from post_list order by post_id desc";
		$q=mysql_query($s);
		$a=mysql_affected_rows();
		while($f=mysql_fetch_array($q)){
			$post[$i]['name'] = $f['post_name'];
			//echo $post[$i]['name'];
			$i++;
			
		}
		$i=1;
		?>
    	<div class="col-xs-12 col-sm-6 service-review">
    		<div class="row">
    			<p style="font-size: 12px;letter-spacing: 3px;line-height: 2px;margin-bottom: 0; ">&nbsp;</p>
				<p class="service-text-review" style="color: #333;position: absolute;z-index: 1;">What People Say About Us</p>
				<div id="carousel-main" class="carousel slide" data-ride="carousel">
				  <ol class="carousel-indicators">
				  <?php
				for($i==1;$i<=$a;$i++){
					$j=$i-1;
					if($i==1){
						?><li data-target="#carousel-main" data-slide-to="<?=$j?>" class="active"></li><?php
					}else{
						?><li data-target="#carousel-main" data-slide-to="<?=$j?>"></li><?php
					}
				}	  
					?>
				  </ol>
				  <div class="carousel-inner" role="listbox">
				<?php
				$i=1;
				for($i==1;$i<=$a;$i++){
					$j=$i-1;
					if($i==1){
						?>
						<div class="item active">
						  <img src="assets/img/post/<?=$post[$i]['name']?>" width="100%">
						  <div class="carousel-caption">
							...
						  </div>
						</div>
					<?php
					}else{
						?>
					  <div class="item">
						  <img src="assets/img/post/<?=$post[$i]['name']?>" width="100%">
						  <div class="carousel-caption">
							...
						  </div>
						</div>
					  <?php
					}
				}	  
					?>
					
				  </div>
				  <!--a class="left carousel-control  review-bt" href="#carousel-main" role="button" data-slide="prev">
					<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
					<span class="sr-only">Previous</span>
				  </a>
				  <a class="right carousel-control  review-bt" href="#carousel-main" role="button" data-slide="next">
					<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
					<span class="sr-only">Next</span>
				  </a-->
				</div>
			</div>
    	</div>
    </div>
</div>
<script>
$(document).ready(function() {
  	query('apple1','service-sub');
});
</script>
<?php include("assets/footer.php");?>