<!DOCTYPE html>
<?php
$id_invoice = $_GET['id_invoice'];
//echo "$id_invoice";
error_reporting(0);
include "admin/config/koneksi.php";
$get_booking=mysqli_query($connect,"SELECT * FROM booking a left join produk b on a.id_villa=b.id_produk where id_booking='$id_invoice'");
$fget_booking=mysqli_fetch_array($get_booking);
$id_villa=$fget_booking['id_villa'];
$fullname=$fget_booking['fullname'];
$email=$fget_booking['email'];
$phonenumber=$fget_booking['phonenumber'];
$checkindate=$fget_booking['checkindate'];
$checkoutdate=$fget_booking['checkoutdate'];
$paymentmethod=$fget_booking['paymentmethod'];
$duration=$fget_booking['duration'];
$harga=$fget_booking['harga'];
$total=$fget_booking['total'];
$nama_villa=$fget_booking['nama'];
$dp=$total*30/100;
?>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- title -->
<title>Mountana-Villa</title>
<!-- favicon -->
<link rel="shortcut icon" type="image/png" href="images/logo.jpeg">
<!-- google font -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Poppins:400,700&display=swap" rel="stylesheet">
<!-- fontawesome -->
<link rel="stylesheet" href="assets/css/all.min.css">
<!-- bootstrap -->
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.css">
<!-- owl carousel -->
<link rel="stylesheet" href="assets/css/owl.carousel.css">
<!-- magnific popup -->
<link rel="stylesheet" href="assets/css/magnific-popup.css">
<!-- animate css -->
<link rel="stylesheet" href="assets/css/animate.css">
<!-- mean menu css -->
<link rel="stylesheet" href="assets/css/meanmenu.min.css">
<!-- main style -->
<link rel="stylesheet" href="assets/css/main.css">
<!-- responsive -->
<link rel="stylesheet" href="assets/css/responsive.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css">
</head>
<body>
<!--PreLoader-->
<!--<div class="loader">-->
<!-- <div class="loader-inner">-->
<!-- <div class="circle"></div>-->
<!-- </div>-->
<!--</div>-->
<!--PreLoader Ends-->
<!-- Header -->
<div class="top-header-area" id="sticker">
<div class="container">
<div class="row">
<div class="col-lg-12 col-sm-12 text-center">
<div class="main-menu-wrap">
<!-- Logo di atas menu -->
<div class="text-center mb-3">
<a href="#">
<img src="images/logo.jpeg" alt="Mountana Villa" style="max-height: 100px;">
</a>
</div>
<!-- Main Menu -->
<nav class="main-menu d-none d-lg-block">
<ul>
<li class="current-list-item"><a href="Home">Home</a></li>
<li><a href="About">Tentang Kami</a></li>
<li><a href="Booking">Cara Booking</a></li>
<li><a href="Galleri">Galeri Villa</a></li>
<li><a href="Contact">Kontak Kami</a></li>
<li><a href="#"></a></li>
</ul>
</nav>
<!-- Mobile Menu -->
<div class="mobile-menu d-block d-lg-none"></div>
</div>
</div>
</div>
</div>
</div>
<div class="content-feature">
<!-- features list section -->
<a href="https://wa.me/6282220778332" class="wa-float" target="_blank" title="Chat via WhatsApp">
<img src="https://img.icons8.com/color/48/000000/whatsapp--v1.png" alt="WhatsApp Chat">
</a>
<div class="list-section pt-80 pb-80">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<div class="section-title">
<!-- <h3><span class="orange-text">INVOICE</span> PEMESANAN</h3> -->
</div>
</div>
</div>
<!-- Invoice Box -->
<div class="row single-product-item1">
<div class="col-lg-12">
<div class="invoice-box mt-5">
<h2 class="text-center mb-4">INVOICE PEMESANAN</h2>
<div class="table-responsive">
<table class="table table">
<tbody>
<tr>
<td>To </td> <td>: <?= htmlspecialchars($fullname) ?></td>
<td>Date </td><td>: <?= date("d M Y") ?></td>
</tr>
<tr>
<td>Email </td><td>: <?= htmlspecialchars($email) ?></td>
<td>From </td><td>: Mountana Sikunir Villa</td>
</tr>
<tr>
<td>Telepon </td><td>: <?= htmlspecialchars($phonenumber) ?></td>
<td>Telepon </td><td>: 082220778332</td>
</tr>
</tbody>
</table>
</div>
<hr>
<h5 align="center">Please Find The Invoice For Your Reservation As Follow</h5>
<div class="table-responsive">
<table class="table table">
<tbody>
<tr>
<td style="width: 200px;">Guest/Group Name</td>
<td>: <?= htmlspecialchars($fullname) ?></td>
</tr>
<tr>
<td>Order Number</td>
<td>: #<?= htmlspecialchars($id_invoice) ?></td>
</tr>
</tbody>
</table>
</div>
<hr>
<h5>Details</h5>
<div class="table-responsive">
<table class="table table-bordered mt-3">
<thead>
<tr>
<th>Villa</th>
<th>Tanggal Check-in</th>
<th>Tanggal Check-out</th>
<th>Durasi</th>
<th>Harga/Malam</th>
<th>Total</th>
</tr>
</thead>
<tbody>
<tr>
<td><?= htmlspecialchars($nama_villa) ?></td>
<td><?= date("d M Y", strtotime($checkindate)) ?></td>
<td><?= date("d M Y", strtotime($checkoutdate)) ?></td>
<td><?= $duration ?> malam</td>
<td>Rp <?= number_format($harga, 0, ',', '.') ?></td>
<td>Rp <?= number_format($total, 0, ',', '.') ?></td>
</tr>
<tr>
<td colspan="5">Grand Total</td>
<td >Rp <?= number_format($total, 0, ',', '.') ?></td>
</tr>
</tbody>
</table>
</div>
<div class="table-responsive">
<table class="table table">
<tbody>
<tr>
<td style="width: 200px; font-weight: bold;">Term Of Payment</td>
<td></td>
</tr>
<tr>
<td>Full Payment 100%</td>
<td>: Rp <?= number_format($total, 0, ',', '.') ?></td>
</tr>
<tr>
<td>Down Payment 30%</td>
<td>: Rp <?= number_format($dp, 0, ',', '.') ?></td>
</tr>
</tbody>
</table>
</div>
<h6>Bank Account Details</h6>
<div class="table-responsive">
<table class="table table-borderless">
<tbody>
<tr>
<td style="width: 150px;">Beneficiary</td>
<td style="font-weight: bold;">: Vella tri suvahjain</td>
</tr>
<tr>
<td>Bank Name</td>
<td>: <img src="bri-logo.png" alt="Logo BRI" style="width:24px; height:auto; vertical-align:middle; margin-right:8px;">Bank Rakyat Indonesia</td>
</tr>
<tr>
<td>Account Number</td>
<td>: 661601006542532</td>
</tr>
</tbody>
</table>
</div>
<div class="text-center mt-4">
<a href="generate_invoice.php?id_invoice=<?= urlencode($id_invoice) ?>" target="_blank" class="btn btn-primary">
🖨 Cetak PDF
</a>
<a href="generate_invoice.php?id_invoice=<?= urlencode($id_invoice) ?>" class="btn btn-success" download>
⬇ Unduh PDF
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- footer -->
<div class="footer-area">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6">
<div class="footer-box about-widget">
<h2 class="widget-title">About us</h2>
<p>Desa tertinggi di Pulau Jawa adalah Desa Sembungan yang terletak di Dataran Tinggi Dieng, Wonosobo, Jawa Tengah. Desa ini berada di ketinggian sekitar 2.300 meter di atas permukaan laut (mdpl).</p>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="footer-box get-in-touch">
<h2 class="widget-title">Get in Touch</h2>
<ul>
<li>Jalan sikunir Dieng kejajar Wonosobo Jawa Tengah</li>
<li>marketing@mountanavilla.com</li>
<li>0822 - 2077 - 8332</li>
<li>
<a href="https://instagram.com/mountana_sikunir_hill" target="_blank" style="text-decoration:none; color: #C13584;">
<i class="fab fa-instagram"></i> @mountana_sikunir_hill
</a>
</li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="footer-box pages">
<h2 class="widget-title">Pages</h2>
<ul>
<li><a href="Home">Home</a></li>
<li><a href="About">Tentang Kami</a></li>
<li><a href="Booking">Cara Booking</a></li>
<li><a href="Galleri">Galeri</a></li>
<li><a href="Contact">Kontak Kami</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- end footer -->
<!-- jquery -->
<script src="assets/js/jquery-1.11.3.min.js"></script>
<!-- bootstrap -->
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<!-- count down -->
<script src="assets/js/jquery.countdown.js"></script>
<!-- isotope -->
<script src="assets/js/jquery.isotope-3.0.6.min.js"></script>
<!-- waypoints -->
<script src="assets/js/waypoints.js"></script>
<!-- owl carousel -->
<script src="assets/js/owl.carousel.min.js"></script>
<!-- magnific popup -->
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<!-- mean menu -->
<script src="assets/js/jquery.meanmenu.min.js"></script>
<!-- sticker js -->
<script src="assets/js/sticker.js"></script>
<!-- main js -->
<script src="assets/js/main.js"></script>
<!-- Bootstrap Datepicker JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script>
</body>
</html> |