<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>www.hotelariaesaude.pt - Domain For Sale</title>
	<link rel="stylesheet" href="/forsale/css/style.css">
</head>
<body>
	<div class="container">
		<header class="header">
			<div class="header-content">
				<h1 class="domain-name">www.hotelariaesaude.pt</h1>
			</div>
		</header>

		<main class="main-content">
			<div class="content-wrapper">
				<section class="info-section">
					<div class="sale-badge">
						<span class="badge-text">FOR SALE</span>
					</div>

					<h2 class="section-title">This domain is available for purchase</h2>

					<div class="sale-info">
						<p class="info-text">
							This premium domain name <strong>www.hotelariaesaude.pt</strong> is currently available for sale.
						</p>
						<p class="info-text highlight">
							The domain will be sold to the buyer who offers the highest price.
						</p>
						<p class="info-text">
							If you're interested in acquiring this domain, please submit your offer below.
							All offers are reviewed, and we'll contact you if your proposal is accepted.
						</p>
					</div>
				</section>

				<section class="form-section">
					<div class="form-container">
						<h3 class="form-title">Make an Offer</h3>
						<p class="form-subtitle">Submit your proposal to purchase this domain</p>

						<form id="domainOfferForm" class="offer-form">
							<div class="form-row">
								<div class="form-group">
									<label for="firstName" class="form-label">First Name <span class="required">*</span></label>
									<input
										type="text"
										id="firstName"
										name="first_name"
										class="form-input"
										required
										placeholder="Enter your first name"
									>
									<span class="error-message" id="firstNameError"></span>
								</div>

								<div class="form-group">
									<label for="lastName" class="form-label">Family Name <span class="required">*</span></label>
									<input
										type="text"
										id="lastName"
										name="last_name"
										class="form-input"
										required
										placeholder="Enter your family name"
									>
									<span class="error-message" id="lastNameError"></span>
								</div>
							</div>

							<div class="form-group">
								<label for="email" class="form-label">Email Address <span class="required">*</span></label>
								<input
									type="email"
									id="email"
									name="email"
									class="form-input"
									required
									placeholder="your.email@example.com"
								>
								<span class="error-message" id="emailError"></span>
							</div>

							<div class="form-group">
								<label for="price" class="form-label">Your Offer (EUR) <span class="required">*</span></label>
								<div class="price-input-wrapper">
									<span class="currency-symbol">€</span>
									<input
										type="number"
										id="price"
										name="price"
										class="form-input price-input"
										required
										min="100"
										step="20"
										value="300"
										placeholder="Enter your offer amount"
									>
								</div>
								<p class="price-hint">Offers below €100 are not accepted.</p>
								<span class="error-message" id="priceError"></span>
							</div>

							<div class="form-group">
								<label for="comment" class="form-label">Comment <span class="required">*</span></label>
								<textarea
									id="comment"
									name="message"
									class="form-textarea"
									required
									rows="5"
									placeholder="Tell us about your intended use for this domain or any additional information..."
								></textarea>
								<span class="error-message" id="commentError"></span>
							</div>

							<!-- Math Captcha -->
							<div class="form-group">
								<label for="captchaAnswer" class="form-label">
									Security Question: <span id="captchaQuestion" class="captcha-question">Loading...</span> <span class="required">*</span>
								</label>
								<div class="captcha-wrapper">
									<input
										type="number"
										id="captchaAnswer"
										name="captcha_answer"
										class="form-input captcha-input"
										required
										placeholder="Enter the answer"
									>
									<button type="button" class="btn-refresh-captcha" id="refreshCaptcha" title="Get new question">
										🔄
									</button>
								</div>
								<span class="error-message" id="captchaError"></span>
								<input type="hidden" id="captchaId" name="captcha_id">
							</div>

							<div class="form-actions">
								<button type="submit" class="btn-submit" id="submitBtn">
									Submit Offer
								</button>
							</div>

							<div class="form-message" id="formMessage"></div>
						</form>
					</div>
				</section>

				<section class="features-section">
					<h3 class="features-title">Why Choose This Domain?</h3>
					<div class="features-grid">
						<div class="feature-item">
							<div class="feature-icon">✓</div>
							<h4 class="feature-title">Premium Domain</h4>
							<p class="feature-text">High-quality domain name with excellent branding potential</p>
						</div>
						<div class="feature-item">
							<div class="feature-icon">✓</div>
							<h4 class="feature-title">Instant Recognition</h4>
							<p class="feature-text">Memorable and easy to recall for your customers</p>
						</div>
						<div class="feature-item">
							<div class="feature-icon">✓</div>
							<h4 class="feature-title">SEO Benefits</h4>
							<p class="feature-text">Strong potential for search engine optimization</p>
						</div>
						<div class="feature-item">
							<div class="feature-icon">✓</div>
							<h4 class="feature-title">Business Ready</h4>
							<p class="feature-text">Perfect for your business or project launch</p>
						</div>
					</div>
				</section>
			</div>
		</main>

		<footer class="footer">
			<p class="footer-text">© 2026 All Rights Reserved</p>
		</footer>
	</div>

	<script>
		const DOMAIN_NAME = "www.hotelariaesaude.pt";
	</script>
	<script src="/forsale/js/form.js"></script>
</body>
</html>

