<!DOCTYPE html>
<html lang="en" style="height: 100%;">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Admin Mountana Villa</title>
<!-- Google Font: Source Sans Pro -->
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback"
/>
<!-- Font Awesome -->
<link rel="stylesheet" href="plugins/fontawesome-free/css/all.min.css" />
<!-- DataTables -->
<link rel="stylesheet" href="plugins/datatables-bs4/css/dataTables.bootstrap4.min.css" />
<link rel="stylesheet" href="plugins/datatables-responsive/css/responsive.bootstrap4.min.css" />
<link rel="stylesheet" href="plugins/datatables-buttons/css/buttons.bootstrap4.min.css" />
<!-- Theme style -->
<link rel="stylesheet" href="dist/css/adminlte.min.css" />
<style>
/* Flexbox layout untuk footer tetap di bawah */
html,
body {
height: 100%;
margin: 0;
padding: 0;
}
.wrapper {
min-height: 100vh;
display: flex;
flex-direction: column;
}
.content-wrapper {
flex: 1 0 auto;
padding-bottom: 20px;
}
.main-footer {
flex-shrink: 0;
}
</style>
</head>
<body class="sidebar-mini" style="height: 100%;">
<div class="wrapper">
<!-- Navbar -->
<nav class="main-header navbar navbar-expand navbar-white navbar-light">
<!-- Left navbar links -->
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" data-widget="pushmenu" href="#" role="button"
><i class="fas fa-bars"></i
></a>
</li>
</ul>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a class="nav-link" data-toggle="dropdown" href="#">
<i class="fas fa-user"></i>
</a>
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
<span class="dropdown-item dropdown-header">
<i class="fas fa-user"></i> Administrator
</span>
<div class="dropdown-divider"></div>
<a href="logout.php" class="dropdown-item dropdown-footer"
><i class="fas fa-sign-out-alt"></i> LOGOUT</a
>
</div>
</li>
</ul>
</nav>
<!-- /.navbar -->
<!-- Main Sidebar Container -->
<aside class="main-sidebar sidebar-dark-primary elevation-4">
<!-- Brand Logo -->
<a href="../../index3.html" class="brand-link">
<h5 align="center">Mountana Villa</h5>
</a>
<!-- Sidebar -->
<div class="sidebar">
<!-- Sidebar Menu -->
<nav class="mt-2">
<ul
class="nav nav-pills nav-sidebar flex-column"
data-widget="treeview"
role="menu"
data-accordion="false"
>
<!-- Menu items... -->
<li class="nav-item">
<a href="?module=dashboard&act=d" class="nav-link">
<i class="nav-icon fas fa-table"></i>
<p>Dashboard</p>
</a>
</li>
<!-- ... other menu items ... -->
<li class="nav-item">
<a href="?module=order&act=d" class="nav-link">
<i class="nav-icon fas fa-table"></i>
<p>Manajemen Booking</p>
</a>
</li>
</ul>
</nav>
<!-- /.sidebar-menu -->
</div>
<!-- /.sidebar -->
</aside>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<section class="content-header">
<div class="container-fluid">
<div class="row mb-2">
<div class="col-sm-6">
<h1>Order</h1>
</div>
<div class="col-sm-6">
<ol class="breadcrumb float-sm-right">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item active">Order</li>
</ol>
</div>
</div>
</div>
<!-- /.container-fluid -->
</section>
<!-- Main content -->
<section class="content">
<div class="container-fluid">
<div class="row justify-content-center">
<!-- supaya tengah -->
<div class="col-md-6">
<div class="card card-primary">
<div class="card-header">
<h3 class="card-title">Form Edit</h3>
</div>
<form
action="modul/mod_wisata/aksi_wisata.php?module=wisata&act=edit"
method="post"
onsubmit="return validateModul()"
enctype="multipart/form-data"
>
<div class="card-body">
<!-- Tampilkan disabled input untuk UI -->
<div class="form-group">
<label for="idBooking">ID Booking</label>
<input
type="text"
id="idBooking"
class="form-control"
value="1"
disabled
/>
<!-- Hidden agar value terkirim saat submit -->
<input type="hidden" name="id_booking" value="1" />
</div>
<div class="form-group">
<label for="idVilla">ID Villa</label>
<input
type="text"
id="idVilla"
class="form-control"
value="1"
disabled
/>
<input type="hidden" name="id_villa" value="1" />
</div>
<div class="form-group">
<label for="fullname">Full Name</label>
<input
type="text"
id="fullname"
class="form-control"
value="rizki"
disabled
/>
<input type="hidden" name="fullname" value="rizki" />
</div>
<div class="form-group">
<label for="email">Email</label>
<input
type="email"
id="email"
class="form-control"
value="alfianto@gmail.com"
disabled
/>
<input type="hidden" name="email" value="alfianto@gmail.com" />
</div>
<div class="form-group">
<label for="phoneNumber">Phone Number</label>
<input
type="text"
id="phoneNumber"
class="form-control"
value="081293086731"
disabled
/>
<input type="hidden" name="phonenumber" value="081293086731" />
</div>
<div class="form-group">
<label for="checkinDate">Check-in Date</label>
<input
type="date"
id="checkinDate"
class="form-control"
value="2025-05-22"
disabled
/>
<input type="hidden" name="checkindate" value="2025-05-22" />
</div>
<div class="form-group">
<label for="checkoutDate">Check-out Date</label>
<input
type="date"
id="checkoutDate"
class="form-control"
value="2025-05-23"
disabled
/>
<input type="hidden" name="checkoutdate" value="2025-05-23" />
</div>
<div class="form-group">
<label for="paymentMethod">Payment Method</label>
<input
type="text"
id="paymentMethod"
class="form-control"
value="transfer"
disabled
/>
<input type="hidden" name="paymentmethod" value="transfer" />
</div>
<div class="form-group">
<label for="duration">Duration (days)</label>
<input
type="number"
id="duration"
class="form-control"
value="1"
disabled
/>
<input type="hidden" name="duration" value="1" />
</div>
<div class="form-group">
<label for="harga">Harga</label>
<input
type="text"
id="harga"
class="form-control"
value="2500000"
disabled
/>
<input type="hidden" name="harga" value="2500000" />
</div>
<div class="form-group">
<label for="total">Total</label>
<input
type="text"
id="total"
class="form-control"
value="2500000"
disabled
/>
<input type="hidden" name="total" value="2500000" />
</div>
</div>
<div class="card-footer d-flex justify-content-between">
<button type="button" onclick="history.back()" class="btn btn-danger">
Cancel
</button>
<button type="submit" class="btn btn-primary">Submit</button>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
</div>
<!-- /.content-wrapper -->
<footer class="main-footer">
<div class="float-right d-none d-sm-block">
<b>Version</b> 1.0.0
</div>
<strong
>Copyright © 2023 <a href="https://adminlte.io">Mountana-Villa</a>.</strong
>
All rights reserved.
</footer>
<!-- Control Sidebar -->
<aside class="control-sidebar control-sidebar-dark">
<!-- Control sidebar content goes here -->
</aside>
<!-- /.control-sidebar -->
</div>
<!-- ./wrapper -->
<!-- jQuery -->
<script src="plugins/jquery/jquery.min.js"></script>
<!-- Bootstrap 4 -->
<script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- DataTables & Plugins -->
<script src="plugins/datatables/jquery.dataTables.min.js"></script>
<script src="plugins/datatables-bs4/js/dataTables.bootstrap4.min.js"></script>
<script src="plugins/datatables-responsive/js/dataTables.responsive.min.js"></script>
<script src="plugins/datatables-responsive/js/responsive.bootstrap4.min.js"></script>
<script src="plugins/datatables-buttons/js/dataTables.buttons.min.js"></script>
<script src="plugins/datatables-buttons/js/buttons.bootstrap4.min.js"></script>
<script src="plugins/jszip/jszip.min.js"></script>
<script src="plugins/pdfmake/pdfmake.min.js"></script>
<script src="plugins/pdfmake/vfs_fonts.js"></script>
<script src="plugins/datatables-buttons/js/buttons.html5.min.js"></script>
<script src="plugins/datatables-buttons/js/buttons.print.min.js"></script>
<script src="plugins/datatables-buttons/js/buttons.colVis.min.js"></script>
<!-- AdminLTE App -->
<script src="dist/js/adminlte.min.js"></script>
<script>
$(function () {
$("#example1").DataTable();
$("#example2").DataTable({
paging: true,
lengthChange: false,
searching: true,
ordering: true,
info: true,
autoWidth: false,
});
});
</script>
</body>
</html> |