Hola {{ name }},
+Gracias por registrarte en celiafarm. Para completar tu registro, por favor verifica tu dirección de email haciendo clic en el botón de abajo:
+O copia y pega este enlace en tu navegador:
+{{ verification_url }}
+Este enlace expirará en 24 horas.
+Si no creaste esta cuenta, puedes ignorar este email.
+Hola {{ name }},
+Recibimos una solicitud para restablecer tu contraseña. Haz clic en el botón de abajo para crear una nueva contraseña:
+O copia y pega este enlace en tu navegador:
+{{ reset_url }}
+Este enlace expirará en 2 horas.
+Si no solicitaste restablecer tu contraseña, puedes ignorar este email de forma segura.
+Guarda este número para futuras consultas
+Hola {{ user_name }},
+¡Gracias por tu reserva! Hemos recibido tu pago y tu reserva está confirmada.
+ +{{ special_requests }}
+¡Esperamos verte pronto! 💜
+El equipo de celiafarm
+Hola {{ user_name }},
+¡Gracias por tu reserva! Tu pago ha sido confirmado.
+ + {% if temporary_password %} +Para que puedas revisar tu reserva, usa estos datos:
++ ⚠️ Te recomendamos cambiar tu contraseña después de iniciar sesión. +
+Número de confirmación: {{ confirmation_number }}
+¡Esperamos verte pronto! 💜
+Thank you for choosing CaliaFarm
+Dear {booking_data['customer_name']},
+ +We're delighted to confirm your booking at CaliaFarm. Your reservation has been successfully processed.
+ +Booking Reference
+| Total Paid: | +€{booking_data['total_amount']:.2f} | +
+ Contact Us +
+Si ves este email, ¡tu configuración SMTP funciona perfectamente!
+Tu sistema de emails de Celiafarm está listo.
+ + + """ + + try: + from api.email_service import send_email + success = send_email( + recipient=email, + subject="✅ Test Email - Celiafarm", + html_body=html + ) + + if success: + return jsonify({"message": f"Email enviado exitosamente a {email}"}), 200 + else: + return jsonify({"error": "Error al enviar email"}), 500 + except Exception as e: + return jsonify({"error": str(e)}), 500 + + +# Configurar Stripe +stripe.api_key = os.getenv('STRIPE_SECRET_KEY') + +print(f"🔑 STRIPE KEY: {stripe.api_key[:20]}...") + +@api.route('/create-checkout-session', methods=['POST', 'OPTIONS']) +def create_checkout_session(): + # Manejar preflight request + if request.method == 'OPTIONS': + return '', 204 + + try: + data = request.json + + # Crear line items para Stripe + line_items = [] + + for item in data['items']: + line_items.append({ + 'price_data': { + 'currency': 'eur', + 'product_data': { + 'name': item['name'], + 'description': f"{item['type'].capitalize()} - CaliaFarm Booking", + }, + 'unit_amount': int(item['subtotal'] * 100), + }, + 'quantity': 1, + }) + + # Obtener URL del frontend + frontend_url = os.getenv('FRONTEND_URL', 'http://localhost:3000') + + # Crear sesión de Stripe Checkout + checkout_session = stripe.checkout.Session.create( + payment_method_types=['card'], + line_items=line_items, + mode='payment', + success_url=f"{frontend_url}/confirmation?session_id={{CHECKOUT_SESSION_ID}}", + cancel_url=f"{frontend_url}/cart", + customer_email=data.get('customer_email'), + metadata={ + 'customer_name': data.get('customer_name', ''), + 'customer_phone': data.get('customer_phone', ''), + 'total_items': str(len(data['items'])) + } + ) + + return jsonify({ + 'checkout_url': checkout_session.url, + 'session_id': checkout_session.id + }), 200 + + except stripe.StripeError as e: + print(f"Stripe error: {str(e)}") + return jsonify({'error': f'Stripe error: {str(e)}'}), 400 + except Exception as e: + print(f"Error: {str(e)}") + return jsonify({'error': str(e)}), 400 + + +@api.route('/verify-payment', methods=['POST']) +def verify_payment(): + try: + data = request.json + session_id = data.get('session_id') + + if not session_id: + return jsonify({'error': 'No session ID provided'}), 400 + + # Verificar si ya existe una reserva con este session_id + existing_booking = Booking.query.filter_by(stripe_payment_intent_id=session_id).first() + if existing_booking: + return jsonify(existing_booking.serialize()), 200 + + # Recuperar la sesión de Stripe + session = stripe.checkout.Session.retrieve(session_id) + + if session.payment_status != 'paid': + return jsonify({'error': 'Payment not completed'}), 400 + + # Generar número de confirmación + confirmation_number = Booking.generate_confirmation_number() + + # Recuperar metadata + metadata = session.metadata + + # Obtener o crear usuario guest + customer_email = session.customer_details.email if hasattr(session, 'customer_details') else session.customer_email + user = User.query.filter_by(email=customer_email).first() + + if not user: + # Crear usuario guest + user = User( + email=customer_email, + name=metadata.get('customer_name', 'Guest'), + phone=metadata.get('customer_phone'), + is_guest=True, + email_verified=False, + password=None # Guest users don't have password + ) + db.session.add(user) + db.session.flush() # Para obtener el user_id + + # Crear la reserva con los campos correctos de tu modelo + booking = Booking( + confirmation_number=confirmation_number, + user_id=user.id, # REQUERIDO según tu modelo + number_of_guests=int(metadata.get('guests', 1)), + total_price=session.amount_total / 100, + payment_status=PaymentStatus.SUCCEEDED, + stripe_payment_intent_id=session_id, # Campo correcto + stripe_payment_status='paid', + status=BookingStatus.CONFIRMED, + special_requests=metadata.get('special_requests') + ) + + db.session.add(booking) + db.session.commit() + + # Preparar datos para el email + booking_data = { + 'booking_number': confirmation_number, + 'customer_email': user.email, + 'customer_name': user.name, + 'customer_phone': user.phone, + 'total_amount': booking.total_price, + 'payment_status': 'paid', + 'created_at': booking.created_at.isoformat(), + 'items': [] + } + + # Enviar email de confirmación + try: + send_booking_confirmation_email(booking_data) + + # Registrar el envío del email + email_log = EmailLog( + booking_id=booking.id, + email_type='booking_confirmation', + recipient_email=user.email, + subject=f'Confirmación de Reserva {confirmation_number}', + status=EmailStatus.SENT, + sent_at=datetime.utcnow() + ) + db.session.add(email_log) + db.session.commit() + except Exception as e: + print(f"Error sending confirmation email: {str(e)}") + # Registrar el error del email + email_log = EmailLog( + booking_id=booking.id, + email_type='booking_confirmation', + recipient_email=user.email, + subject=f'Confirmación de Reserva {confirmation_number}', + status=EmailStatus.FAILED, + error_message=str(e) + ) + db.session.add(email_log) + db.session.commit() + + return jsonify(booking.serialize()), 200 + + except stripe.StripeError as e: + db.session.rollback() + print(f"Stripe error: {str(e)}") + return jsonify({'error': f'Stripe error: {str(e)}'}), 400 + except Exception as e: + db.session.rollback() + print(f"Error verifying payment: {str(e)}") + return jsonify({'error': str(e)}), 400 + + # Manejar preflight request + if request.method == 'OPTIONS': + return '', 204 + + try: + data = request.json + + # Crear line items para Stripe + line_items = [] + + for item in data['items']: + line_items.append({ + 'price_data': { + 'currency': 'eur', + 'product_data': { + 'name': item['name'], + 'description': f"{item['type'].capitalize()} - CaliaFarm Booking", + }, + 'unit_amount': int(item['subtotal'] * 100), + }, + 'quantity': 1, + }) + + # Obtener URL del frontend + frontend_url = os.getenv('FRONTEND_URL', 'http://localhost:3000') + + # Crear sesión de Stripe Checkout + checkout_session = stripe.checkout.Session.create( + payment_method_types=['card'], + line_items=line_items, + mode='payment', + success_url=f"{frontend_url}/confirmation?session_id={{CHECKOUT_SESSION_ID}}", + cancel_url=f"{frontend_url}/cart", + customer_email=data.get('customer_email'), + metadata={ + 'customer_name': data.get('customer_name', ''), + 'customer_phone': data.get('customer_phone', ''), + 'total_items': str(len(data['items'])) + } + ) + + return jsonify({ + 'checkout_url': checkout_session.url, + 'session_id': checkout_session.id + }), 200 + + except stripe.StripeError as e: + print(f"Stripe error: {str(e)}") + return jsonify({'error': f'Stripe error: {str(e)}'}), 400 + except Exception as e: + print(f"Error: {str(e)}") + return jsonify({'error': str(e)}), 400 + if request.method == 'OPTIONS': + return '', 204 + + try: + data = request.json + + line_items = [] + + for item in data['items']: + line_items.append({ + 'price_data': { + 'currency': 'eur', + 'product_data': { + 'name': item['name'], + 'description': f"{item['type'].capitalize()} - CaliaFarm Booking", + }, + 'unit_amount': int(item['subtotal'] * 100), + }, + 'quantity': 1, + }) + + frontend_url = os.getenv('FRONTEND_URL', 'http://localhost:3000') + + checkout_session = stripe.checkout.Session.create( + payment_method_types=['card'], + line_items=line_items, + mode='payment', + success_url=f"{frontend_url}/confirmation?session_id={{CHECKOUT_SESSION_ID}}", + cancel_url=f"{frontend_url}/cart", + customer_email=data.get('customer_email'), + metadata={ + 'customer_name': data.get('customer_name', ''), + 'customer_phone': data.get('customer_phone', ''), + 'total_items': str(len(data['items'])) + } + ) + + return jsonify({ + 'checkout_url': checkout_session.url, + 'session_id': checkout_session.id + }), 200 + + except stripe.StripeError as e: # 👈 CAMBIAR AQUÍ + print(f"Stripe error: {str(e)}") + return jsonify({'error': f'Stripe error: {str(e)}'}), 400 + except Exception as e: + print(f"Error: {str(e)}") + return jsonify({'error': str(e)}), 400 + if request.method == 'OPTIONS': + return '', 204 + + try: + data = request.json + + line_items = [] + + for item in data['items']: + line_items.append({ + 'price_data': { + 'currency': 'eur', + 'product_data': { + 'name': item['name'], + 'description': f"{item['type'].capitalize()} - CaliaFarm Booking", + }, + 'unit_amount': int(item['subtotal'] * 100), + }, + 'quantity': 1, + }) + + frontend_url = os.getenv('FRONTEND_URL', 'http://localhost:3000') + + checkout_session = stripe.checkout.Session.create( + payment_method_types=['card'], + line_items=line_items, + mode='payment', + success_url=f"{frontend_url}/confirmation?session_id={{CHECKOUT_SESSION_ID}}", + cancel_url=f"{frontend_url}/cart", + customer_email=data.get('customer_email'), + metadata={ + 'customer_name': data.get('customer_name', ''), + 'customer_phone': data.get('customer_phone', ''), + 'total_items': str(len(data['items'])) + } + ) + + return jsonify({ + 'checkout_url': checkout_session.url, + 'session_id': checkout_session.id + }), 200 + + except stripe.StripeError as e: # 👈 CAMBIAR AQUÍ + print(f"Stripe error: {str(e)}") + return jsonify({'error': f'Stripe error: {str(e)}'}), 400 + except Exception as e: + print(f"Error: {str(e)}") + return jsonify({'error': str(e)}), 400 + try: + data = request.json + + # Crear line items para Stripe + line_items = [] + + for item in data['items']: + line_items.append({ + 'price_data': { + 'currency': 'eur', + 'product_data': { + 'name': item['name'], + 'description': f"{item['type'].capitalize()} - CaliaFarm Booking", + }, + 'unit_amount': int(item['subtotal'] * 100), # Stripe usa centavos + }, + 'quantity': 1, + }) + + # Obtener URL del frontend + frontend_url = os.getenv('FRONTEND_URL', 'http://localhost:3000') + + # Crear sesión de Stripe Checkout + checkout_session = stripe.checkout.Session.create( + payment_method_types=['card'], + line_items=line_items, + mode='payment', + success_url=f"{frontend_url}/confirmation?session_id={{CHECKOUT_SESSION_ID}}", + cancel_url=f"{frontend_url}/cart", + customer_email=data.get('customer_email'), + metadata={ + 'customer_name': data.get('customer_name', ''), + 'customer_phone': data.get('customer_phone', ''), + 'total_items': str(len(data['items'])) + } + ) + + return jsonify({ + 'checkout_url': checkout_session.url, + 'session_id': checkout_session.id + }), 200 + + except stripe.error.StripeError as e: + print(f"Stripe error: {str(e)}") + return jsonify({'error': f'Stripe error: {str(e)}'}), 400 + except Exception as e: + print(f"Error: {str(e)}") + return jsonify({'error': str(e)}), 400 \ No newline at end of file diff --git a/src/api/seed.py b/src/api/seed.py new file mode 100644 index 0000000000..a8e5fdf663 --- /dev/null +++ b/src/api/seed.py @@ -0,0 +1,215 @@ +# src/api/seed.py +""" +Seed script para poblar la base de datos con datos reales de CaliaFarm +""" +from api.models import ( + db, User, Experience, ExperienceSchedule, Room, Extra, Package, PackageExtra, + UserRole, DayOfWeek, ExtraType +) +from werkzeug.security import generate_password_hash +from datetime import time + +def seed_database(): + """Poblar la base de datos con datos iniciales de CaliaFarm""" + + print("🌱 Iniciando seed de CaliaFarm...") + + # ============= CREAR USUARIO ADMIN ============= + print("👤 Creando usuario admin...") + admin = User.query.filter_by(email='admin@caliafarm.com').first() + if not admin: + admin = User( + email='admin@caliafarm.com', + password=generate_password_hash('admin123'), + name='CaliaFarm Admin', + phone='+39 123 456 7890', + role=UserRole.ADMIN, + is_active=True, + email_verified=True, + is_guest=False + ) + db.session.add(admin) + + # ============= CREAR EXPERIENCIAS ============= + print("🍷 Creando experiencias...") + + # 1. Full Experience + full_exp = Experience.query.filter_by(name='Full Experience: Cooking & Dinner + Wine Tasting').first() + if not full_exp: + full_exp = Experience( + name='Full Experience: Cooking & Dinner + Wine Tasting', + description='Private tours to Sicily\'s finest wineries with exclusive tastings. Learn authentic Sicilian recipes in hands-on cooking classes.', + price=85.0, + max_capacity=8, + duration_hours=6, + image_url='https://images.unsplash.com/photo-1510812431401-41d2bd2722f3?w=800', + is_active=True + ) + db.session.add(full_exp) + db.session.flush() + + for day in DayOfWeek: + schedule = ExperienceSchedule( + experience_id=full_exp.id, + day_of_week=day, + start_time=time(10, 0) + ) + db.session.add(schedule) + + # 2. Cooking & Dinner + cooking_exp = Experience.query.filter_by(name='Cooking & Dinner Experience').first() + if not cooking_exp: + cooking_exp = Experience( + name='Cooking & Dinner Experience', + description='Visit century-old olive groves and traditional mills to discover Sicily\'s liquid gold.', + price=65.0, + max_capacity=8, + duration_hours=4, + image_url='https://images.unsplash.com/photo-1556910103-1c02745aae4d?w=800', + is_active=True + ) + db.session.add(cooking_exp) + db.session.flush() + + for day in DayOfWeek: + schedule = ExperienceSchedule( + experience_id=cooking_exp.id, + day_of_week=day, + start_time=time(14, 0) + ) + db.session.add(schedule) + + # 3. Wine Tasting + wine_exp = Experience.query.filter_by(name='Sicilian Wine Tasting').first() + if not wine_exp: + wine_exp = Experience( + name='Sicilian Wine Tasting', + description='Learn authentic Sicilian recipes in hands-on cooking classes with local chefs.', + price=75.0, + max_capacity=8, + duration_hours=3, + image_url='https://images.unsplash.com/photo-1506377247377-2a5b3b417ebb?w=800', + is_active=True + ) + db.session.add(wine_exp) + db.session.flush() + + for day in [DayOfWeek.FRIDAY, DayOfWeek.SATURDAY, DayOfWeek.SUNDAY]: + schedule = ExperienceSchedule( + experience_id=wine_exp.id, + day_of_week=day, + start_time=time(11, 0) + ) + db.session.add(schedule) + + # ============= CREAR HABITACIONES ============= + print("🏨 Creando habitaciones...") + + fico = Room.query.filter_by(name='Fico d\'India').first() + if not fico: + fico = Room( + name='Fico d\'India', + description='Elegant room with panoramic views and private jacuzzi.', + capacity=2, + price_per_night=150.0, + image_url='https://images.unsplash.com/photo-1582719478250-c89cae4dc85b?w=800', + amenities={'jacuzzi': True, 'vineyard_view': True}, + check_in_time=time(15, 0), + check_out_time=time(10, 0), + is_active=True + ) + db.session.add(fico) + + ulivo = Room.query.filter_by(name='Ulivo').first() + if not ulivo: + ulivo = Room( + name='Ulivo', + description='Cozy double room with traditional Sicilian decor.', + capacity=2, + price_per_night=100.0, + image_url='https://images.unsplash.com/photo-1566665797739-1674de7a421a?w=800', + amenities={'olive_grove_view': True}, + check_in_time=time(15, 0), + check_out_time=time(10, 0), + is_active=True + ) + db.session.add(ulivo) + + mandorla = Room.query.filter_by(name='Mandorla').first() + if not mandorla: + mandorla = Room( + name='Mandorla', + description='Bright and spacious double room with garden views.', + capacity=2, + price_per_night=100.0, + image_url='https://images.unsplash.com/photo-1590490360182-c33d57733427?w=800', + amenities={'garden_view': True}, + check_in_time=time(15, 0), + check_out_time=time(10, 0), + is_active=True + ) + db.session.add(mandorla) + + vigna = Room.query.filter_by(name='Vigna').first() + if not vigna: + vigna = Room( + name='Vigna', + description='Spacious triple room perfect for families.', + capacity=3, + price_per_night=140.0, + image_url='https://images.unsplash.com/photo-1578683010236-d716f9a3f461?w=800', + amenities={'vineyard_view': True, 'family_friendly': True}, + check_in_time=time(15, 0), + check_out_time=time(10, 0), + is_active=True + ) + db.session.add(vigna) + + # ============= CREAR EXTRAS ============= + print("✨ Creando extras...") + + transfer = Extra.query.filter_by(name='Airport Transfer').first() + if not transfer: + transfer = Extra( + name='Airport Transfer', + description='Private transfer from/to airport', + price=80.0, + type=ExtraType.PER_BOOKING, + is_active=True + ) + db.session.add(transfer) + + breakfast = Extra.query.filter_by(name='Sicilian Breakfast').first() + if not breakfast: + breakfast = Extra( + name='Sicilian Breakfast', + description='Traditional Sicilian breakfast', + price=15.0, + type=ExtraType.PER_GUEST, + is_active=True + ) + db.session.add(breakfast) + + dinner = Extra.query.filter_by(name='Gourmet Dinner').first() + if not dinner: + dinner = Extra( + name='Gourmet Dinner', + description='5-course Sicilian dinner with wine', + price=60.0, + type=ExtraType.PER_GUEST, + is_active=True + ) + db.session.add(dinner) + + db.session.commit() + + print("✅ Seed completado!") + print(f"Experiencias: {Experience.query.count()}") + print(f"Habitaciones: {Room.query.count()}") + print(f"Extras: {Extra.query.count()}") + print("\nAdmin: admin@caliafarm.com / admin123") + +if __name__ == '__main__': + from app import app + with app.app_context(): + seed_database() \ No newline at end of file diff --git a/src/app.py b/src/app.py index 1b3340c0fa..1504005a6e 100644 --- a/src/app.py +++ b/src/app.py @@ -5,13 +5,14 @@ from flask import Flask, request, jsonify, url_for, send_from_directory from flask_migrate import Migrate from flask_swagger import swagger +from flask_jwt_extended import JWTManager +from flask_cors import CORS # 👈 AGREGAR IMPORT from api.utils import APIException, generate_sitemap from api.models import db from api.routes import api from api.admin import setup_admin from api.commands import setup_commands - -# from models import Person +from api.email_service import init_mail ENV = "development" if os.getenv("FLASK_DEBUG") == "1" else "production" static_file_dir = os.path.join(os.path.dirname( @@ -19,7 +20,16 @@ app = Flask(__name__) app.url_map.strict_slashes = False -# database condiguration +# 👇 CONFIGURAR CORS (AGREGAR ESTO AQUÍ) +CORS(app, resources={ + r"/api/*": { + "origins": "*", + "methods": ["GET", "POST", "PUT", "DELETE", "OPTIONS"], + "allow_headers": ["Content-Type", "Authorization"] + } +}) + +# database configuration db_url = os.getenv("DATABASE_URL") if db_url is not None: app.config['SQLALCHEMY_DATABASE_URI'] = db_url.replace( @@ -28,28 +38,40 @@ app.config['SQLALCHEMY_DATABASE_URI'] = "sqlite:////tmp/test.db" app.config['SQLALCHEMY_TRACK_MODIFICATIONS'] = False + +# JWT CONFIGURATION +app.config['JWT_SECRET_KEY'] = os.getenv('JWT_SECRET_KEY', 'dev_secret_key_change_in_production') + +# EMAIL CONFIGURATION (Flask-Mail) +app.config['MAIL_SERVER'] = os.getenv('MAIL_SERVER', 'smtp.gmail.com') +app.config['MAIL_PORT'] = int(os.getenv('MAIL_PORT', 587)) +app.config['MAIL_USE_TLS'] = os.getenv('MAIL_USE_TLS', 'true').lower() == 'true' +app.config['MAIL_USE_SSL'] = os.getenv('MAIL_USE_SSL', 'false').lower() == 'true' +app.config['MAIL_USERNAME'] = os.getenv('MAIL_USERNAME') +app.config['MAIL_PASSWORD'] = os.getenv('MAIL_PASSWORD') +app.config['MAIL_DEFAULT_SENDER'] = os.getenv('MAIL_DEFAULT_SENDER', os.getenv('MAIL_USERNAME')) + +# Initialize extensions MIGRATE = Migrate(app, db, compare_type=True) db.init_app(app) +jwt = JWTManager(app) +init_mail(app) # add the admin setup_admin(app) -# add the admin +# add the commands setup_commands(app) -# Add all endpoints form the API with a "api" prefix +# Add all endpoints from the API with a "api" prefix app.register_blueprint(api, url_prefix='/api') # Handle/serialize errors like a JSON object - - @app.errorhandler(APIException) def handle_invalid_usage(error): return jsonify(error.to_dict()), error.status_code # generate sitemap with all your endpoints - - @app.route('/') def sitemap(): if ENV == "development": @@ -65,8 +87,7 @@ def serve_any_other_file(path): response.cache_control.max_age = 0 # avoid cache memory return response - -# this only runs if `$ python src/main.py` is executed +# this only runs if `$ python src/app.py` is executed if __name__ == '__main__': PORT = int(os.environ.get('PORT', 3001)) - app.run(host='0.0.0.0', port=PORT, debug=True) + app.run(host='0.0.0.0', port=PORT, debug=True) \ No newline at end of file diff --git a/src/front/components/Footer.jsx b/src/front/components/Footer.jsx index f06302dbd2..9c963235fb 100644 --- a/src/front/components/Footer.jsx +++ b/src/front/components/Footer.jsx @@ -1,11 +1,288 @@ -export const Footer = () => ( - -); +// src/front/js/component/Footer.jsx +import React from "react"; +import { Link } from "react-router-dom"; + +export const Footer = () => { + return ( + + ); +}; \ No newline at end of file diff --git a/src/front/components/Navbar.jsx b/src/front/components/Navbar.jsx index 30d43a2636..8220bc1043 100644 --- a/src/front/components/Navbar.jsx +++ b/src/front/components/Navbar.jsx @@ -1,19 +1,161 @@ -import { Link } from "react-router-dom"; +// src/front/js/component/Navbar.jsx +import React, { useState } from "react"; +import { Link, useNavigate } from "react-router-dom"; +import useGlobalReducer from "../hooks/useGlobalReducer.jsx"; // 👈 TU HOOK export const Navbar = () => { + const { store, dispatch } = useGlobalReducer(); // 👈 USA TU HOOK + const navigate = useNavigate(); + const [isMenuOpen, setIsMenuOpen] = useState(false); - return ( - - ); + const handleLogout = () => { + dispatch({ type: "logout" }); + navigate('/'); + }; + + return ( + + ); }; \ No newline at end of file diff --git a/src/front/components/SearchBar.jsx b/src/front/components/SearchBar.jsx new file mode 100644 index 0000000000..8c0d4982e1 --- /dev/null +++ b/src/front/components/SearchBar.jsx @@ -0,0 +1,226 @@ +// src/front/js/component/SearchBar.jsx +import React, { useState } from "react"; +import { useNavigate } from "react-router-dom"; + +export const SearchBar = ({ variant = "hero" }) => { + const navigate = useNavigate(); + const [searchData, setSearchData] = useState({ + checkIn: "", + checkOut: "", + adults: 2, + children: 0 + }); + const [showGuestDropdown, setShowGuestDropdown] = useState(false); + + const handleSearch = (e) => { + e.preventDefault(); + + // Validaciones + if (!searchData.checkIn || !searchData.checkOut) { + alert("Please select check-in and check-out dates"); + return; + } + + const checkInDate = new Date(searchData.checkIn); + const checkOutDate = new Date(searchData.checkOut); + + if (checkInDate >= checkOutDate) { + alert("Check-out date must be after check-in date"); + return; + } + + // Navegar a resultados con query params + const params = new URLSearchParams({ + check_in: searchData.checkIn, + check_out: searchData.checkOut, + guests: searchData.adults + searchData.children + }); + + navigate(`/search?${params.toString()}`); + }; + + const incrementGuests = (type) => { + setSearchData(prev => ({ + ...prev, + [type]: prev[type] + 1 + })); + }; + + const decrementGuests = (type) => { + if (searchData[type] > 0) { + setSearchData(prev => ({ + ...prev, + [type]: prev[type] - 1 + })); + } + }; + + const totalGuests = searchData.adults + searchData.children; + + // Estilos según variante + const isHero = variant === "hero"; + const containerClass = isHero + ? "shadow-lg p-4 rounded-4 bg-white" + : "shadow-sm p-3 rounded-3 bg-white border"; + + return ( ++ Looks like you haven't added anything to your cart yet. +
+ + Start Exploring + ++ + Date: {new Date(item.date).toLocaleDateString()} +
++ + Guests: {item.guests} +
++ Price: €{item.price}/person +
+ + )} + + {/* Room Details */} + {item.type === 'room' && ( + <> ++ + Check-in: {new Date(item.check_in).toLocaleDateString()} +
++ + Check-out: {new Date(item.check_out).toLocaleDateString()} +
++ + Nights: {item.nights} +
++ Price: €{item.price}/night +
+ + )} + + {/* Extras */} + {item.extras && item.extras.length > 0 && ( +Please wait while we confirm your booking.
+{error}
+ + Return to Home + ++ Thank you for your booking. A confirmation email has been sent to{' '} + {booking?.customer_email} +
++ {experience.description} +
++ You won't be charged yet +
+
-
-
+ Experience the true essence of Sicily through exclusive wine tours, + olive oil tastings, and luxury accommodation in the heart of the countryside +
+ +Happy Guests
+Wine Partners
+Years Experience
+Sicilian Authentic
++ Immerse yourself in authentic Sicilian culture through our curated experiences +
++ {exp.description.substring(0, 120)}... +
+No experiences available at the moment.
++ {room.description} +
++ You won't be charged yet +
+{checkIn || 'Not selected'}
+{checkOut || 'Not selected'}
+{guests || '0'}
++ {exp.description.substring(0, 100)}... +
++ {room.description.substring(0, 100)}... +
+