






<!DOCTYPE html>

<html lang="ar" dir="rtl">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>غرف بالساعة | VIP Rooms - خصوصية وراحة - פרטי חדר</title>

    <meta name="description" content="احجز غرفًا سرية بالساعة مع VIP Rooms. تجربة فاخرة بأسعار مناسبة وخصوصية كاملة في جميع أنحاء البلاد!">

    <meta name="keywords" content="غرف بالساعة, شاليهات سرية, تأجير غرف, غرف فاخرة">

    <meta name="robots" content="index, follow">

    <link rel="canonical" href="https://viprooms.co.il/?lang=ar">

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">

    <link href="https://fonts.googleapis.com/css2?family=Assistant:wght@400;500;700&display=swap" rel="stylesheet">
    
    <link href="https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800&family=Heebo:wght@300;400;500;600;700;800&family=Poppins:wght@400;500;600;700;800&display=swap" rel="stylesheet">

    <script src="https://accounts.google.com/gsi/client" async defer></script>

    <link rel="stylesheet" href="assets/css/design-system.css?v=2.0">
    <link rel="stylesheet" href="assets/css/animations.css?v=2.0">
    <link rel="stylesheet" href="assets/css/room-cards.css?v=2.0">
    <link rel="stylesheet" href="assets/css/card-gallery-hover.css?v=1.0">
    <link rel="stylesheet" href="assets/css/room-detail.css?v=2.0">
    <link rel="stylesheet" href="assets/css/search.css?v=2.0">
    <link rel="stylesheet" href="assets/css/cta.css?v=2.0">
    <link rel="stylesheet" href="assets/css/mobile.css?v=2.0">
    <link rel="stylesheet" href="assets/css/style.css?t=1">

    <!-- Schema Markup דינמי -->

    <script type="application/ld+json">

    
    {

      "@context": "https://schema.org",

      "@type": "LocalBusiness",

      "name": "VIP Rooms",

      "description": "احجز غرفًا سرية بالساعة مع VIP Rooms. تجربة فاخرة بأسعار مناسبة وخصوصية كاملة في جميع أنحاء البلاد!",

      "url": "https://viprooms.co.il/?lang=ar",

      "address": {

        "@type": "PostalAddress",

        "addressCountry": "IL"

      },

      "telephone": "+972-123-456-789",

      "image": "https://viprooms.co.il/assets/img/logor.png"

    }

    
    </script>



    <!-- Google Tag Manager -->

    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':

    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],

    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=

    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);

    })(window,document,'script','dataLayer','GTM-W7HJW5ZR');</script>

    <!-- End Google Tag Manager -->

</head>

<body>

    <!-- Google Tag Manager (noscript) -->

    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W7HJW5ZR"

    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

    <!-- End Google Tag Manager (noscript) -->

    <header>

        <div class="container">

            <div class="header-top">

                <div class="language-selector">

                    <button class="dropdown-toggle" type="button" id="languageDropdown" data-bs-toggle="dropdown" aria-expanded="false" aria-label="اللغة">

                        <i class="fas fa-globe"></i> اللغة
                    </button>

					
					<ul class="dropdown-menu" aria-labelledby="languageDropdown">

                        <li><a class="dropdown-item" href="__93?lang=he">العبرية</a></li>

                        <li><a class="dropdown-item" href="__93?lang=ar">العربية</a></li>

                    </ul>

					
                </div>

                
                    <div id="g_id_onload"

                         data-client_id="124818090557-h71uek12j8nojq8uflpf5korvkbrmubo.apps.googleusercontent.com"

                         data-callback="handleCredentialResponse"

                         data-auto_prompt="false">

                    </div>

                    <div class="g_id_signin"

                         data-type="standard"

                         data-size="medium"

                         data-theme="filled_white"

                         data-text="sign_in_with"

                         data-shape="rectangular"

                         data-logo_alignment="left">

                    </div>

                
            </div>

            <nav class="navbar navbar-expand-lg">

                <div class="collapse navbar-collapse" id="navbarNav">

                    <ul class="navbar-nav ms-auto" style="padding: 0;">

                        <li class="nav-item">

                            <a class="nav-link" href="index.php?lang=ar"><i class="fas fa-home"></i> الصفحة الرئيسية</a>

                        </li>

                        <li class="nav-item">

                            <a class="nav-link" href="search.php?lang=ar"><i class="fas fa-search"></i> البحث عن غرف</a>

                        </li>

                        <li class="nav-item">

                            <a class="nav-link" href="favorites.php?lang=ar"><i class="fas fa-heart"></i> الأماكن المفضلة</a>

                        </li>

                    </ul>

                </div>

                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="فتح القائمة">

                    <span class="navbar-toggler-icon"></span>

                </button>

                <a class="navbar-brand" href="index.php?lang=ar"><img src="assets/img/logor.png" alt="غرف بالساعة" style="width: 200px;" /></a>

            </nav>

        </div>

    </header>

    <script>

        function handleCredentialResponse(response) {

            fetch('auth_google.php', {

                method: 'POST',

                headers: { 'Content-Type': 'application/json' },

                body: JSON.stringify({ credential: response.credential })

            })

            .then(response => response.json())

            .then(data => {

                if (data.status === 'success') {

                    window.location.reload();

                } else {

                    alert('خطأ في تسجيل الدخول: ' + data.message);

                }

            })

            .catch(error => {

                console.error('Error:', error);

                alert('خطأ في تسجيل الدخول.');

            });

        }



        document.getElementById('signOutBtnHeader')?.addEventListener('click', () => {

            fetch('auth_google.php', {

                method: 'POST',

                headers: { 'Content-Type': 'application/json' },

                body: JSON.stringify({ action: 'signout' })

            })

            .then(() => {

                window.location.reload();

            });

        });

    </script>
<link href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/2.7.1/css/lightgallery.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/2.7.1/css/lg-zoom.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/2.7.1/css/lg-thumbnail.min.css" rel="stylesheet">

    <style>
/* Modern Room Design - Clean & Professional */
.room2-container {
    background: linear-gradient(to bottom, #f8fafc 0%, #e2e8f0 100%);
    min-height: 100vh;
    padding: 2rem 0;
}

.room2-hero {
    position: relative;
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    margin-bottom: 2rem;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.room2-gallery {
    position: relative;
    height: 500px;
}

.room2-gallery .swiper-slide img {
    width: 100%;
    height: 500px;
    object-fit: cover;
}

.room2-badge {
    position: absolute;
    top: 20px;
    right: 20px;
    background: linear-gradient(135deg, #ffd700 0%, #ffed4e 100%);
    color: #000;
    padding: 12px 24px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 1.1rem;
    box-shadow: 0 8px 16px rgba(255, 215, 0, 0.4);
    z-index: 10;
    display: flex;
    align-items: center;
    gap: 8px;
}

[dir="rtl"] .room2-badge {
    right: auto;
    left: 20px;
}

.room2-content {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(20px);
    border-radius: 30px;
    padding: 3rem;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.room2-header {
    display: flex;
    justify-content: space-between;
    align-items: start;
    margin-bottom: 2rem;
    flex-wrap: wrap;
    gap: 1.5rem;
}

.room2-title {
    font-size: 2.5rem;
    font-weight: 800;
    background: linear-gradient(135deg, #1e40af 0%, #0ea5e9 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin: 0;
    line-height: 1.2;
}

.room2-location {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #666;
    font-size: 1.1rem;
    margin-top: 0.5rem;
}

.room2-location i {
    color: #0ea5e9;
}

.room2-actions {
            display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.room2-action-btn {
    min-width: 50px;
    height: 50px;
    border-radius: 25px;
    border: none;
    background: rgba(14, 165, 233, 0.1);
    color: #0ea5e9;
    font-size: 1.2rem;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
            align-items: center;
            justify-content: center;
    padding: 0 1rem;
    gap: 0.5rem;
    text-decoration: none;
}

.room2-action-label {
    font-size: 0.9rem;
    font-weight: 600;
    white-space: nowrap;
}

.room2-action-btn:hover {
    background: linear-gradient(135deg, #0ea5e9 0%, #1e40af 100%);
            color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 8px 16px rgba(14, 165, 233, 0.4);
}

.room2-action-phone {
    background: linear-gradient(135deg, rgba(14, 165, 233, 0.1) 0%, rgba(14, 165, 233, 0.05) 100%);
    border: 2px solid #0ea5e9;
}

.room2-action-phone:hover {
    background: linear-gradient(135deg, #0ea5e9 0%, #1e40af 100%);
    border-color: transparent;
}

.room2-action-whatsapp {
    background: linear-gradient(135deg, rgba(37, 211, 102, 0.1) 0%, rgba(18, 140, 126, 0.05) 100%);
    border: 2px solid #25d366;
    color: #25d366;
}

.room2-action-whatsapp:hover {
    background: linear-gradient(135deg, #25d366 0%, #128c7e 100%);
    border-color: transparent;
    color: #fff;
}

.room2-action-btn.active {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    color: #fff;
}

.room2-grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 2rem;
    margin-top: 2rem;
}

@media (max-width: 992px) {
    .room2-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .room2-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }
    
    .room2-actions {
        width: 100%;
        justify-content: flex-start;
    }
    
    .room2-action-label {
        display: none;
    }
    
    .room2-action-btn {
        min-width: 50px;
        width: 50px;
        padding: 0;
        border-radius: 50%;
    }
}

.room2-section {
            background: #fff;
    border-radius: 20px;
    padding: 2rem;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.room2-notes-box {
    background: linear-gradient(135deg, rgba(255, 243, 176, 0.3) 0%, rgba(255, 224, 130, 0.2) 100%);
    border-right: 4px solid #ffa726;
    padding: 1.25rem;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(255, 167, 38, 0.15);
}

[dir="rtl"] .room2-notes-box {
    border-right: none;
    border-left: 4px solid #ffa726;
}

.room2-section-title {
    font-size: 1.5rem;
    font-weight: 700;
            margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    gap: 12px;
    color: #1e293b;
}

.room2-section-title i {
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, #0ea5e9 0%, #1e40af 100%);
    color: #fff;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.room2-description {
    color: #64748b;
    line-height: 1.8;
    font-size: 1.05rem;
}

.room2-amenities {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 1rem;
}

.room2-amenity {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 1rem;
    background: rgba(14, 165, 233, 0.05);
            border-radius: 12px;
    transition: all 0.3s ease;
    border: 1px solid rgba(14, 165, 233, 0.1);
}

.room2-amenity:hover {
    background: rgba(14, 165, 233, 0.1);
    transform: translateY(-2px);
    border-color: rgba(14, 165, 233, 0.3);
}

.room2-amenity i {
    font-size: 1.5rem;
    color: #0ea5e9;
}

.room2-amenity span {
    font-weight: 600;
    color: #1e293b;
}

.room2-pricing {
    background: linear-gradient(135deg, #0ea5e9 0%, #1e40af 100%);
    border-radius: 20px;
    padding: 2rem;
    color: #fff;
    box-shadow: 0 15px 40px rgba(14, 165, 233, 0.4);
    position: sticky;
    top: 100px;
}

.room2-pricing-title {
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    text-align: center;
}

.room2-contact-info {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px);
    border-radius: 12px;
    margin-bottom: 1.5rem;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.room2-contact-info i {
    font-size: 1.5rem;
    color: #fff;
}

.room2-contact-label {
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 4px;
}

.room2-contact-phone {
    font-size: 1.2rem;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    direction: ltr;
    display: inline-block;
}

.room2-contact-phone:hover {
    text-decoration: underline;
}

.room2-price-item {
    display: flex;
	justify-content: space-between;
    align-items: center;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border-radius: 12px;
    margin-bottom: 0.75rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.room2-price-label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
}

.room2-price-amount {
    font-size: 1.5rem;
    font-weight: 800;
}

.room2-cta-group {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 1.5rem;
}

.room2-cta {
    padding: 1rem 2rem;
    border-radius: 12px;
    border: none;
    font-weight: 700;
            font-size: 1.1rem;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-decoration: none;
}

.room2-cta-phone {
    background: #fff;
    color: #0ea5e9;
}

.room2-cta-phone:hover {
    background: #f8fafc;
    transform: translateY(-2px);
    box-shadow: 0 8px 16px rgba(255, 255, 255, 0.3);
}

.room2-cta-whatsapp {
    background: #25d366;
    color: #fff;
}

.room2-cta-whatsapp:hover {
    background: #20bd5a;
    transform: translateY(-2px);
    box-shadow: 0 8px 16px rgba(37, 211, 102, 0.4);
}

.room2-nearby {
    margin-top: 3rem;
}

.room2-nearby-title {
    font-size: 2rem;
    font-weight: 800;
    text-align: center;
    background: linear-gradient(135deg, #1e40af 0%, #0ea5e9 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 2rem;
}

.room2-nearby-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 2rem;
}

.room2-nearby-card {
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.room2-nearby-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

.room2-nearby-card img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.room2-nearby-card-body {
    padding: 1.5rem;
}

.room2-nearby-card-title {
    font-size: 1.2rem;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 0.5rem;
}

.room2-nearby-card-price {
    font-size: 1.5rem;
    font-weight: 800;
    color: #0ea5e9;
}

/* Swiper Custom Styling */
.room2-gallery .swiper-button-next,
.room2-gallery .swiper-button-prev {
    background: rgba(255, 255, 255, 0.9);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    color: #0ea5e9;
}

.room2-gallery .swiper-button-next:after,
.room2-gallery .swiper-button-prev:after {
    font-family: "Font Awesome 5 Free";
    font-size: 1.5rem;
    font-weight: 900;
}

.room2-gallery .swiper-button-prev:after {
    content: "\f053"; /* FontAwesome chevron-left */
}

.room2-gallery .swiper-button-next:after {
    content: "\f054"; /* FontAwesome chevron-right */
}

[dir="rtl"] .room2-gallery .swiper-button-prev:after {
    content: "\f054"; /* FontAwesome chevron-right for RTL */
}

[dir="rtl"] .room2-gallery .swiper-button-next:after {
    content: "\f053"; /* FontAwesome chevron-left for RTL */
}

.room2-gallery .swiper-pagination-bullet {
    background: #fff;
    opacity: 0.7;
    width: 12px;
    height: 12px;
}

.room2-gallery .swiper-pagination-bullet-active {
    opacity: 1;
    width: 30px;
    border-radius: 6px;
}

/* View All Images Button */
.room2-view-all-btn {
    position: absolute;
    bottom: 20px;
    right: 20px;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    border: 2px solid rgba(14, 165, 233, 0.3);
    border-radius: 50px;
    padding: 12px 24px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #0ea5e9;
    font-weight: 700;
    font-size: 1rem;
            cursor: pointer;
    transition: all 0.3s ease;
    z-index: 10;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

[dir="rtl"] .room2-view-all-btn {
    right: auto;
    left: 20px;
}

.room2-view-all-btn:hover {
    background: linear-gradient(135deg, #0ea5e9 0%, #1e40af 100%);
    color: #fff;
    border-color: transparent;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(14, 165, 233, 0.4);
}

.room2-view-all-btn i {
    font-size: 1.2rem;
}

/* Breadcrumb Modern */
.room2-breadcrumb {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
    border-radius: 15px;
    padding: 1rem 1.5rem;
    margin-bottom: 2rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.room2-breadcrumb .breadcrumb-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.room2-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    content: "/";
    padding: 0 0.5rem;
    color: #94a3b8;
}

.room2-breadcrumb a {
    color: #0ea5e9;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.room2-breadcrumb a:hover {
    color: #1e40af;
}

.room2-breadcrumb .breadcrumb-item.active {
    color: #64748b;
    font-weight: 500;
}

/* RTL Support for Breadcrumb */
[dir="rtl"] .room2-breadcrumb {
    direction: rtl;
}

[dir="rtl"] .room2-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    padding: 0 0.5rem;
}

/* Room Details Grid */
.room2-details-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.room2-detail-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 1rem;
    background: linear-gradient(135deg, rgba(14, 165, 233, 0.05) 0%, rgba(30, 64, 175, 0.05) 100%);
    border-radius: 12px;
    border: 1px solid rgba(14, 165, 233, 0.1);
}

.room2-detail-item i {
    font-size: 1.5rem;
    color: #0ea5e9;
}

.room2-detail-content {
    flex: 1;
}

.room2-detail-label {
    font-size: 0.85rem;
    color: #64748b;
    font-weight: 500;
}

.room2-detail-value {
    font-size: 1rem;
    color: #1e293b;
    font-weight: 700;
}

/* Image Gallery Thumbnails */
.room2-thumbnails {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 1rem;
    margin-top: 2rem;
}

.room2-thumbnail {
    position: relative;
    height: 100px;
    border-radius: 12px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.3s ease;
    border: 3px solid transparent;
}

.room2-thumbnail:hover {
    border-color: #0ea5e9;
    transform: scale(1.05);
}

.room2-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.room2-thumbnail-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.room2-thumbnail:hover .room2-thumbnail-overlay {
    opacity: 1;
}

.room2-thumbnail-overlay i {
    color: #fff;
    font-size: 2rem;
}
</style>

<div class="room2-container">
    <div class="container">
        <!-- Breadcrumb -->
        <nav aria-label="breadcrumb" dir="ltr" style="margin-top: 1.5rem;">
            <ol class="breadcrumb room2-breadcrumb">
                <li class="breadcrumb-item">
                    <a href="index.php?lang=ar">
                        <i class="fas fa-home"></i>
                        <span>الصفحة الرئيسية</span>
                    </a>
                </li>
                <li class="breadcrumb-item active">
                    الرومانسية البحرية - الخط الأول إلى البحر                </li>
            </ol>
        </nav>

        <!-- Hero Section -->
        <div class="room2-hero">
                            <div class="room2-badge">
                    <i class="fas fa-crown"></i>
                    VIP
                </div>
                        
            <!-- Debug: מספר תמונות -->
            
            <div class="room2-gallery swiper">
                            <div class="swiper-wrapper">
                                                        <div class="swiper-slide">
                            <img src="uploads/rooms/room__main_1764525587_7a7999c7807e8b6d.jpg" alt="רומנטיקה בים - קו ראשון לים">
                                    </div>
                                                                    <div class="swiper-slide">
                            <img src="uploads/rooms/room__gallery_0_1764525587_13b2d11086d773f1.jpg" alt="רומנטיקה בים - קו ראשון לים">
                                    </div>
                                                                    <div class="swiper-slide">
                            <img src="uploads/rooms/room__gallery_1_1764525587_d02b3ef04b084e5e.jpg" alt="רומנטיקה בים - קו ראשון לים">
                                    </div>
                                                                    <div class="swiper-slide">
                            <img src="uploads/rooms/room__gallery_2_1764525587_c991d2e7d9308343.jpg" alt="רומנטיקה בים - קו ראשון לים">
                                    </div>
                                                                    <div class="swiper-slide">
                            <img src="uploads/rooms/room__gallery_3_1764525587_b02478556d8c5ba7.jpg" alt="רומנטיקה בים - קו ראשון לים">
                                    </div>
                                                                    <div class="swiper-slide">
                            <img src="uploads/rooms/room__gallery_4_1764525587_dd0d4272bfeb4434.jpg" alt="רומנטיקה בים - קו ראשון לים">
                                    </div>
                                                            </div>
                            <div class="swiper-button-next"></div>
                <div class="swiper-button-prev"></div>
                            <div class="swiper-pagination"></div>

                                <button class="room2-view-all-btn" onclick="document.getElementById('lightgallery').querySelector('a').click()">
                    <i class="fas fa-images"></i>
                    <span>عرض جميع الصور (6)</span>
                </button>
                            </div>
                        </div>

        <!-- Content -->
        <div class="room2-content">
            <div class="room2-header">
                <div>
                    <h1 class="room2-title">الرومانسية البحرية - الخط الأول إلى البحر</h1>
                    <div class="room2-location">
                        <i class="fas fa-map-marker-alt"></i>
                        <span></span>
                    </div>
                </div>
                <div class="room2-actions">
                    <a href="tel:073-8026978" class="room2-action-btn room2-action-phone" onclick="trackClick(93, 1, 0)">
                        <i class="fas fa-phone"></i>
                        <span class="room2-action-label">073-8026978</span>
                    </a>
                    <a href="https://wa.me/0738026978" target="_blank" class="room2-action-btn room2-action-whatsapp" onclick="trackClick(93, 0, 1)">
                        <i class="fab fa-whatsapp"></i>
                        <span class="room2-action-label">واتساب</span>
                    </a>
                    <button class="room2-action-btn" onclick="toggleLike(93)" id="like-btn-93">
                        <i class="far fa-heart" id="like-icon-93"></i>
                    </button>
                    <button class="room2-action-btn" onclick="shareRoom()">
                        <i class="fas fa-share-alt"></i>
                    </button>
                </div>
            </div>

            <div class="room2-grid">
                <div>
                    <!-- Room Details -->
                    <div class="room2-section" style="margin-bottom: 2rem;">
                        <h2 class="room2-section-title">
                            <i class="fas fa-info-circle"></i>
                            تفاصيل الغرفة                        </h2>
                        <div class="room2-details-grid">
                            <div class="room2-detail-item">
                                <i class="fas fa-bed"></i>
                                <div class="room2-detail-content">
                                    <div class="room2-detail-label">نوع الغرفة</div>
                                    <div class="room2-detail-value">
                                        فاخر                                    </div>
                                </div>
                    </div>

                            <div class="room2-detail-item">
                                <i class="fas fa-star"></i>
                                <div class="room2-detail-content">
                                    <div class="room2-detail-label">التقييم</div>
                                    <div class="room2-detail-value">0.0 / 5.0</div>
                                </div>
                    </div>

                                                        
                                                    </div>
                    </div>
                    
                    <!-- Description -->
                    <div class="room2-section">
                        <h2 class="room2-section-title">
                            <i class="fas fa-align-right"></i>
                            وصف                        </h2>
                        <p class="room2-description">
                            استمتع بساعات من المرح والحميمية في مجمع الرومانسية البحرية - الخط الأول إلى البحر الموجود في كريات حاييم وادع زوجتك إلى لحظات رومانسية وممتعة.<br />
يوفر مجمع شقق الضيوف 1 إكسسوارات كاملة للإقامة الرائعة التي تشمل جاكوزي سبا خاص ومدلل، وسرير مزدوج مع مرتبة لتقويم العظام، وتكييف الهواء في كل غرفة، ومنطقة لتناول الطعام، وغرفة معيشة، ومنطقة جلوس، وبلازما 60 بوصة.                        </p>
                        </div>

                    <!-- Amenities -->
                                        <div class="room2-section" style="margin-top: 2rem;">
                        <h2 class="room2-section-title">
                            <i class="fas fa-concierge-bell"></i>
                            الخدمات والمرافق                        </h2>
                        <div class="room2-amenities">
                                                            <div class="room2-amenity">
                                    <i class="fas fa-check"></i>
                                    <span>חניה צמודה</span>
                                </div>
                                                            <div class="room2-amenity">
                                    <i class="fas fa-check"></i>
                                    <span>מיזוג אויר</span>
                                </div>
                                                            <div class="room2-amenity">
                                    <i class="fas fa-check"></i>
                                    <span>מטבחון</span>
                                </div>
                                                            <div class="room2-amenity">
                                    <i class="fas fa-check"></i>
                                    <span>מקרר</span>
                                </div>
                                                    </div>
                    </div>
                    
                    <!-- Multimedia -->
                                        <div class="room2-section" style="margin-top: 2rem;">
                        <h2 class="room2-section-title">
                            <i class="fas fa-tv"></i>
                            الوسائط المتعددة والترفيه                        </h2>
                        <p class="room2-description">
                            تلفزيون ذكي، يوتيوب ، نتفليكس، بلازما 60 بوصة.                        </p>
                        </div>
                    
                    <!-- Equipped Kitchen -->
                                        <div class="room2-section" style="margin-top: 2rem;">
                        <h2 class="room2-section-title">
                            <i class="fas fa-kitchen-set"></i>
                            مطبخ مجهز                        </h2>
                        <p class="room2-description">
                            منطقة لتناول الطعام                        </p>
                        </div>
                    
                    <!-- Bathroom -->
                                        <div class="room2-section" style="margin-top: 2rem;">
                        <h2 class="room2-section-title">
                            <i class="fas fa-bath"></i>
                            حمام                        </h2>
                        <p class="room2-description">
                            مناشف، شامبو، غسول حمام، دش مطري.                        </p>
                        </div>
                    
                    <!-- Internal Specs -->
                                        <div class="room2-section" style="margin-top: 2rem;">
                        <h2 class="room2-section-title">
                            <i class="fas fa-list-check"></i>
                            المواصفات الداخلية                        </h2>
                        <p class="room2-description">
                            منطقة جلوس خزنة بسرير مزدوج مع مرتبة عظمية مكيفة في كل غرفة منطقة لتناول الطعام غرفة معيشة                        </p>
                    </div>
                    
                    <!-- Notes / Important Info -->
                                        <div class="room2-section" style="margin-top: 2rem;">
                        <h2 class="room2-section-title">
                            <i class="fas fa-sticky-note"></i>
                            ملاحظات مهمة                        </h2>
                        <div class="room2-notes-box">
                            <p class="room2-description" style="margin: 0;">
                                علاجات وجلسات تدليك محجوزة مسبقًا.<br />
الإفطار بالتنسيق مع المضيف.<br />
رتب الغرفة لأعياد الميلاد ومقترحات الزواج والمناسبات الخاصة الأخرى.                            </p>
                        </div>
                        </div>
                    
                    <!-- Image Gallery -->
                                        <div class="room2-section" style="margin-top: 2rem;">
                        <h2 class="room2-section-title">
                            <i class="fas fa-images"></i>
                            معرض الصور                        </h2>
                        <div class="room2-thumbnails" id="lightgallery">
                                                            <a href="uploads/rooms/room__main_1764525587_7a7999c7807e8b6d.jpg" class="room2-thumbnail">
                                    <img src="uploads/rooms/room__main_1764525587_7a7999c7807e8b6d.jpg" alt="רומנטיקה בים - קו ראשון לים - תמונה 1">
                                    <div class="room2-thumbnail-overlay">
                                        <i class="fas fa-search-plus"></i>
                                    </div>
                                </a>
                                                                <a href="uploads/rooms/room__gallery_0_1764525587_13b2d11086d773f1.jpg" class="room2-thumbnail">
                                    <img src="uploads/rooms/room__gallery_0_1764525587_13b2d11086d773f1.jpg" alt="רומנטיקה בים - קו ראשון לים - תמונה 2">
                                    <div class="room2-thumbnail-overlay">
                                        <i class="fas fa-search-plus"></i>
                                    </div>
                                </a>
                                                                <a href="uploads/rooms/room__gallery_1_1764525587_d02b3ef04b084e5e.jpg" class="room2-thumbnail">
                                    <img src="uploads/rooms/room__gallery_1_1764525587_d02b3ef04b084e5e.jpg" alt="רומנטיקה בים - קו ראשון לים - תמונה 3">
                                    <div class="room2-thumbnail-overlay">
                                        <i class="fas fa-search-plus"></i>
                                    </div>
                                </a>
                                                                <a href="uploads/rooms/room__gallery_2_1764525587_c991d2e7d9308343.jpg" class="room2-thumbnail">
                                    <img src="uploads/rooms/room__gallery_2_1764525587_c991d2e7d9308343.jpg" alt="רומנטיקה בים - קו ראשון לים - תמונה 4">
                                    <div class="room2-thumbnail-overlay">
                                        <i class="fas fa-search-plus"></i>
                                    </div>
                                </a>
                                                                <a href="uploads/rooms/room__gallery_3_1764525587_b02478556d8c5ba7.jpg" class="room2-thumbnail">
                                    <img src="uploads/rooms/room__gallery_3_1764525587_b02478556d8c5ba7.jpg" alt="רומנטיקה בים - קו ראשון לים - תמונה 5">
                                    <div class="room2-thumbnail-overlay">
                                        <i class="fas fa-search-plus"></i>
                                    </div>
                                </a>
                                                                <a href="uploads/rooms/room__gallery_4_1764525587_dd0d4272bfeb4434.jpg" class="room2-thumbnail">
                                    <img src="uploads/rooms/room__gallery_4_1764525587_dd0d4272bfeb4434.jpg" alt="רומנטיקה בים - קו ראשון לים - תמונה 6">
                                    <div class="room2-thumbnail-overlay">
                                        <i class="fas fa-search-plus"></i>
                                    </div>
                                </a>
                                                        </div>
                    </div>
                                    </div>

                <!-- Pricing Sidebar -->
                <div>
                    <div class="room2-pricing">
                        <h3 class="room2-pricing-title">
                            <i class="fas fa-tags"></i> الأسعار                        </h3>
                        
                        <!-- Contact Phone -->
                        <div class="room2-contact-info">
                            <i class="fas fa-phone-alt"></i>
                            <div>
                                <div class="room2-contact-label">اتصل بنا</div>
                                <a href="tel:073-8026978" class="room2-contact-phone">073-8026978</a>
                        </div>
                    </div>

                        <div class="room2-price-item">
                            <div class="room2-price-label">
                                <i class="fas fa-clock"></i>
                                ساعة                            </div>
                            <div class="room2-price-amount">150 ₪</div>
                            </div>

                        <div class="room2-price-item">
                            <div class="room2-price-label">
                                <i class="fas fa-clock"></i>
                                ساعتين                        </div>
                            <div class="room2-price-amount">200 ₪</div>
                    </div>

                        <div class="room2-price-item">
                            <div class="room2-price-label">
                                <i class="fas fa-clock"></i>
                                3 ساعات                                    </div>
                            <div class="room2-price-amount">300 ₪</div>
                                </div>

                        <div class="room2-price-item">
                            <div class="room2-price-label">
                                <i class="fas fa-moon"></i>
                                ليلة                                    </div>
                            <div class="room2-price-amount">700 ₪</div>
                                </div>

                        <div class="room2-cta-group">
                            <a href="tel:073-8026978" class="room2-cta room2-cta-phone" onclick="trackClick(93, 1, 0)">
                                <i class="fas fa-phone"></i>
                                اتصل الآن                            </a>
                            <a href="https://wa.me/0738026978" target="_blank" class="room2-cta room2-cta-whatsapp" onclick="trackClick(93, 0, 1)">
                                <i class="fab fa-whatsapp"></i>
                                أرسل واتساب                            </a>
                                    </div>
                                </div>
                    </div>
                </div>
            </div>

        <!-- Nearby Rooms -->
                            <div class="room2-nearby">
            <h2 class="room2-nearby-title">
                غرف إضافية في المنطقة            </h2>
            <div class="room2-nearby-grid">
                                    <a href="room2.php?id=94&lang=ar" class="room2-nearby-card" style="text-decoration: none;">
                        <img src="uploads/rooms/room__main_1764694116_7758a8e34058503d.jpg" alt="פינה אינטימית">
                        <div class="room2-nearby-card-body">
                            <h3 class="room2-nearby-card-title">زاوية حميمة</h3>
                            <div class="room2-nearby-card-price">150 ₪ <small>للساعة</small></div>
                                    </div>
                    </a>
                                    <a href="room2.php?id=89&lang=ar" class="room2-nearby-card" style="text-decoration: none;">
                        <img src="uploads/rooms/room__main_1764330968_7f4d0c540c80b1cc.jpg" alt="סוויטה רומנטיקה בים">
                        <div class="room2-nearby-card-body">
                            <h3 class="room2-nearby-card-title">جناح رومانسي في البحر</h3>
                            <div class="room2-nearby-card-price">150 ₪ <small>للساعة</small></div>
                                    </div>
                    </a>
                                    <a href="room2.php?id=92&lang=ar" class="room2-nearby-card" style="text-decoration: none;">
                        <img src="uploads/rooms/room__main_1764353195_4f14e1975c4957a9.jpeg" alt="סוויטה מפנקת">
                        <div class="room2-nearby-card-body">
                            <h3 class="room2-nearby-card-title">جناح للتدليل</h3>
                            <div class="room2-nearby-card-price">150 ₪ <small>للساعة</small></div>
                                    </div>
                    </a>
                                                </div>
                            </div>
                        </div>
            </div>

<script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/2.7.1/lightgallery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/2.7.1/plugins/zoom/lg-zoom.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/2.7.1/plugins/thumbnail/lg-thumbnail.min.js"></script>

    <script>
// Initialize Swiper
const swiper = new Swiper('.room2-gallery', {
            loop: true,
    autoplay: {
        delay: 5000,
        disableOnInteraction: false,
    },
    pagination: {
        el: '.swiper-pagination',
        clickable: true,
    },
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
    },
});

// Initialize lightGallery
const galleryElement = document.getElementById('lightgallery');
if (galleryElement) {
    lightGallery(galleryElement, {
        plugins: [lgZoom, lgThumbnail],
        speed: 500,
            download: false,
            counter: true,
        licenseKey: '0000-0000-000-0000',
            mobileSettings: {
                controls: true,
            showCloseIcon: true,
            download: false
        }
    });
}

// Track clicks (phone/whatsapp)
function trackClick(room_id, phone_click, whatsapp_click) {
    const url = `track_room_stats.php?room_id=${room_id}&is_entry=1&phone_click=${phone_click}&whatsapp_click=${whatsapp_click}`;
    fetch(url, { method: 'GET' })
            .then(response => response.json())
        .catch(error => console.error('Track error:', error));
}

// Like functionality
function toggleLike(roomId) {
    let likedRooms = JSON.parse(localStorage.getItem('likedRooms') || '[]');
    const icon = document.getElementById(`like-icon-${roomId}`);
    const btn = document.getElementById(`like-btn-${roomId}`);
    
    if (likedRooms.includes(roomId)) {
        likedRooms = likedRooms.filter(id => id !== roomId);
        icon.classList.remove('fas');
        icon.classList.add('far');
        btn.classList.remove('active');
                } else {
        likedRooms.push(roomId);
        icon.classList.remove('far');
        icon.classList.add('fas');
        btn.classList.add('active');
    }
    
    localStorage.setItem('likedRooms', JSON.stringify(likedRooms));
}

// Check if room is liked on page load
        document.addEventListener('DOMContentLoaded', function() {
    const likedRooms = JSON.parse(localStorage.getItem('likedRooms') || '[]');
    const roomId = 93;
    
    if (likedRooms.includes(roomId)) {
        const icon = document.getElementById(`like-icon-${roomId}`);
        const btn = document.getElementById(`like-btn-${roomId}`);
        icon.classList.remove('far');
        icon.classList.add('fas');
        btn.classList.add('active');
    }
});

// Share functionality
function shareRoom() {
        
    const title = "الرومانسية البحرية - الخط الأول إلى البحر";
    const description = "استمتع بساعات من المرح والحميمية في مجمع الرومانسية البحرية - الخط الأول إلى البحر الموجود في كريات ";
    
    if (navigator.share) {
        navigator.share({
            title: title || 'חדר דיסקרטי',
            text: description || '',
            url: window.location.href
        }).catch(() => {});
    } else {
        const url = window.location.href;
        navigator.clipboard.writeText(url);
        alert("تم نسخ الرابط");
    }
}
    </script>

    <footer class="bg-dark text-white py-4 mt-5">

        <div class="container text-center">

            <p class="mb-2">© 2026 חדרים לפי שעה. כל הזכויות שמורות.</p>

            <p class="mb-0">

                <a href="index.php" class="text-white text-decoration-none mx-2">דף הבית</a> |

                <a href="search.php" class="text-white text-decoration-none mx-2">חיפוש חדרים</a> |

                <a href="contact.php" class="text-white text-decoration-none mx-2">צור קשר</a> | 

                <a href="contact.php" class="text-white text-decoration-none mx-2"><strong>פרסם באתר</strong></a>

            </p>

        </div>

    </footer>



    <!-- סקריפטים בסיסיים לכל הדפים -->

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
    
    <script src="assets/js/micro-interactions.js?v=2.0"></script>
    <script src="assets/js/enhanced-search.js?v=2.0"></script>
    <script src="assets/js/card-interactions.js?v=2.0"></script>
    <script src="assets/js/card-gallery-hover.js?v=1.0"></script>
    <script src="assets/js/cta-optimization.js?v=2.0"></script>



    
</body>

</html>