<style>
	.slider_font {
		font-family: 'Euphoria Script', cursive;
		font-family: 'Satisfy', cursive;
		color: #c6e2ff;
			text-shadow:
		0 0 2px rgba(202,228,225,0.92),
		0 0 10px rgba(202,228,225,0.34),
		0 0 4px rgba(30,132,242,0.52),
		0 0 7px rgba(30,132,242,0.92),
		0 0 11px rgba(30,132,242,0.78),
		0 0 16px rgba(30,132,242,0.92);
		
	}



table {
  border-collapse: collapse;
  box-shadow: 0 5px 10px #e1e5ee;
  background-color: white;
  text-align: left;
  overflow: hidden;
  width:100%;
  margin-top:1%;
}
table thead {
  box-shadow: 0 5px 10px #e1e5ee;
}
table th {
  padding: 1rem 2rem;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  font-size: 0.7rem;
  font-weight: 900;
  background : #FE5A0E;
  color : #FFFFFF;
}
table td {
  padding: 1rem 2rem;
  color :#566573;
}
table a {
  text-decoration: none;
  color: #2962ff;
}
table .status {
  border-radius: 0.2rem;
  background-color: red;
  padding: 0.2rem 1rem;
  text-align: center;
}
table .status-pending {
  background-color: #fff0c2;
  color: #a68b00;
}
table .status-paid {
  background-color: #c8e6c9;
  color: #388e3c;
}
table .status-unpaid {
  background-color: #ffcdd2;
  color: #c62828;
}
table .amount {
  text-align: right;
}
table tr:nth-child(even) {
  background-color: #f4f6fb;
}		
	</style> 
 <!-- ========================
       page title 
    =========================== -->
    <section class="page-title page-title-layout7 bg-overlay bg-overlay-2 bg-parallax text-center" style="background: url(<?php echo PATH2;?>promosi/assets/images/UMKM.jpg);background-size:cover;">
      <div class="container">
        <div class="row align-items-center">
          <div class="col-sm-12 col-md-12 col-lg-12">
           <h1 class="pagetitle__heading mb-0 slider_font" style="font-size:64px;color:#FFFFFF;">&nbsp;</h1>
          </div><!-- /.col-xl-6 -->
        </div><!-- /.row -->
      </div><!-- /.container -->
    </section><!-- /.page-title -->

<?php
$sql ="SELECT DISTINCT(umkmJenis) FROM tbl_umkm";
$jenis = getDataBySQL($sql);
?>
    <section class="portfolio-standard" >
      <div class="container">
        <div class="row" >
          <div class="col-sm-12 col-md-12 col-lg-12 " >
		   <form method="post" action="#" id="contactForm" class="contact__panel-form">
				<div class="row" style=" background-color: #FFF;padding-top:2.5%;padding-left:5%;">
                  <div class="col-sm-4 col-md-4 col-lg-4">
                    <div class="form-group">
                      <input type="text" maxlength="50" class="form-control" name="nama" placeholder="Nama Usaha / Pemilik / NIB" id="contact-name" name="contact-name">
                    </div>
                  </div>
                  <div class="col-sm-5 col-md-5 col-lg-5">
                    <div class="form-group">
                      <select class="form-control" name="jenis">
						<option value="" disabled selected>Pilih Jenis Usaha</option>
						<?php 
						foreach($jenis as $j){
							echo '<option value="'.$j['umkmJenis'].'">'.$j['umkmJenis'].'</option>';
						}						
						?>
					  </select>
                    </div>
                  </div>
					<div class="col-sm-1 col-md-1 col-lg-1">
						<a href="javascript:void(0)" id="tombolCari" class="btn btn__primary  btn__sm" style="height:55px;padding: 0 15px;line-height:45px;">SEARCH <i class="fa fa-search mx2" aria-hidden="true"></i></a>
					</div><!-- /.col-lg-12 -->				  
				</div>	
			</form>
          </div>
			<center><img id="loading-image" src="<?php echo PATH;?>promosi/assets/images/loadingGif2.gif" style="width:50%;margin-top:5%;"/></center>		  
          <div class="col-sm-12 col-md-12 col-lg-12 " id="resultCari">	  		  
          </div><!-- /.col-lg-12 -->
        </div><!-- /.row -->
      </div><!-- /.container -->
    </section><!-- /.portfolio standard -->