3err0/booking
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

firrst commit

Browse Source
This commit is contained in:
3err0
2025-01-04 19:57:22 +08:00
parent 638bd6536e
commit 71b54bae94
10 changed files with 343 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
templates/base.html
+34
View File
@@ -0,0 +1,34 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{% block title %}Booking System{% endblock %}</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container-fluid">
<a class="navbar-brand" href="/">Booking System</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
{% if current_user.is_authenticated %}
<li class="nav-item"><a class="nav-link" href="/dashboard">Dashboard</a></li>
<li class="nav-item"><a class="nav-link" href="/logout">Logout</a></li>
{% else %}
<li class="nav-item"><a class="nav-link" href="/login">Login</a></li>
<li class="nav-item"><a class="nav-link" href="/register">Register</a></li>
{% endif %}
</ul>
</div>
</div>
</nav>
<div class="container mt-4">
{% block content %}{% endblock %}
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>
templates/booking.html
+37
View File
@@ -0,0 +1,37 @@
{% extends 'base.html' %}
{% block title %}Booking{% endblock %}
{% block content %}
<div class="row justify-content-center">
<div class="col-md-6">
<h1 class="text-center">Book {{ listing.title }}</h1>
<form method="POST">
<div class="mb-3">
<label for="name" class="form-label">Full Name</label>
<input type="text" class="form-control" id="name" name="name" required>
</div>
<div class="mb-3">
<label for="email" class="form-label">Email</label>
<input type="email" class="form-control" id="email" name="email" required>
</div>
<div class="mb-3">
<label for="phone" class="form-label">Phone</label>
<input type="text" class="form-control" id="phone" name="phone" required>
</div>
<div class="mb-3">
<label for="check_in" class="form-label">Check-in Date</label>
<input type="date" class="form-control" id="check_in" name="check_in" required>
</div>
<div class="mb-3">
<label for="check_out" class="form-label">Check-out Date</label>
<input type="date" class="form-control" id="check_out" name="check_out" required>
</div>
<div class="mb-3">
<label for="guests" class="form-label">Number of Guests</label>
<input type="number" class="form-control" id="guests" name="guests" required>
</div>
<button type="submit" class="btn btn-primary w-100">Confirm Booking</button>
</form>
</div>
</div>
{% endblock %}
templates/create_listing.html
+40
View File
@@ -0,0 +1,40 @@
{% extends 'base.html' %}
{% block title %}Create Listing{% endblock %}
{% block content %}
<div class="row justify-content-center">
<div class="col-md-6">
<h1 class="text-center">Create Listing</h1>
<form method="POST">
<div class="mb-3">
<label for="title" class="form-label">Title</label>
<input type="text" class="form-control" id="title" name="title" required>
</div>
<div class="mb-3">
<label for="description" class="form-label">Description</label>
<textarea class="form-control" id="description" name="description" rows="3" required></textarea>
</div>
<div class="mb-3">
<label for="price" class="form-label">Price</label>
<input type="number" class="form-control" id="price" name="price" required>
</div>
<div class="mb-3">
<label for="location" class="form-label">Location</label>
<input type="text" class="form-control" id="location" name="location" required>
</div>
<div class="mb-3">
<label for="property_type" class="form-label">Property Type</label>
<input type="text" class="form-control" id="property_type" name="property_type" required>
</div>
<div class="mb-3">
<label for="latitude" class="form-label">Latitude</label>
<input type="text" class="form-control" id="latitude" name="latitude">
</div>
<div class="mb-3">
<label for="longitude" class="form-label">Longitude</label>
<input type="text" class="form-control" id="longitude" name="longitude">
</div>
<button type="submit" class="btn btn-primary w-100">Create</button>
</form>
</div>
</div>
{% endblock %}
templates/dashboard.html
+20
View File
@@ -0,0 +1,20 @@
{% extends 'base.html' %}
{% block title %}Dashboard{% endblock %}
{% block content %}
<h1 class="text-center">Your Listings</h1>
<div class="row">
{% for listing in listings %}
<div class="col-md-4 mb-4">
<div class="card h-100">
<img src="/static/images/default.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">{{ listing.title }}</h5>
<p class="card-text">{{ listing.description }}</p>
<a href="/edit-listing/{{ listing.id }}" class="btn btn-warning">Edit</a>
<a href="/delete-listing/{{ listing.id }}" class="btn btn-danger">Delete</a>
</div>
</div>
</div>
{% endfor %}
</div>
{% endblock %}
templates/index.html
+19
View File
@@ -0,0 +1,19 @@
{% extends 'base.html' %}
{% block title %}Home{% endblock %}
{% block content %}
<h1 class="text-center">Available Listings</h1>
<div class="row">
{% for listing in listings %}
<div class="col-md-4 mb-4">
<div class="card h-100">
<img src="/static/images/default.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">{{ listing.title }}</h5>
<p class="card-text">{{ listing.description }}</p>
<a href="/booking/{{ listing.id }}" class="btn btn-primary">Book Now</a>
</div>
</div>
</div>
{% endfor %}
</div>
{% endblock %}
templates/login.html
+20
View File
@@ -0,0 +1,20 @@
{% extends 'base.html' %}
{% block title %}Login{% endblock %}
{% block content %}
<div class="row justify-content-center">
<div class="col-md-6">
<h1 class="text-center">Login</h1>
<form method="POST">
<div class="mb-3">
<label for="email" class="form-label">Email</label>
<input type="email" class="form-control" id="email" name="email" required>
</div>
<div class="mb-3">
<label for="password" class="form-label">Password</label>
<input type="password" class="form-control" id="password" name="password" required>
</div>
<button type="submit" class="btn btn-primary w-100">Login</button>
</form>
</div>
</div>
{% endblock %}
templates/register.html
+24
View File
@@ -0,0 +1,24 @@
{% extends 'base.html' %}
{% block title %}Register{% endblock %}
{% block content %}
<div class="row justify-content-center">
<div class="col-md-6">
<h1 class="text-center">Register</h1>
<form method="POST">
<div class="mb-3">
<label for="email" class="form-label">Email</label>
<input type="email" class="form-control" id="email" name="email" required>
</div>
<div class="mb-3">
<label for="password" class="form-label">Password</label>
<input type="password" class="form-control" id="password" name="password" required>
</div>
<div class="mb-3">
<label for="phone" class="form-label">Phone</label>
<input type="text" class="form-control" id="phone" name="phone" required>
</div>
<button type="submit" class="btn btn-success w-100">Register</button>
</form>
</div>
</div>
{% endblock %}