<?php
	$all = getData('all',3);
?> 
  <style>
    .gmaps {
      height: 400px;
      width: 100%;
      background-color: #f0f0f0;
      margin-bottom: 10px;
    }
  </style>
 <!-- Section -->
            <section>
                <div class="container">
                    <div class="row">
                        <!-- Main content -->
                        <div class="col col_9_of_12 col-lg-9">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3989.6571513285535!2d101.44447066416853!3d0.514995349624279!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x31d5ac1cb4be60af%3A0xe16ee1f48feadefc!2sMal+Pelayanan+Publik+Kota+Pekanbaru!5e0!3m2!1sid!2sid!4v1549945276603" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>									

							<div class="head_title"><h2>Kontak</h2></div>
                            <div class="row">
                                <div class="col col_6_of_12">
                                    <!-- Custom list -->
                                    <ul class="fa-ul" style="margin-left:0px;">
										<li><i class="fa fa-map-marker"></i> <?php echo $about[0]['akun']; ?></li>
										<li><i class="fa fa-phone"></i> <?php echo $about[3]['akun']; ?></li>
										<li><i class="fa fa-envelope-o"></i> 0811-7515-133</li>
										<li><i class="fa fa-whatsapp"></i> 0811-7515-133</li>
										<li><i class="fa fa-envelope"></i> <a href="mailto:<?php echo $about[1]['akun']; ?>"><?php echo $about[1]['akun']; ?></a></li>									
                                    </ul>
                                    <!-- End Custom list -->
                                </div>								
                                <div class="col col_6_of_12 alert_message green" style="margin-left:-20px;">
                                    <!-- Ordered list -->
                                    <p>Anda dapat juga menyampaikan pengaduan melalui telepon ke nomor <b><?php echo $about[3]['akun']; ?></b>, SMS atau WhatsApp ke nomor <b>0811-7515-133</b>
                                    </p>
                                    <!-- End Ordered list -->
                                </div>
							
							</div>
			<div class="head_title"><h2>Kritik, Saran dan Pengaduan</h2></div>							
            <div class="row" style="margin-left:1%;">
			<style>
			.btn-send {
				font-weight: 300;
				text-transform: uppercase;
				letter-spacing: 0.1em;
				margin-bottom: 20px;
			}
			</style>
			<form id="contact-form" method="post" action="https://dpmptsp.pekanbaru.go.id/part/contact.php" role="form">
				<div class="messages"></div>
				<div class="controls">
					<div class="row">
						<div class="col-md-6">
							<div class="form-group">
								<label for="form_name">Nama Lengkap *</label>
								<input id="form_name" type="text" name="Nama" class="form-control" placeholder="Nama Lengkap" required="required" data-error="Nama Lengkap Tidak Boleh Kosong!">
								<div class="help-block with-errors"></div>
							</div>
						</div>
						<div class="col-md-6">
							<div class="form-group">
								<label>Jenis</label>
								<select name="Jenis" class="form-control" required data-error="Pilih Salah satu Jenis!">
									<option value="">Pilih</option>
									<option value="Saran">Saran</option>
									<option value="Kritik">Kritik</option>
									<option value="Pengaduan">Pengaduan</option>
									<option value="Pertanyaan">Pertanyaan</option>
								</select>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-md-12">
							<div class="form-group">
								<label for="form_name">Alamat Rumah *</label>
								<input id="form_name" type="text" name="Alamat" class="form-control" placeholder="Alamat Rumah" required="required" data-error="Alamat Rumah Tidak Boleh Kosong!">
								<div class="help-block with-errors"></div>
							</div>
						</div>
					</div>					
					<div class="row">
						<div class="col-md-6">
							<div class="form-group">
								<label for="form_email">Email *</label>
								<input id="form_email" type="email" name="email" class="form-control" placeholder="Alamat email *" required="required" data-error="Valid email is required.">
								<div class="help-block with-errors"></div>
							</div>
						</div>
						<div class="col-md-6">
							<div class="form-group">
								<label for="form_phone">Phone</label>
								<input id="form_phone" type="tel" name="phone" class="form-control" placeholder="Nomor HP">
								<div class="help-block with-errors"></div>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-md-12">
							<div class="form-group">
								<label for="form_message">Pesan *</label>
								<textarea id="form_message" name="message" class="form-control" placeholder="Isi Pesan anda" rows="4" required="required" data-error="Mohon Isi Pesan anda!"></textarea>
								<div class="help-block with-errors"></div>
							</div>
						</div>

						<div class="col-md-12">
							<div class="form-group">
								<div class="g-recaptcha" data-sitekey="6LfyWDEUAAAAAG6lhpfzxsEg1w7lFcbx-zvkMlb6"></div>
							</div>
						</div>

						<div class="col-md-12">
							<input type="submit" id="submitbutton" class="btn btn-success btn-send" value="Send message">
						</div>
					</div>
				</div>
			</form>

            </div> <!-- /.row-->							
                            <!-- You might also like -->
                            <div class="panel_title">
                                <div>
                                    <h4><a href="#">Recent Post</a></h4>
                                </div>
                            </div>
							
                    <div class="row">
							<?php
							foreach($all as $b){
							$tgl=explode(' ',$b['post_date']);
							$dom = new domDocument;
							$dom->loadHTML($b['post_content']);
							$dom->preserveWhiteSpace = false;
							$p = $dom->getElementsByTagName('p');
							
							$nar=array();
							foreach($p as $n){ $nar[] = $n->nodeValue;}	
							if(!empty($nar)){
								$narasi=ambilNarasi($nar[0],300);
							}else{$narasi='';}
							?>
                    <div class="col col_4_of_12">
                        <!-- Layout post 1 -->
                        <div class="layout_post_1">
                            <div class="item_thumb">
                                <div class="thumb_icon">
                                    <a href="<?php echo buatLink($b['post_type'],$b['post_ID'],$b['post_title']); ?>" jQuery><i class="fa fa-copy"></i></a>
                                </div>
                                <div class="thumb_hover">
                                    <a href="<?php echo buatLink($b['post_type'],$b['post_ID'],$b['post_title']); ?>"><img src="<?php echo PATH.'assets/post/'.$b['post_image']; ?>" onerror="this.onerror=null;this.src='<?php echo PATH.'assets/post/no_image_available.jpeg'; ?>.';" class="visible animated"></a>
                                </div>
							   <div class="thumb_meta">
										<span class="category" jQuery><a href="#"><?php echo $b['post_type']; ?></a></span>
										<span class="comments"><a href="<?php echo buatLink($b['post_type'],$b['post_ID'],$b['post_title']); ?>"><?php echo tglIndo($tgl[0]); ?></a></span>
								</div>
                            </div>
                            <div class="item_content">
                                <h4><a href="<?php echo buatLink($b['post_type'],$b['post_ID'],$b['post_title']); ?>"><?php echo $b['post_title']; ?></a></h4>
                               <p style="text-align:justify"><?php echo $narasi; ?></p>
							   <a class="btn btn_turquoise btn_expand btn_red" href="<?php echo buatLink($b['post_type'],$b['post_ID'],$b['post_title']); ?>">Read More <i class="fa fa-chevron-right"></i></a>
                            </div>
                        </div><!-- End Layout post 1 -->
                    </div>													
							<?php
							}
							?>					

                </div><!-- End You might also like -->

                              							
							
                        </div><!-- End Main content -->
				<?php
				include ('part/sidebar.php');
				?>
						
                    </div>
                </div>
            </section><!-- End Section -->