<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Accommodation App</title>
<style>
/* Add your styles here */
</style>
</head>
<body>
<!-- User Registration Form -->
<form id="registrationForm">
<label for="name">Name:</label>
<input type="text" id="name" name="name" required>
<label for="phone">Phone:</label>
<input type="tel" id="phone" name="phone" required>
<label for="email">Email:</label>
<input type="email" id="email" name="email" required>
<label for="password">Password:</label>
<input type="password" id="password" name="password" required>
<button type="submit">Register</button>
</form>
<!-- Chat Section -->
<div id="chat">
<div id="messages"></div>
<!-- Message Input -->
<label for="accommodationType">Tip cazare:</label>
<select id="accommodationType">
<option value="Vila">Vila</option>
<option value="Apartament">Apartament</option>
<option value="Studio">Studio</option>
<option value="Hotel">Hotel</option>
</select>
<label for="duration">Perioada:</label>
<input type="text" id="duration" placeholder="Perioada..." required>
<label for="adults">Nr. Adulti:</label>
<input type="number" id="adults" placeholder="Nr. Adulti..." required>
<label for="children">Nr Copii:</label>
<input type="number" id="children" placeholder="Nr Copii..." required>
<label for="otherRequests">Alte cerinte:</label>
<textarea id="otherRequests" placeholder="Alte cerinte..."></textarea>
<button onclick="sendMessage()">Send</button>
</div>
<script>
// Add your JavaScript code here
// Function to handle user registration
document.getElementById('registrationForm').addEventListener('submit', function(event) {
event.preventDefault();
// Implement user registration logic here
});
// Function to send a message
function sendMessage() {
// Implement message sending logic here
}
</script>
</body>
</html>
