ResortApp/templates/room_detail_view.html
Argyrios Deligiannidis e84cc555a2 alion
2022-06-26 23:19:01 +03:00

74 lines
2.3 KiB
HTML

{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Room Detail</title>
<script src="https://kit.fontawesome.com/692189991f.js" crossorigin="anonymous"></script>
<!-- Main StyleSheet -->
<link rel="stylesheet" href="{% static 'hotel/css/room_detail_view.css' %}">
</head>
<body>
<!-- Main Content -->
<div class="content">
<!-- Room Image -->
<div class="image">
<img
src="https://images.unsplash.com/photo-1519710164239-da123dc03ef4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60">
</div>
<!-- Room Details -->
<div class="room">
<!-- Div 1: Back to Home -->
<div class="home">
<a href="{% url 'hotel:RoomListView' %}"><i class="fas fa-arrow-alt-circle-left">Home</i></a>
</div>
<!-- Div 2: Room Information -->
<div class="room-info">
<h1>{{room_category}}</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Id optio rem saepe culpa architecto tempora
numquam debitis reiciendis! Quaerat laudantium consequuntur doloribus quod placeat consectetur
veniam,
rerum repellendus magnam labore. </p>
</div>
<!-- Div 3: Room Booking Form -->
<form id="booking-form" action="" method="POST">
{% csrf_token %}
<!-- Input Div -->
<div class="input-div">
<label for="id_check_in">Check In : </label>
<input type="datetime-local" id="id_check_in" name="check_in">
</div>
<!-- Input Div -->
<div class="input-div">
<label for="id_check_out">Check Out : </label>
<input type="datetime-local" id="id_check_out" name="check_out">
</div>
<!-- Input Div -->
<div class="input-div">
<button type="submit">Book the Room</button>
</div>
</form>
</div> <!-- END Room Div -->
</div> <!-- END Main Content Div -->
</body>
</html>