<?php
require_once 'config.php';
?>
<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>First Car – Transport de Prestige</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <?php include 'header.php'; ?>

    <main>
        <!-- HERO -->
        <section class="hero">
            <div class="hero-content">
                <span class="hero-eyebrow">Service de transport avec chauffeur</span>
                <h1>First Car<span>.</span></h1>
                <p>Élégance, ponctualité, confort. Voyagez différemment avec notre flotte haut de gamme et nos chauffeurs professionnels.</p>
                <div class="hero-cta">
                    <?php if (isset($_SESSION['user_id'])): ?>
                        <a href="dashboard.php" class="btn btn-primary">Réserver maintenant</a>
                        <a href="my_reservations.php" class="btn btn-outline">Mes réservations</a>
                    <?php else: ?>
                        <a href="register.php" class="btn btn-primary">Créer un compte</a>
                        <a href="login.php" class="btn btn-outline">Se connecter</a>
                    <?php endif; ?>
                </div>
            </div>
        </section>

        <!-- STATS -->
        <div class="stats-bar">
            <div class="stats-grid">
                <div class="stat-item">
                    <div class="stat-number">4</div>
                    <div class="stat-label">Chauffeurs experts</div>
                </div>
                <div class="stat-item">
                    <div class="stat-number">4</div>
                    <div class="stat-label">Véhicules premium</div>
                </div>
                <div class="stat-item">
                    <div class="stat-number">24h</div>
                    <div class="stat-label">Disponibilité</div>
                </div>
                <div class="stat-item">
                    <div class="stat-number">100%</div>
                    <div class="stat-label">Satisfaction client</div>
                </div>
            </div>
        </div>

        <!-- FEATURES -->
        <section class="features container">
            <div class="section-header">
                <h2>Pourquoi choisir First Car ?</h2>
                <p>Une expérience de transport irréprochable, de la réservation à l'arrivée</p>
            </div>
            <div class="feature-grid">
                <div class="feature-card">
                    <span class="icon">🎩</span>
                    <h3>Chauffeurs professionnels</h3>
                    <p>Nos chauffeurs sélectionnés avec soin sont expérimentés, courtois et discrets. Ils connaissent parfaitement les itinéraires et s'adaptent à vos exigences pour un trajet impeccable.</p>
                </div>
                <div class="feature-card">
                    <span class="icon">🚗</span>
                    <h3>Flotte haut de gamme</h3>
                    <p>Tesla, Mercedes, Volkswagen... Notre flotte de véhicules récents, méticuleusement entretenus vous garantit un voyage confortable, silencieux et luxueux à chaque trajet.</p>
                </div>
                <div class="feature-card">
                    <span class="icon">⏱️</span>
                    <h3>Ponctualité garantie</h3>
                    <p>Le respect de votre temps est notre priorité absolue. Nos chauffeurs anticipent les trajets et s'assurent d'être à l'heure, quelle que soit la distance ou les conditions.</p>
                </div>
                <div class="feature-card">
                    <span class="icon">📱</span>
                    <h3>Réservation simplifiée</h3>
                    <p>Réservez votre trajet en quelques clics depuis notre plateforme. Choisissez votre véhicule, votre chauffeur et votre créneau horaire — tout en toute transparence.</p>
                </div>
                <div class="feature-card">
                    <span class="icon">🔒</span>
                    <h3>Confidentialité assurée</h3>
                    <p>Vos déplacements restent privés. Nos chauffeurs s'engagent à respecter votre intimité et la discrétion la plus totale lors de chaque course.</p>
                </div>
                <div class="feature-card">
                    <span class="icon">✨</span>
                    <h3>Expérience sur-mesure</h3>
                    <p>Chaque client est unique. Nous nous adaptons à vos préférences — musique, température, itinéraire — pour faire de chaque trajet une expérience personnalisée.</p>
                </div>
            </div>
        </section>

        <!-- FLEET PREVIEW -->
        <section class="container" style="padding-bottom: 4rem;">
            <div class="section-header">
                <h2>Notre Flotte</h2>
                <p>Des véhicules d'exception pour tous vos déplacements</p>
            </div>
            <?php
            $cars = $pdo->query("SELECT * FROM cars")->fetchAll(PDO::FETCH_ASSOC);
            $carDescriptions = [
                'Tesla Model Y' => ['badge' => 'Électrique', 'specs' => ['SUV Premium', '5 passagers', 'Silencieux'], 'desc' => 'SUV électrique dernière génération. Technologie de pointe, intérieur épuré et conduite ultrasilencieuse pour une expérience de transport futuriste et écologique.'],
                'Toyota' => ['badge' => 'Berline', 'specs' => ['Berline', '4 passagers', 'Hybride'], 'desc' => 'Berline fiable et réputée pour son confort. Idéale pour les trajets urbains et interurbains, elle allie économie, espace et sérénité pour vos déplacements quotidiens.'],
                'Mercedes Viano' => ['badge' => 'Monospace VIP', 'specs' => ['Monospace', '7 passagers', 'Luxe'], 'desc' => 'Monospace emblématique de prestige, spacieux et raffiné. Parfait pour les groupes, les familles ou les transferts VIP nécessitant espace et confort premium.'],
                'Volkswagen Jetta' => ['badge' => 'Berline Sport', 'specs' => ['Berline', '4 passagers', 'Dynamique'], 'desc' => 'Berline élégante alliant dynamisme et raffinement. Finitions soignées, tenue de route exemplaire et confort optimal pour une conduite sportive et sophistiquée.'],
            ];
            ?>
            <div class="car-grid">
                <?php foreach ($cars as $car):
                    $info = $carDescriptions[$car['name']] ?? ['badge' => 'Véhicule', 'specs' => [], 'desc' => $car['description']];
                ?>
                <div class="car-card">
                    <div class="car-image-wrap">
                        <img src="images/<?= htmlspecialchars($car['image']) ?>" alt="<?= htmlspecialchars($car['name']) ?>">
                    </div>
                    <span class="car-badge"><?= $info['badge'] ?></span>
                    <h3><?= htmlspecialchars($car['name']) ?></h3>
                    <p><?= $info['desc'] ?></p>
                    <?php if (!empty($info['specs'])): ?>
                    <div class="car-specs">
                        <?php foreach ($info['specs'] as $spec): ?>
                        <span class="car-spec"><?= $spec ?></span>
                        <?php endforeach; ?>
                    </div>
                    <?php endif; ?>
                    <?php if (isset($_SESSION['user_id'])): ?>
                        <a href="book.php?car_id=<?= $car['id'] ?>" class="btn btn-primary">Réserver ce véhicule</a>
                    <?php else: ?>
                        <a href="login.php" class="btn btn-outline">Connexion pour réserver</a>
                    <?php endif; ?>
                </div>
                <?php endforeach; ?>
            </div>
        </section>

        <!-- TESTIMONIALS -->
        <section class="testimonials container">
            <div class="section-header">
                <h2>Ils nous font confiance</h2>
                <p>La satisfaction de nos clients est notre plus belle récompense</p>
            </div>
            <div class="testimonials-grid">
                <div class="testimonial-card">
                    <div class="testimonial-stars">★★★★★</div>
                    <p class="testimonial-text">"Service impeccable, chauffeur ponctuel et très professionnel. La Tesla était parfaite pour notre déplacement d'affaires. Je recommande vivement !"</p>
                    <div class="testimonial-author">— Sophie M., Cliente VIP</div>
                </div>
                <div class="testimonial-card">
                    <div class="testimonial-stars">★★★★★</div>
                    <p class="testimonial-text">"J'utilise First Car pour tous mes transferts aéroport. Fiabilité totale, confort exceptionnel et chauffeurs toujours souriants. Un vrai luxe !"</p>
                    <div class="testimonial-author">— Thomas B., Chef d'entreprise</div>
                </div>
                <div class="testimonial-card">
                    <div class="testimonial-stars">★★★★★</div>
                    <p class="testimonial-text">"La Mercedes Viano pour notre groupe de 6 personnes était parfaite. Spacieuse, confortable et le chauffeur connaissait parfaitement Paris."</p>
                    <div class="testimonial-author">— Famille Leclerc</div>
                </div>
            </div>
        </section>

        <!-- CTA BANNER -->
        <?php if (!isset($_SESSION['user_id'])): ?>
        <section style="padding: 4rem 0; text-align: center; background: linear-gradient(135deg, rgba(232,130,12,0.1), rgba(232,130,12,0.05));">
            <div class="container">
                <h2 style="font-family: 'Cormorant Garamond', serif; font-size: 2.5rem; margin-bottom: 1rem;">Prêt à voyager avec style ?</h2>
                <p style="color: var(--light2); margin-bottom: 2rem; font-weight: 300;">Créez votre compte gratuitement et réservez votre premier trajet en moins de 2 minutes.</p>
                <a href="register.php" class="btn btn-primary" style="font-size: 1rem; padding: 1rem 2.5rem;">Commencer maintenant</a>
            </div>
        </section>
        <?php endif; ?>
    </main>

    <?php include 'footer.php'; ?>
</body>
</html>
