68 lines
2.6 KiB
PHP
68 lines
2.6 KiB
PHP
<?php require_once 'includes/header.php'; ?>
|
|
|
|
<div class="container">
|
|
<div class="booking-form">
|
|
<h2>Create a New Booking</h2>
|
|
<form action="create_booking.php" method="POST">
|
|
<div class="form-group">
|
|
<label for="sport">Sport</label>
|
|
<select id="sport" name="sport" required>
|
|
<option value="tennis">Tennis</option>
|
|
<option value="basketball">Basketball</option>
|
|
<option value="volleyball">Volleyball</option>
|
|
<option value="badminton">Badminton</option>
|
|
</select>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="court">Court</label>
|
|
<select id="court" name="court" required>
|
|
<option value="1">Court 1</option>
|
|
<option value="2">Court 2</option>
|
|
<option value="3">Court 3</option>
|
|
</select>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="date">Date</label>
|
|
<input type="date" id="date" name="date" required>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="time">Start Time</label>
|
|
<input type="time" id="time" name="time" step="900" required>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="duration">Duration (in hours)</label>
|
|
<select id="duration" name="duration" required>
|
|
<option value="1">1 Hour</option>
|
|
<option value="2">2 Hours</option>
|
|
<option value="3">3 Hours</option>
|
|
</select>
|
|
</div>
|
|
<button type="submit">Create Booking</button>
|
|
</form>
|
|
</div>
|
|
|
|
<div class="calendar-container">
|
|
<h2>Booked Times</h2>
|
|
<div id="calendar"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="booking-modal" class="modal">
|
|
<div class="modal-content">
|
|
<span class="close-button">×</span>
|
|
<h2>New Booking</h2>
|
|
<form id="modal-booking-form">
|
|
<div class="form-group">
|
|
<label for="organizer-name">Organizer Name</label>
|
|
<input type="text" id="organizer-name" required>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="modal-sport">Sport</label>
|
|
<input type="text" id="modal-sport" required>
|
|
</div>
|
|
<button type="submit">Save Booking</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<?php require_once 'includes/footer.php'; ?>
|