103 lines
5.8 KiB
HTML
103 lines
5.8 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block content %}
|
|
<div class="admin-container" style="max-width: 900px; margin: 0 auto;">
|
|
<a href="/?lang={{ lang }}" class="btn" style="background: rgba(255,255,255,0.1); color: #FFF; margin-bottom: 2rem; padding: 0.5rem 1.5rem; font-size: 0.9rem;">
|
|
← {{ 'Volver' if lang == 'es' else 'Back' }}
|
|
</a>
|
|
|
|
<div class="glass-panel" style="padding: 0; overflow: hidden;">
|
|
{% if tour.image_url %}
|
|
<img src="{{ tour.image_url }}" alt="{{ tour.title_en }}" style="width: 100%; height: 400px; object-fit: cover; border-bottom: 3px solid var(--primary-color);">
|
|
{% endif %}
|
|
|
|
<div style="padding: 3rem;">
|
|
<div style="display: flex; justify-content: space-between; align-items: flex-start; gap: 2rem; flex-wrap: wrap;">
|
|
<div>
|
|
<span style="background: var(--primary-color); color: var(--dark-bg); padding: 0.3rem 1rem; border-radius: 20px; font-weight: 800; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 1px;">
|
|
{{ tour.category }}
|
|
</span>
|
|
<h1 style="color: var(--primary-color); font-size: 3rem; margin: 1rem 0;">
|
|
{{ tour.title_es if lang == 'es' else tour.title_en }}
|
|
</h1>
|
|
</div>
|
|
<div style="text-align: right;">
|
|
<span style="display: block; font-size: 1rem; color: #BBB;">{{ 'Precio' if lang == 'es' else 'Price' }}</span>
|
|
<span style="font-size: 2.5rem; font-weight: 800; color: var(--secondary-color);">${{ tour.price }}</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="margin: 2rem 0; padding-top: 2rem; border-top: 1px solid rgba(255,255,255,0.1);">
|
|
<h3 style="color: #FFF; margin-bottom: 1rem;">{{ 'Descripción' if lang == 'es' else 'Description' }}</h3>
|
|
<p style="color: #CCC; font-size: 1.1rem; line-height: 1.8;">
|
|
{{ tour.desc_es if lang == 'es' else tour.desc_en }}
|
|
</p>
|
|
</div>
|
|
|
|
<div style="margin-top: 4rem;">
|
|
<h3 style="color: var(--primary-color); text-align: center; margin-bottom: 2rem; font-size: 2rem;">
|
|
{{ 'Reserva Este Tour' if lang == 'es' else 'Book This Tour' }}
|
|
</h3>
|
|
|
|
<form action="/submit?lang={{ lang }}" method="POST">
|
|
<div class="form-group">
|
|
<label>{{ 'Nombre' if lang == 'es' else 'Full Name' }}</label>
|
|
<input type="text" name="name" class="form-control" required>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label>{{ 'Correo Electrónico' if lang == 'es' else 'Email' }}</label>
|
|
<input type="email" name="email" class="form-control" required>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label>{{ 'Teléfono' if lang == 'es' else 'Phone' }}</label>
|
|
<input type="tel" name="phone" class="form-control" required>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label>{{ 'Interesado en' if lang == 'es' else 'Interested In' }}</label>
|
|
<select name="interested_in" class="form-control">
|
|
<option value="tour" {% if tour.category == 'tour' %}selected{% endif %}>Tours</option>
|
|
<option value="surf" {% if tour.category == 'surf' %}selected{% endif %}>Surf</option>
|
|
<option value="volcano" {% if tour.category == 'volcano' %}selected{% endif %}>Volcanoes</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label>{{ 'Mensaje' if lang == 'es' else 'Message' }}</label>
|
|
<textarea name="message" class="form-control" rows="4">{{ 'Me gustaría reservar el tour: ' ~ tour.title_es if lang == 'es' else 'I would like to book the tour: ' ~ tour.title_en }}</textarea>
|
|
</div>
|
|
|
|
<!-- Checkbox Normal -->
|
|
<label class="checkbox-wrap" style="color: #BBB;">
|
|
<input type="checkbox" required>
|
|
{{ 'Acepto los términos y condiciones' if lang == 'es' else 'I accept the terms and conditions' }}
|
|
</label>
|
|
|
|
<!-- Checkbox Retell AI -->
|
|
{% if settings.get('retell_enabled') == 'true' %}
|
|
<label class="checkbox-wrap" style="color: #BBB;">
|
|
<input type="checkbox" name="wants_retell_ai" value="true">
|
|
{{ 'Hablar con un Agente IA para coordinar detalles' if lang == 'es' else 'Speak with an AI Agent to coordinate details' }}
|
|
</label>
|
|
{% endif %}
|
|
|
|
<div class="form-group" style="margin-top: 1rem;">
|
|
{% if turnstile_site_key %}
|
|
<div class="cf-turnstile" data-sitekey="{{ turnstile_site_key }}"></div>
|
|
{% else %}
|
|
<i style="color: #888;">(Cloudflare Turnstile disabled, missing site key)</i>
|
|
{% endif %}
|
|
</div>
|
|
|
|
<button type="submit" class="btn btn-primary" style="width: 100%; border-radius: 8px;">
|
|
{{ 'Enviar Solicitud' if lang == 'es' else 'Submit Booking Request' }}
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|