<?php $__env->startSection('title', 'Détails de l\'hôtel - ' . $hotel->name); ?>

<?php $__env->startPush('styles'); ?>
<style>
    :root {
        --primary-color: #020548;
        --secondary-color: #3b5de7;
        --accent-color: #ff6b6b;
        --light-bg: #f8f9fa;
        --dark-text: #2c3e50;
    }

    .hotel-header {
        background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
        color: white;
        padding: 3rem 0;
        margin-bottom: 2rem;
        border-radius: 0 0 25px 25px;
    }

    .hotel-card {
        background: white;
        border-radius: 20px;
        box-shadow: 0 15px 40px rgba(2, 5, 72, 0.15);
        overflow: hidden;
        margin-bottom: 2rem;
    }

    .carousel-container {
        height: 400px;
        overflow: hidden;
        position: relative;
    }

    .carousel-image {
        height: 400px;
        object-fit: cover;
        width: 100%;
    }

    .carousel-control-prev-icon,
    .carousel-control-next-icon {
        background-color: rgba(2, 5, 72, 0.8);
        border-radius: 50%;
        padding: 15px;
    }

    .hotel-info {
        padding: 2.5rem;
    }

    .info-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: 2rem;
        margin-bottom: 2rem;
    }

    .info-section {
        background: var(--light-bg);
        padding: 1.5rem;
        border-radius: 15px;
        border-left: 4px solid var(--primary-color);
    }

    .info-title {
        color: var(--primary-color);
        font-weight: 700;
        margin-bottom: 1rem;
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

    .info-item {
        display: flex;
        justify-content: between;
        margin-bottom: 1rem;
        padding-bottom: 1rem;
        border-bottom: 1px solid #eee;
    }

    .info-item:last-child {
        border-bottom: none;
        margin-bottom: 0;
    }

    .info-label {
        font-weight: 600;
        color: var(--dark-text);
        min-width: 200px;
    }

    .info-value {
        color: #6c757d;
        flex: 1;
    }

    .badge-yes {
        background: #28a745;
        color: white;
        padding: 0.3rem 0.8rem;
        border-radius: 15px;
        font-size: 0.85rem;
    }

    .badge-no {
        background: #dc3545;
        color: white;
        padding: 0.3rem 0.8rem;
        border-radius: 15px;
        font-size: 0.85rem;
    }

    .price-card {
        background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
        color: white;
        padding: 1.5rem;
        border-radius: 15px;
        text-align: center;
    }

    .price-amount {
        font-size: 2rem;
        font-weight: 700;
        margin: 0.5rem 0;
    }

    .price-label {
        opacity: 0.9;
        font-size: 0.9rem;
    }

    .action-buttons {
        display: flex;
        gap: 1rem;
        justify-content: center;
        padding: 2rem;
        background: var(--light-bg);
        border-radius: 15px;
        flex-wrap: wrap;
    }

    .btn-custom {
        background: var(--primary-color);
        border: none;
        padding: 12px 30px;
        border-radius: 10px;
        font-weight: 600;
        transition: all 0.3s;
    }

    .btn-custom:hover {
        background: var(--secondary-color);
        transform: translateY(-2px);
        box-shadow: 0 5px 15px rgba(59, 93, 231, 0.3);
    }

    @media (max-width: 768px) {
        .info-grid {
            grid-template-columns: 1fr;
        }

        .info-item {
            flex-direction: column;
            gap: 0.5rem;
        }

        .info-label {
            min-width: auto;
        }

        .carousel-container {
            height: 300px;
        }

        .carousel-image {
            height: 300px;
        }
    }
</style>
<?php $__env->stopPush(); ?>

<?php $__env->startSection('content'); ?>
<!-- Header avec fond gradient -->
<div class="hotel-header">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-md-8">
                <h1 class="display-4 fw-bold mb-3" style="color:white">
                    <i class="fas fa-hotel me-3"></i><?php echo e($hotel->name); ?>

                </h1>
                <p class="lead mb-0"><?php echo e($hotel->city); ?> • <?php echo e($hotel->emplacement); ?></p>
            </div>
            
        </div>
    </div>
</div>

<div class="container">
    <!-- Carousel d'images -->
    <?php if($hotel->images->count() > 0): ?>
    <div class="hotel-card">
        <div class="carousel-container">
            <div id="carousel-<?php echo e($hotel->id); ?>" class="carousel slide" data-bs-ride="carousel">
                <div class="carousel-inner">
                    <?php $__currentLoopData = $hotel->images; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $image): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <div class="carousel-item <?php echo e($key === 0 ? 'active' : ''); ?>">
                            <img src="<?php echo e(asset('storage/' . $image->images_path)); ?>"
                                 class="carousel-image"
                                 alt="<?php echo e($hotel->name); ?>">
                        </div>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </div>
                <?php if($hotel->images->count() > 1): ?>
                    <button class="carousel-control-prev" type="button" data-bs-target="#carousel-<?php echo e($hotel->id); ?>" data-bs-slide="prev">
                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                        <span class="visually-hidden">Précédent</span>
                    </button>
                    <button class="carousel-control-next" type="button" data-bs-target="#carousel-<?php echo e($hotel->id); ?>" data-bs-slide="next">
                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
                        <span class="visually-hidden">Suivant</span>
                    </button>
                <?php endif; ?>
            </div>
        </div>
    </div>
    <?php endif; ?>

    <!-- Grille d'informations -->
    <div class="info-grid">
        <!-- Informations générales -->
        <div class="info-section">
            <h4 class="info-title">
                <i class="fas fa-info-circle"></i>Informations Générales
            </h4>
            <div class="info-item">
                <span class="info-label">Nom de l'hôtel:</span>
                <span class="info-value"><?php echo e($hotel->name); ?></span>
            </div>
            <div class="info-item">
                <span class="info-label">Ville:</span>
                <span class="info-value"><?php echo e($hotel->city); ?></span>
            </div>
            <div class="info-item">
                <span class="info-label">Emplacement:</span>
                <span class="info-value"><?php echo e($hotel->emplacement); ?></span>
            </div>
        </div>

        <!-- Services -->
        <div class="info-section">
            <h4 class="info-title">
                <i class="fas fa-concierge-bell"></i>Services
            </h4>
            <div class="info-item">
                <span class="info-label">Service de ménage:</span>
                <span class="info-value">
                    <span class="<?php echo e($hotel->has_cleaning ? 'badge-yes' : 'badge-no'); ?>">
                        <?php echo e($hotel->has_cleaning ? 'Oui' : 'Non'); ?>

                    </span>
                </span>
            </div>
            <div class="info-item">
                <span class="info-label">Wi-Fi:</span>
                <span class="info-value">
                    <span class="<?php echo e($hotel->has_wifi ? 'badge-yes' : 'badge-no'); ?>">
                        <?php echo e($hotel->has_wifi ? 'Oui' : 'Non'); ?>

                    </span>
                </span>
            </div>
            <div class="info-item">
                <span class="info-label">Petit-déjeuner:</span>
                <span class="info-value">
                    <span class="<?php echo e($hotel->has_breakfast ? 'badge-yes' : 'badge-no'); ?>">
                        <?php echo e($hotel->has_breakfast ? 'Oui' : 'Non'); ?>

                    </span>
                </span>
            </div>
        </div>

        <!-- Capacités -->
        <div class="info-section">
            <h4 class="info-title">
                <i class="fas fa-home"></i>Capacités
            </h4>
            <div class="info-item">
                <span class="info-label">Nombre de lits:</span>
                <span class="info-value"><?php echo e($hotel->number_of_beds); ?> lits</span>
            </div>
            <div class="info-item">
                <span class="info-label">Salles de bain:</span>
                <span class="info-value"><?php echo e($hotel->number_of_bathrooms); ?> salles</span>
            </div>
            <div class="info-item">
                <span class="info-label">Climatiseurs:</span>
                <span class="info-value"><?php echo e($hotel->number_of_ac); ?> unités</span>
            </div>
        </div>
    </div>

    <!-- Prix -->
    <div class="row mb-4">
        <div class="col-md-4 mb-3">
            <div class="price-card">
                <div class="price-label">STANDARD</div>
                <div class="price-amount"><?php echo e(number_format($hotel->price_standard, 0, ',', ' ')); ?> FCFA</div>
                <small>Par nuit</small>
            </div>
        </div>
        <div class="col-md-4 mb-3">
            <div class="price-card">
                <div class="price-label">PREMIUM</div>
                <div class="price-amount"><?php echo e(number_format($hotel->price_premium, 0, ',', ' ')); ?> FCFA</div>
                <small>Par nuit</small>
            </div>
        </div>
        <div class="col-md-4 mb-3">
            <div class="price-card">
                <div class="price-label">SUITE</div>
                <div class="price-amount"><?php echo e(number_format($hotel->price_suite, 0, ',', ' ')); ?> FCFA</div>
                <small>Par nuit</small>
            </div>
        </div>
    </div>

    <!-- Descriptions -->
    <div class="row mb-4">
        <div class="col-md-6 mb-3">
            <div class="info-section">
                <h4 class="info-title">
                    <i class="fas fa-file-alt"></i>Description (Français)
                </h4>
                <p class="info-value"><?php echo e($hotel->description_fr); ?></p>
            </div>
        </div>
        <div class="col-md-6 mb-3">
            <div class="info-section">
                <h4 class="info-title">
                    <i class="fas fa-file-alt"></i>Description (Anglais)
                </h4>
                <p class="info-value"><?php echo e($hotel->description_en); ?></p>
            </div>
        </div>
    </div>

    <!-- Détails supplémentaires -->
    <div class="row mb-4">
        <div class="col-md-6 mb-3">
            <div class="info-section">
                <h4 class="info-title">
                    <i class="fas fa-plus-circle"></i>Détails supplémentaires (FR)
                </h4>
                <p class="info-value"><?php echo e($hotel->details_fr); ?></p>
            </div>
        </div>
        <div class="col-md-6 mb-3">
            <div class="info-section">
                <h4 class="info-title">
                    <i class="fas fa-plus-circle"></i>Détails supplémentaires (EN)
                </h4>
                <p class="info-value"><?php echo e($hotel->details_en); ?></p>
            </div>
        </div>
    </div>

    <!-- Boutons d'action -->
    <div class="action-buttons">
        <a href="<?php echo e(route('listeHotel')); ?>" class="btn btn-custom">
            <i class="fas fa-arrow-left me-2"></i>Retour à la liste
        </a>
        
    </div>
</div>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.app', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH C:\Users\LENOVO\Documents\voyagedifiantDashboard\resources\views/page/detail-hotel.blade.php ENDPATH**/ ?>