0% found this document useful (0 votes)
70 views

Codingan

This document contains code for the front-end interface of a website for listing housing rentals. It includes PHP code to connect to a database and retrieve site identity and contact information. It also includes JavaScript code to initialize plugins for features like sliders, tooltips and data tables. The HTML markup defines sections for menus, contact details, footer content and login/registration forms.

Uploaded by

Soll'a Channel
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
70 views

Codingan

This document contains code for the front-end interface of a website for listing housing rentals. It includes PHP code to connect to a database and retrieve site identity and contact information. It also includes JavaScript code to initialize plugins for features like sliders, tooltips and data tables. The HTML markup defines sections for menus, contact details, footer content and login/registration forms.

Uploaded by

Soll'a Channel
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 23

Codingan

Foother.php
<?php $i = mysqli_fetch_array(mysqli_query($konek, "SELECT * FROM
identitas LIMIT 1")); ?>

<script
src="assets/up/plugins/slider/dist/jquery.bxslider.min.js"></script>
<script src="plugins/jQuery/jquery-2.2.3.min.js"></script>
<script src="assets/plugins/fastclick/fastclick.js"></script>
<!-- AdminLTE App -->
<script src="assets/dist/js/app.min.js"></script>
<!-- Sparkline -->
<script
src="assets/plugins/sparkline/jquery.sparkline.min.js"></script>
<!-- jvectormap -->
<script src="assets/plugins/jvectormap/jquery-jvectormap-
1.2.2.min.js"></script>
<script src="assets/plugins/jvectormap/jquery-jvectormap-world-mill-
en.js"></script>
<!-- SlimScroll 1.3.0 -->
<script
src="assets/plugins/slimScroll/jquery.slimscroll.min.js"></script>
<!-- ChartJS 1.0.1 -->
<script src="assets/plugins/chartjs/Chart.min.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="assets/dist/js/demo.js"></script>
<a href="#" class="ignielToTop"></a>

<div style="background-color: #222;color: #fff;padding:


10px;border-top: 4px solid #00c0ef;" id="kontak" class="kontak">
<div class="container">
<div class="row">
<div class="col-sm-3">
<h4><i class="fa fa-bars"></i> Menu</h4>
<p><i class="fa fa-angle-double-right"></i><a href="./"
style="color: #fff;"> Beranda</a></p>
<p><i class="fa fa-angle-double-right"></i><a href="cari"
style="color: #fff;"> Cari Kos/Kontrakan</a></p>
<p><i class="fa fa-angle-double-right"></i><a
href="carapesankos" style="color: #fff;"> Cara Pesan
Kos/Kontrakan</a></p>
<p><i class="fa fa-angle-double-right"></i><a
href="caradaftarkos" style="color: #fff;"> Cara Mendaftarkan
Kos/Kontrakan</a></p>
<p><i class="fa fa-angle-double-right"></i><a
href="registrasipencarikos" style="color: #fff;"> Registrasi Pencari
Kos/Kontrakan</a></p>
<p><i class="fa fa-angle-double-right"></i><a
href="registrasipemilikkos" style="color: #fff;"> Registrasi Pemilik
Kos/Kontrakan</a></p>
</div>
<div class="col-sm-3">
<h4><i class="fa fa-book"></i> Kontak Kami</h4>
<p><i class="fa fa-envelope"></i> <?php echo "$i[email]"; ?
></p>
<p><i class="fa fa-whatsapp"></i> <?php echo "$i[no_hp]"; ?
></p>
<br>
<h4>Rekening Pembayaran</h4>
<p><i class="fa fa-credit-card"></i> <?php echo
"$i[rekening]"; ?></p>
<p><i class="fa fa-flag"></i> An. <?php echo "$i[an]"; ?
></p>
</div>
<div class="col-sm-6">
<h4><i class="fa fa-map-marker"></i> Lokasi Kami</h4>
<p><?php echo "$i[alamat]"; ?></p>
</div>
</div>
</div>
</div>

<script>

$(document).ready(function(){
$('.bxslider').bxSlider({
auto: true,
mode : 'fade',
infiniteLoop : true,
speed : 350
});
});
</script>

<div style="background: #111;padding-left: 10%; padding-right: 10%;


margin-bottom: -50PX;" class="footer">

<div class="row">
<div class="col-sm-12">
<div class="media" style="color: #fff;padding-top:
20px;padding-bottom: 20px">
<a class="pull-left" href="#">
<img class="img-responsive" alt="Responsive image"
src="assets/img/logo/<?php echo "$i[gambar]"; ?>" width="80px">
</a>
<div class="media-body">
<h4 class="media-heading"><?php echo "$i[judul]"; ?></h4>
<i><?php echo "$i[ket]"; ?></i>
</div>
</div>
<!-- <div class="media" style="color: #fff;padding-top:
20px;padding-bottom: 20px;font-size: 12px;">
<a class="pull-left" href="#">
<img class="img-responsive" alt="Responsive image"
src="assets/img/logo/<?php echo "$i[gambar]"; ?>" width="80px">
</a>
<div class="media-body">
<h4 class="media-heading"><label class="badge bg-
aqua">APLIKASI <?php echo "$i[nama]"; ?></label></h4>
Copyright &copy; <?php echo date("Y") ?> | powered by
<span class="text-yellow"><i class="fa fa-code"></i> <?php echo
"$i[powered]"; ?></span><br> Aplikasi Portal website yang memberikan
informasi kos, kontrakan, apartement, hotel dan villa dengan tujuan
untuk mempermudah wisatawan/masyarakat dalam mencari informasi.

</div>
</div> -->
</div>

</div>
</div>
<!-- page script -->
<script src="assets/plugins/pace/pace.min.js"></script>
<script type="text/javascript">
// To make Pace works on Ajax calls
$(document).ajaxStart(function() { Pace.restart(); });
$('.ajax').click(function(){
$.ajax({url: '#', success: function(result){
$('.ajax-content').html('<hr>Ajax Request Completed !');
}});
});
</script>

<!-- DataTables -->


<script
src="assets/plugins/datatables/jquery.dataTables.min.js"></script>
<script
src="assets/plugins/datatables/dataTables.bootstrap.min.js"></script
>
<script>
$(function () {
$("#example1").DataTable();
$('#example2').DataTable({
"paging": true,
"lengthChange": false,
"searching": false,
"ordering": true,
"info": true,
"autoWidth": false
});
});
</script>
<script>
$(function () {
$('[data-toggle="tooltip"]').tooltip();
});
</script>
</body>
</html>

Menu.php
<header class="main-header">
<nav class="navbar navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<img src="assets/img/logo/<?php echo "$i[gambar]"; ?>"
width="50" class="align-center pull-left img-responsive"
alt="Responsive image" style='padding: 5px;'>
<a href="./" class="navbar-brand" style="text-transform:
uppercase;"><?php echo "$i[judul]"; ?></a>
<button type="button" class="navbar-toggle collapsed" data-
toggle="collapse" data-target="#navbar-collapse">
<i class="fa fa-bars"></i>
</button>
</div>
<!-- Collect the nav links, forms, and other content for
toggling -->
<div class="collapse navbar-collapse" id="navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="./"><i class="fa fa-home faa-tada animated-
hover"></i> Beranda</a></li>
<li><a href="cari"><i class="fa fa-search faa-tada animated-
hover"></i> Cari Kos</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-
toggle="dropdown"><i class="fa fa-info-circle"></i> Informasi <span
class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="carapesankos"><i class="fa fa-angle-double-
right"></i> Cara Pesan Kos</a></li>
<li><a href="caradaftarkos"><i class="fa fa-angle-
double-right"></i> Cara Mendartarkan Kos</a></li>
</ul>
</li>
<li><a href="#kontak"><i class="fa fa-phone-square faa-tada
animated-hover"></i> Kontak Kami</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<?php
if (empty($_SESSION['email']) or
empty($_SESSION['id_user'])) {
?>
<a href="#" class="dropdown-toggle" data-
toggle="dropdown"><i class="fa fa-user-plus faa-vertical
animated"></i> <span>Registrasi<span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="registrasipencarikos"><i class="fa fa-
angle-double-right"></i> Pencari Kos</a></li>
<li><a href="registrasipemilikkos"><i class="fa fa-
angle-double-right"></i> Pemilik Kos</a></li>
</ul>
</li>
<li><a href='#' data-toggle='modal' data-
target='#formlogin'><i class="fa fa-sign-in faa-tada animated-
hover"></i> login</a></li>
<?php
}else{
?>
<li>
<a href="userubah" data-toggle="tooltip" data-
placement="bottom" title="Klik Untuk Ubah Data"><span class="badge
bg-navy"><i class="fa fa-user faa-vertical animated"></i> <?php echo
$_SESSION['nama']; ?></span></a></li>
<li>
<li>
<a href="pemesanan"><i class="fa fa-hotel faa-tada
animated-hover"></i> Pesanan Saya</a></li>
<li class="bg-navy">
<a data-toggle='modal' data-target='#formlogout'><i
class="fa fa-power-off faa-pulse animated"></i> Logout</a>
</li>
<?php } ?>
</ul>
</div>
</nav>
</header>
<?php include "login.php"; ?>

Login.php
<div class='modal modal-wide fade' id="formlogin" tabindex="-1"
role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"
aria-hidden="true">&times;</button>
<h5 class="modal-title" id="myModalLabel"><i class="fa fa-
sign-in"></i><strong> Form Login Aplikasi <?php $i =
mysqli_fetch_array(mysqli_query($konek, "SELECT * FROM identitas
LIMIT 1")); echo "$i[nama] "; ?></strong></h5>
</div><center>
<div class="modal-body">
<form action="cek_login.php" class="form-horizontal"
role="form" method="post">
<div class="form-group">
<div class="input-group col-sm-10">
<span class="input-group-addon"><i class='fa fa-
envelope-square fa-fw'></i></span>
<input type="text" class="required form-control"
name="email" required placeholder="Tuliskan Email Anda">
</div>
</div>
<div class="form-group">
<div class="input-group col-sm-10">
<span class="input-group-addon"><i class='fa fa-
lock fa-fw'></i></span>
<input type="password" class="required form-
control" name="password" required placeholder="Tuliskan password
Anda">
</div>
</div>
<div class="form-group">
<div class="input-group col-sm-10">
<span class="input-group-addon"><i class='fa fa-
list-ol fa-fw'></i></span>
<select name='tipe' class="required form-control"
required>
<option value='' selected disabled>Pilih Tipe
Login</option>
<option value='2' > Pencari Kos</option>
<option value='3' > Pemilik Kos</option>
<option value='1' > Admin</option>
</select>
</div>
</div>
<div class="form-group">
<div class="col-sm-12 pull-right">
<button type="submit" name='login' class="btn bg-
aqua"><i class="fa fa-sign-in"></i> LOGIN</button>
<button type="reset" name='login' class="btn bg-
orange"><i class="fa fa-refresh"></i> RESET</button>
</div>
</div>

</form><div style='clear:both'></div>
</div></center>
</div>
</div>
</div>

<form action="logout" class="form-horizontal" role="form"


method="post" accept-charset="utf-8" enctype="multipart/form-data">
<div class="modal fade" id="formlogout" tabindex="-1"
role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-
dismiss="modal"><span aria-hidden="true">&times;</span><span
class="sr-only">Close</span></button>
<h4 class="modal-title" id="myModalLabel"><i class="fa
fa-home"></i> Form Logout Aplikasi <?php $i =
mysqli_fetch_array(mysqli_query($konek, "SELECT * FROM identitas
LIMIT 1")); echo "$i[nama] "; ?></strong> </h4>
</div>
<div class="modal-body">
<div class='form-group'>
<center>
<img src='assets/img/logo/<?php echo "$i[gambar]
"; ?>' width='80'>
<h3>Apakah anda yakin akan Logout <i class='fa fa-
question-circle'></i></h3>

</div>
</div>
<div class="modal-footer">
<button type="submit" name="submit" class='btn btn-
primary btn-sm' style="width: 100px;" ><i class="fa fa-check"></i>
Ya, Logout</button>
<button type="button" class="btn btn-danger btn-sm"
style="width: 100px;" data-dismiss="modal"><i class="fa fa-close
(alias"></i> Batal</button>
</div>
</div>
</div>
</div>

<div style='clear:both'></div>
</div></center>
</div>
</div>
</div>
</form>

Pemesanan.php
<?php include "konten/header.php"?>
<?php include "konten/menu.php"?>
<br>
<br>
<br>
<div class="container">
<div class="row">
<div class="col-md-12">
<form action="cari.php" method="GET">
<div class="box box-primary">
<div class="box-header with-border">
<h3 class="box-title"><i class="fa fa-list"></i> TABEL
DATA PEMESANAN KOS</h3>
<div class="box-tools pull-right">
<button type="button" class="btn btn-box-tool" data-
widget="collapse"><i class="fa fa-minus"></i>
</button>
<button type="button" class="btn btn-box-tool" data-
widget="remove"><i class="fa fa-times"></i></button>
</div>
</div>
<!-- /.box-header -->
<div class="box-body">
<div class="alert alert-warning alert-dismissible">
<button type="button" class="close" data-
dismiss="alert" aria-hidden="true">&times;</button>
<h4><i class="icon fa fa-info-circle"></i> Informasi!
</h4>
Tabel di bawah ini merupakan tabel data pemesanan kos
yang anda pilih saat memesan kos, selanjutnya anda dapat memilih
metode pembayaran kos secara <label class="badge bg-
navy">Transfer</label> atau <label class="badge bg-navy">Tunai
(Bayar Di Tempat)</label>. Anda dapat mencetak data pemesanan kos
setelah melakukan pembayaran dan telah dikonfirmasi admin.
<br>
Catatan: Jika anda belum melakukan pembayaran dalam
waktu 1x24 jam, maka data pemesanan kos akan dihapus oleh admin.
Terimakasih!
</div>
<div class="table-responsive">
<table class="table table-striped table-hover">
<thead>
<tr>
<th>No</th>
<th>Nama Pemesan</th>
<th>Data Kos Pesanan</th>
<th>Jumlah Pembayaran</th>
<th>Rekening Pembayaran</th>
<th><center>Pembayaran</center></th>
</tr>
</thead>
<tbody>
<?php
error_reporting(0);
$no = 0;
$tampil = mysqli_query($konek, "SELECT * FROM
pemesanan WHERE id_user='$_SESSION[id_user]' ORDER BY id_pemesanan
DESC");
while($r = mysqli_fetch_assoc($tampil)){
$tgl = date("Y-m-d",
strtotime($r['tgl_pemesanan']));
$no++;
$t=mysqli_fetch_array(mysqli_query($konek,
"SELECT * FROM user WHERE id_user='$r[id_user]'"));
$c=mysqli_fetch_array(mysqli_query($konek,
"SELECT * FROM kos WHERE idkos='$r[idkos]'"));
$iden=mysqli_fetch_array(mysqli_query($konek,
"SELECT * FROM identitas WHERE id='1'"));
?>
<tr>
<td><?php echo $no ?></td>
<td>
<?php echo $t['nama'] ?>
<br> Tanggal Pemesanan: <?php echo tgl_indo
($tgl);?>
</td>
<td>
<a onclick="window.location.href='infokos?
idkos=<?php echo $c['idkos']; ?>'" data-toggle="tooltip" data-
placement="bottom" title="Klik Detail Kos"><label class="badge
label-warning"><i class="fa fa-home"></i> <?php echo $c['namakos'] ?
></label></a>
</td>
<td><b><?php echo "Rp. ".
number_format($c['harga'], 0, ".", "."). ""?></b></td>
<td><label class="badge label-primary"><?php
echo $iden['rekening'] ?></label><br>An. <?php echo $iden['an'] ?
></td>

<td>
<?php
if ($r['status_bayar']==''){
echo " ";?>
<center>
Pilih Metode Pembayaran<br>
<div class="btn-group">
<a class="badge bg-navy transfer"
style="width: 80px;" data-toggle="modal" data-id="<?php echo
$r['id_pemesanan']; ?>"><i class="fa fa-credit-card"></i>
Transfer</a>
<a class="badge bg-aqua tunai"
style="width: 80px;" data-toggle="modal1" data-id="<?php echo
$r['id_pemesanan']; ?>"><i class="fa fa-money"></i> Tunai</a>
</div>
</center>

<?php
}else if ($r['status_bayar']=='0'){
echo "";?>
<center>
Status Pembayaran <br><label class="badge
bg-olive"><i class="fa fa-exchange"></i> Menunggu
Konfirmasi...</label>
</center>
<?php
}else if($r['status_bayar']=='1'){
echo "";?>
<center>
Status Pembayaran <br><label
class="badge bg-green"><i class="fa fa-check"></i>
Terkonfirmasi</label>
<br>Invoice
<br>
<div class="btn-group">
<a class="badge bg-orange"
style="width: 80px;" onclick="window.location.href='print?
id_pemesanan=<?php echo $r['id_pemesanan']?>&&id_user=<?php echo
$t['id_user'] ?>&&idkos=<?php echo $r['idkos'] ?>'"><i class="fa fa-
print"></i> Cetak</a>
<a class="badge bg-navy" style="width:
80px;" onclick="window.location.href='unduh?id_pemesanan=<?php echo
$r['id_pemesanan']?>&&id_user=<?php echo $t['id_user'] ?>&&idkos=<?
php echo $r['idkos'] ?>'"><i class="fa fa-cloud-download"></i>
Unduh</a>
</div>
</center>

<?php }?>
</td>
</tr>
<?php } ?>
</tbody>
<!-- <tfoot>
<tr>
<th>No</th>
<th>Nama Pemesan</th>
<th>Alamat </th>
<th>Telpon</th>
<th>Email</th>
<th>Data Kos</th>
<th>Tgl.Pesan</th>
<th style="text-align:center;margin-left:5px;">JENIS
PEMBAYARAN </th>
</tr>
</tfoot> -->
</table>
</div>
<!-- /.box-body -->
</div>
</div>
<!-- /.box -->
</div>
<!-- /.col -->
</div>
<!-- /.row -->
</section>
<!-- /.content -->
</div>
</div>
</div>
</div>

<br>

<?php include "konten/footer.php"; ?>


<?php include "login.php"; ?>
<script>

$(document).ready(function(){
$('.bxslider').bxSlider({
auto: true,
mode : 'fade',
infiniteLoop : true,
speed : 350
});
});
</script>
<script type="text/javascript">
pace.start();
</script>

<script>
$(function(){
$(document).on('click','.transfer',function(e){
e.preventDefault();
$("#myModal").modal('show');
$.post('transfer.php',
{id:$(this).attr('data-id')},
function(html){
$(".modal-body").html(html);
}
);
});
});
</script>

<script>
$(function(){
$(document).on('click','.tunai',function(e){
e.preventDefault();
$("#myModal1").modal('show');
$.post('tunai.php',
{id:$(this).attr('data-id')},
function(html){
$(".modal-body").html(html);
}
);
});
});
</script>
<?php

if (isset($_POST['submit'])){
include "fungsi/koneksi.php";

$id_pemesanan=$_POST['id_pemesanan'];
$sb='0';
$trf='Transfer';
$nama = filterinput($_FILES['file']['name']);
$ukuranfile = $_FILES['file']['size'];
$tmp = $_FILES['file']['tmp_name'];
$error = $_FILES['file']['error'];
$format = pathinfo($nama, PATHINFO_EXTENSION);
$tujuan = "assets/img/gambarbukti/$nama";
move_uploaded_file($tmp, $tujuan);
$update=mysqli_query($konek, "UPDATE pemesanan SET dp =
'$_POST[dp]', bukti = '$nama', status_bayar='$sb', ket='$trf' WHERE
id_pemesanan='$id_pemesanan'");
if ($update){
echo "<script type='text/javascript'>swal({title:'Metode
Pembayaran Transfer Berhasil', text:'Silahkan menunggu proses
konfirmasi pembayaran dalam waktu 10 s/d 30 menit...',
type:'success'},
function(){window.location.href='pemesanan';});</script>";
}else{
echo "<script type='text/javascript'>swal('Gagal
Upload')</script>";
}
}
?>
<?php

if (isset($_POST['submitt'])){
include "fungsi/koneksi.php";
$bukti = "tunai.png";
$harga = $c[harga];
$id_pemesanan=$_POST['id_pemesanan'];
$sb='0';
$tunai='Tunai';
$update=mysqli_query($konek, "UPDATE pemesanan SET dp ='$harga',
bukti = '$bukti', status_bayar='$sb', ket='$tunai' WHERE
id_pemesanan='$id_pemesanan'");
if ($update){
echo "<script type='text/javascript'>swal({title:'Metode
Pembayaran Tunai Berhasil', text:'Silahkan datang ke tempat kos
untuk membayar dan meminta konfirmasi dari pemilik kos...',
type:'success'},
function(){window.location.href='pemesanan';});</script>";
}else{
echo "<script type='text/javascript'>swal('Gagal
Konfirmasi')</script>";
}
}
?>
<!-- Modal -->
<form action="" method="POST" class="form-horizontal"
enctype="multipart/form-data">
<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-
dismiss="modal"><span aria-hidden="true">&times;</span><span
class="sr-only">Close</span></button>
<h4 class="modal-title" id="myModalLabel"><i class="fa fa-
credit-card"></i> Form Pembayaran Kos Secara Transfer Bank </h4>
</div>
<div class="modal-body">

</div>
<div class="modal-footer">
<button type="submit" name="submit" class="btn btn-
primary btn-sm" style="width: 100px;"><i class="fa fa-send
(alias)"></i> Kirim</button>
<button type="button" class="btn btn-danger btn-sm" data-
dismiss="modal" style="width: 100px;"><i class="fa fa-close
(alias)"></i> Batal</button>
</div>
</div>
</div>
</div>
</form>

<!-- Modal -->


<form action="" method="POST" enctype="multipart/form-data">
<div class="modal fade" id="myModal1" tabindex="-1" role="dialog"
aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-
dismiss="modal"><span aria-hidden="true">&times;</span><span
class="sr-only">Close</span></button>
<h4 class="modal-title" id="myModalLabel"><i class="fa fa-
money"></i> Form Pembayaran Kos Secara Tunai <?php $i =
mysqli_fetch_array(mysqli_query($konek, "SELECT * FROM identitas
LIMIT 1")); ?></h4>
</div>
<div class="modal-body">

</div>
<div class="modal-footer">
<button type="submit" name="submitt" class="btn btn-
primary btn-sm" style="width: 100px;"><i class="fa fa-send
(alias)"></i> Kirim</button>
<button type="button" class="btn btn-danger btn-sm" data-
dismiss="modal" style="width: 100px;"><i class="fa fa-close
(alias)"></i> Batal</button>
</div>
</div>
</div>
</div>
</form>
Info_Kos.php
<?php include "konten/header.php"?>
<?php include "konten/menu.php"?>
<br>
<br>
<br>
<br>
<div class="container">
<div class="row">

<?php
$cek = mysqli_num_rows(mysqli_query($konek, "SELECT * FROM
pemesanan WHERE idkos='$_GET[idkos]'"));

$query = mysqli_query($konek, "SELECT * FROM kos INNER JOIN


pemilikkos ON kos.id_pemilikkos= pemilikkos.id_pemilikkos WHERE
idkos='$_GET[idkos]'");
while($row = mysqli_fetch_array($query)){
$sisa = $row['jumlah_kos'] - $cek ;
$harga= $row['harga']; ?>

<div class="col-lg-6">
<div class="box box-primary">
<div class="box-header with-border">
<h3 class="box-title"><i class="fa fa-info-circle"></i>
INFORMASI KOS</h3>
<div class="box-tools pull-right">
<button type="button" class="btn btn-box-tool" data-
widget="collapse"><i class="fa fa-minus"></i>
</button>
<button type="button" class="btn btn-box-tool" data-
widget="remove"><i class="fa fa-times"></i></button>
</div>
</div>
<!-- /.box-header -->
<div class="box-body">
<ul class="products-list product-list-in-box">
<li class="item">
<a href="javascript:void(0)" class="product-
title"><i class="fa fa-home"></i> <?php echo $row['namakos'] ?>
<span class="label bg-purple pull-right">Harga <i
class="fa fa-arrow-circle-right"></i> <?php echo "Rp. ".
number_format($harga, 0, ".", "."). ""?> / <?php echo $row['per'] ?
></span></a>
<hr>
<span>
<dl class="dl-horizontal">
<dt>Nama Pemilik Kos</dt>
<dd><?php echo $row['nama'] ?></dd>
<dt>Nomor Telp./Hp</dt>
<dd><?php echo $row['no_telp'] ?></dd>
<dt>Kategori/Wilayah</dt>
<dd><label class="badge bg-navy"><?php echo
$row['kategori'] ?></label> / <label class="badge bg-green"><?php
echo $row['kode_wil'] ?></label></dd>
<dt>Air/Listrik</dt>
<dd><label class="badge bg-blue"><?php echo
$row['air'] ?></label> / <label class="badge bg-olive"><?php echo
$row['listrik'] ?></label></dd>
<dt>Ukuran Kos</dt>
<dd><label class="badge bg-aqua"><?php echo
$row['ukuran'] ?></label></dd>
<dt>Fasilitas Kos</dt>
<dd>
<!-- AC -->
<?php if ($row['fasilitas1']=='AC')
{ echo ""?>
<input type="checkbox" checked>&nbsp;&nbsp;AC
<?php
}
else if ($row['fasilitas1']=='')
{ echo "";?>
<input type="checkbox">&nbsp;&nbsp;AC <?php
}
?>
<br>
<!-- Kipas Anging -->
<?php if ($row['fasilitas2']=='Kipas Angin')
{ echo ""?>
<input type="checkbox" checked>&nbsp;&nbsp;Kipas
Angin <?php
}
else if ($row['fasilitas2']=='')
{ echo "";?>
<input type="checkbox">&nbsp;&nbsp;Kipas Angin <?php
}
?>
<br>
<!-- Dapur Pribadi -->
<?php if ($row['fasilitas3']=='Dapur Pribadi')
{ echo ""?>
<input type="checkbox" checked>&nbsp;&nbsp;Dapur
Pribadi <?php
}
else if ($row['fasilitas3']=='')
{ echo "";?>
<input type="checkbox">&nbsp;&nbsp;Dapur Pribadi <?php
}
?>
<br>
<!-- Ruang Tamu -->
<?php if ($row['fasilitas4']=='Kamar Mandi Dalam')
{ echo ""?>
<input type="checkbox" checked>&nbsp;&nbsp;Kamar Mandi
Dalam <?php
}
else if ($row['fasilitas4']=='')
{ echo "";?>
<input type="checkbox">&nbsp;&nbsp;Kamar Mandi Dalam <?php
}
?>
<br>
<?php if ($row['fasilitas5']=='Ruang Tamu')
{ echo ""?>
<input type="checkbox" checked>&nbsp;&nbsp;Ruang Tamu <?php
}
else if ($row['fasilitas5']=='')
{ echo "";?>
<input type="checkbox">&nbsp;&nbsp;Ruang Tamu <?php
}
?>
<br>
<?php if ($row['fasilitas6']=='Kasur')
{ echo ""?>
<input type="checkbox" checked>&nbsp;&nbsp;Kasur <?php
}
else if ($row['fasilitas6']=='')
{ echo "";?>
<input type="checkbox">&nbsp;&nbsp;Kasur <?php
}
?>
<br>
<?php if ($row['fasilitas7']=='Lemari')
{ echo ""?>
<input type="checkbox" checked>&nbsp;&nbsp;Lemari <?php
}
else if ($row['fasilitas7']=='')
{ echo "";?>
<input type="checkbox">&nbsp;&nbsp;Lemari <?php
}
?>
<br>
<?php if ($row['fasilitas8']=='Kursi Dan Meja')
{ echo ""?>
<input type="checkbox" checked>&nbsp;&nbsp;Kursi Dan Meja <?php
}
else if ($row['fasilitas8']=='')
{ echo "";?>
<input type="checkbox">&nbsp;&nbsp;Kursi Dan Meja <?php
}
?>
</dd>
<dt>Jarak Kampus - Kos</dt>
<dd><?php echo $row['jarak'] ?></dd>
<dt>Keterangan</dt>
<dd>Pemilik Kos <?php echo $row['pemilik'] ?></dd>
<dt>Jam Malam</dt>
<dd><label class="badge bg-red"><?php echo $row['jam'] ?
></label></dd>
<dt>Jumlah Kos</dt>
<dd><label class="badge bg-orange"><?php echo $row['jumlah_kos'] ?
></label></dd>
<dt>Kos Tersedia/Terisi</dt>
<dd><label class="badge bg-navy"><?php echo $sisa ?></label> /
<label class="badge bg-aqua"><?php echo $cek ?> </label></dd>
<dt>Alamat</dt>
<dd><?php echo $row['jln'] ?>
</dd>
</dl>
</span>
</li>
<?php
if (empty($_SESSION['email']) or empty($_SESSION['id_user'])){
echo "<div class='alert alert-danger text-center'><b>Silahkan
Login Terlebih Dahulu Untuk Melakukan Pemesanan!</b></div>";
}else{

if ($cek == $row['jumlah_kos']){
echo "<div class='alert alert-warning text-center'><b>Maaf Kos
ini sudah di Pesan Seluruhnya!</b></div>";
}else{
?>
<center><a class="btn-primary btn btn-sm edit" href='#' data-
toggle='modal' data-id="<?php echo $row['idkos']; ?>" data-
toggle='tooltip'><i class="fa fa-calendar-check-o faa-vertical
animated"></i> PESAN KOS SEKARANG!</a>
<a href="./" class="btn btn-sm btn-danger"><i class="fa fa-
arrow-circle-left"></i> KEMBALI</a>
</center>
<?php }} ?>
</ul>
</div>
</div>
<!-- /.box -->
</div>
<!-- /.col -->

<div class="col-lg-6">
<div class="box box-primary">
<div class="box-header with-border">
<h3 class="box-title"><i class="fa fa-map-marker"></i> LOKASI
GMAP KOS</h3>

<div class="box-tools pull-right">


<button type="button" class="btn btn-box-tool" data-
widget="collapse"><i class="fa fa-minus"></i>
</button>
<button type="button" class="btn btn-box-tool" data-
widget="remove"><i class="fa fa-times"></i></button>
</div>
</div>
<!-- /.box-header -->
<div class="box-body">
<?php echo $row['lat'] ?>
</div>
</div>
</div>
<div class="col-lg-12">
<div class="box box-primary">
<div class="box-header with-border">
<h3 class="box-title"><i class="fa fa-file-image-o"></i> PHOTO
KOS</h3>

<div class="box-tools pull-right">


<button type="button" class="btn btn-box-tool" data-
widget="collapse"><i class="fa fa-minus"></i>
</button>
<button type="button" class="btn btn-box-tool" data-
widget="remove"><i class="fa fa-times"></i></button>
</div>
</div>
<!-- /.box-header -->
<div class="box-body">
<div id="carousel-example-generic" class="carousel slide" data-
ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-
to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-
to="1" class=""></li>
<li data-target="#carousel-example-generic" data-slide-
to="2" class=""></li>
<li data-target="#carousel-example-generic" data-slide-
to="3" class=""></li>
<li data-target="#carousel-example-generic" data-slide-
to="4" class=""></li>
</ol>
<div class="carousel-inner">
<div class="item active">
<img class="img-responsive" src="assets/img/gambarkost/<?
php echo $row['gambar'] ?>" alt="First slide" width="100%">

<div class="carousel-caption">
<h4><label class="label bg-orange"><?php echo
$row['namakos']; ?></label></h4>
</div>
</div>
<div class="item">
<img class="img-responsive" src="assets/img/gambarkost/<?
php echo $row['gambar_a'] ?>" alt="Second slide" width="100%">

<div class="carousel-caption">
<h4><label class="label bg-orange"><?php echo
$row['namakos']; ?></label></h4>
</div>
</div>
<div class="item">
<img class="img-responsive" src="assets/img/gambarkost/<?
php echo $row['gambar_b'] ?>" alt="Third slide" width="100%">
<div class="carousel-caption">
<h4><label class="label bg-orange"><?php echo
$row['namakos']; ?></label></h4>
</div>
</div>
<div class="item">
<img class="img-responsive" src="assets/img/gambarkost/<?
php echo $row['gambar_c'] ?>" alt="For slide" width="100%">
<div class="carousel-caption">
<h4><label class="label bg-orange"><?php echo
$row['namakos']; ?></label></h4>
</div>
</div>
<div class="item">
<img class="img-responsive" src="assets/img/gambarkost/<?
php echo $row['gambar_d'] ?>" alt="Tfive slide" width="100%">
<div class="carousel-caption">
<h4><label class="label bg-orange"><?php echo
$row['namakos']; ?></label></h4>
</div>
</div>
</div>
<a class="left carousel-control" href="#carousel-example-
generic" data-slide="prev">
<span class="fa fa-angle-left"></span>
</a>
<a class="right carousel-control" href="#carousel-example-
generic" data-slide="next">
<span class="fa fa-angle-right"></span>
</a>
<!-- /.box-body -->
</div>
</div>
</div>
</div>

</div>

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

</div>

<script>
$(document).ready(function(){
$('.bxslider').bxSlider({
auto: true,
mode : 'fade',
infiniteLoop : true,
speed : 350
});
});
</script>

<script>
$(function(){
$(document).on('click','.edit',function(e){
e.preventDefault();
$("#myModal").modal('show');
$.post('hasil.php',
{id:$(this).attr('data-id')},
function(html){
$(".modal-body").html(html);
}
);
});
});
</script>
<?php
include "pesankos.php";
include "login.php";
?>
<?php include "konten/footer.php"?>

You might also like