Snippets library

Browse Snippets
Claim your Free Profile
Add Snippet
Home / Admin / Сайт Кара Булак
Duplicate Snippet

Embed Snippet on Your Site

Сайт Кара Булак

QQaaraa Bulaq
<10
Code Preview
Comments
php
<?php
<?php
// ==========================================
// QaraBulaq Демалыс Орны - АҚ ТЕКСТ
// Барлық тексттер ақ түспен
// ==========================================
// Брондау өңдеу (POST)
if ($_SERVER["REQUEST_METHOD"] == "POST" && isset($_POST['action']) && $_POST['action'] == 'book') {
    $fullname = htmlspecialchars($_POST['fullname'] ?? '');
    $phone = htmlspecialchars($_POST['phone'] ?? '');
    $email = htmlspecialchars($_POST['email'] ?? '');
    $checkin = htmlspecialchars($_POST['checkin'] ?? '');
    $checkout = htmlspecialchars($_POST['checkout'] ?? '');
    $room_type = htmlspecialchars($_POST['room_type'] ?? '');
    $message = htmlspecialchars($_POST['message'] ?? '');
    
    if(!empty($fullname) && !empty($phone) && !empty($checkin) && !empty($checkout)) {
        $data = "--- " . date('Y-m-d H:i:s') . " ---\n";
        $data .= "Аты-жөні: $fullname\nТелефон: $phone\nEmail: $email\nКелу: $checkin\nКету: $checkout\nНөмір: $room_type\nТілек: $message\n\n";
        file_put_contents("bookings.txt", $data, FILE_APPEND);
        $book_status = "success";
    } else {
        $book_status = "error";
    }
    header("Location: index.php?page=" . ($_GET['page'] ?? 'home') . "&book_status=" . $book_status);
    exit();
}
// Пікір өңдеу (POST)
if ($_SERVER["REQUEST_METHOD"] == "POST" && isset($_POST['action']) && $_POST['action'] == 'review') {
    $review_name = htmlspecialchars($_POST['review_name'] ?? '');
    $review_text = htmlspecialchars($_POST['review_text'] ?? '');
    $review_rating = intval($_POST['review_rating'] ?? 5);
    
    if(!empty($review_name) && !empty($review_text)) {
        $reviews = [];
        if(file_exists("reviews.txt")) {
            $reviews = unserialize(file_get_contents("reviews.txt"));
        }
        $reviews[] = [
            'name' => $review_name,
            'text' => $review_text,
            'rating' => $review_rating,
            'date' => date('d.m.Y H:i')
        ];
        file_put_contents("reviews.txt", serialize($reviews));
        $review_status = "success";
    } else {
        $review_status = "error";
    }
    header("Location: index.php?page=reviews&review_status=" . $review_status);
    exit();
}
// Ағымдағы бет
$page = $_GET['page'] ?? 'home';
$book_status = $_GET['book_status'] ?? '';
$review_status = $_GET['review_status'] ?? '';
// Пікірлерді оқу
$reviews = [];
if(file_exists("reviews.txt")) {
    $reviews = unserialize(file_get_contents("reviews.txt"));
}
// БАҒАЛАР (соммен - KGS)
$price_standart = "2 500 сом";
$price_lux = "3 900 сом";
$price_family = "4 700 сом";
$price_vip = "7 800 сом";
?>
<!DOCTYPE html>
<html lang="kk">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>QaraBulaq - Демалыс орны | Аламедин</title>
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap" rel="stylesheet">
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: 'Montserrat', 'Segoe UI', sans-serif;
            line-height: 1.6;
            background: #0a0a2a;
            color: #ffffff; /* БАРЛЫҚ ТЕКСТ АҚ */
        }
        
        .container {
            max-width: 1200px;
            margin: auto;
            padding: 0 20px;
        }
        
        /* HEADER - градиент */
        header {
            background: linear-gradient(135deg, #0a0a2a 0%, #0a0a2a 48%, #2a2a4a 48%, #3a3a5a 100%);
            padding: 1rem 0;
            position: sticky;
            top: 0;
            z-index: 1000;
            box-shadow: 0 4px 20px rgba(0,0,0,0.3);
        }
        
        header .container {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
        }
        
        .logo h1 {
            font-size: 2.2rem;
            letter-spacing: 3px;
            background: linear-gradient(135deg, #ffffff, #dddddd, #bbbbbb);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            text-shadow: 2px 2px 15px rgba(255,255,255,0.3);
            font-weight: 900;
        }
        
        .logo p {
            font-size: 0.85rem;
            color: #dddddd;
            font-weight: 600;
        }
        
        nav {
            display: flex;
            gap: 15px;
            flex-wrap: wrap;
        }
        
        nav a {
            color: #ffffff;
            text-decoration: none;
            padding: 12px 28px;
            border-radius: 50px;
            transition: all 0.3s;
            font-weight: 800;
            font-size: 1rem;
            background: rgba(255,255,255,0.15);
            border: 2px solid rgba(255,255,255,0.3);
            backdrop-filter: blur(5px);
        }
        
        nav a:hover, nav a.active {
            background: #f4a261;
            color: #0a0a2a;
            border-color: #f4a261;
            transform: scale(1.05);
        }
        
        /* HERO СЕКЦИЯСЫ */
        .hero {
            background: linear-gradient(135deg, #0a0a2a 0%, #0a0a2a 48%, #1a1a3a 48%, #2a2a4a 100%);
            text-align: center;
            padding: 100px 0;
        }
        
        .hero h2 {
            font-size: 4.5rem;
            font-weight: 900;
            margin-bottom: 20px;
            color: #ffffff;
            text-shadow: 0 0 20px rgba(255,255,255,0.3);
        }
        
        .hero p {
            font-size: 1.5rem;
            margin-bottom: 15px;
            font-weight: 700;
            color: #ffffff;
        }
        
        .hero p:first-of-type {
            font-size: 1.8rem;
            color: #f4a261;
        }
        
        .btn {
            display: inline-block;
            background: linear-gradient(135deg, #f4a261, #e76f51);
            color: white;
            padding: 14px 40px;
            text-decoration: none;
            border-radius: 50px;
            font-weight: 800;
            font-size: 1.1rem;
            transition: all 0.3s;
            border: none;
            cursor: pointer;
            box-shadow: 0 8px 20px rgba(0,0,0,0.2);
        }
        
        .btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 12px 28px rgba(244,162,97,0.4);
        }
        
        .section-title {
            text-align: center;
            font-size: 2.8rem;
            font-weight: 800;
            margin-bottom: 50px;
            color: #ffffff;
            position: relative;
            text-shadow: 2px 2px 8px rgba(0,0,0,0.3);
        }
        
        .section-title:after {
            content: '';
            display: block;
            width: 100px;
            height: 4px;
            background: linear-gradient(135deg, #f4a261, #e76f51);
            margin: 15px auto 0;
            border-radius: 3px;
        }
        
        .dark-bg {
            background: #0a0a2a;
        }
        
        /* Біз жайлы блогы */
        .about-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 50px;
            align-items: center;
        }
        
        .about-text p {
            font-size: 1.1rem;
            margin-bottom: 20px;
            font-weight: 500;
            line-height: 1.7;
            color: #ffffff;
        }
        
        .about-text ul {
            list-style: none;
            margin-top: 20px;
        }
        
        .about-text li {
            margin-bottom: 12px;
            font-size: 1rem;
            font-weight: 600;
            padding-left: 25px;
            position: relative;
            color: #ffffff;
        }
        
        .about-text li:before {
            content: "✓";
            color: #f4a261;
            position: absolute;
            left: 0;
            font-weight: bold;
        }
        
        .about-img img {
            width: 100%;
            border-radius: 20px;
            box-shadow: 0 15px 35px rgba(0,0,0,0.3);
        }
        
        /* Плюстар сеткасы */
        .plus-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 30px;
            margin-top: 30px;
        }
        
        .plus-item {
            text-align: center;
            padding: 35px;
            background: rgba(255,255,255,0.08);
            backdrop-filter: blur(5px);
            border-radius: 20px;
            transition: all 0.3s;
            border: 1px solid rgba(255,255,255,0.15);
        }
        
        .plus-item:hover {
            transform: scale(1.03);
            background: rgba(244,162,97,0.15);
        }
        
        .plus-icon {
            font-size: 3.2rem;
            margin-bottom: 15px;
        }
        
        .plus-item h3 {
            color: #f4a261;
            margin-bottom: 10px;
            font-size: 1.6rem;
            font-weight: 800;
        }
        
        .plus-item p {
            color: #dddddd;
            font-size: 1rem;
        }
        
        /* Нөмірлер карточкалары */
        .rooms-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 30px;
            margin-top: 30px;
        }
        
        .room-card {
            background: rgba(255,255,255,0.1);
            backdrop-filter: blur(5px);
            border-radius: 20px;
            overflow: hidden;
            transition: transform 0.3s;
            border: 1px solid rgba(255,255,255,0.2);
        }
        
        .room-card:hover {
            transform: translateY(-8px);
            background: rgba(255,255,255,0.15);
        }
        
        .room-card img {
            width: 100%;
            height: 220px;
            object-fit: cover;
        }
        
        .room-card h3 {
            padding: 20px 20px 10px;
            color: #f4a261;
            font-size: 1.8rem;
            font-weight: 800;
        }
        
        .room-card p {
            padding: 0 20px;
            color: #dddddd;
            font-size: 0.95rem;
        }
        
        .room-price {
            display: block;
            padding: 15px 20px;
            font-weight: 800;
            color: #ffffff;
            font-size: 1.5rem;
        }
        
        .room-card .btn {
            display: block;
            margin: 10px 20px 20px;
            text-align: center;
            padding: 12px;
            font-size: 1rem;
        }
        
        /* Ыңғайлылықтар */
        .amenities-list {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 20px;
            list-style: none;
            margin-top: 30px;
        }
        
        .amenities-list li {
            background: rgba(255,255,255,0.1);
            padding: 18px;
            border-radius: 15px;
            text-align: center;
            font-size: 1rem;
            font-weight: 700;
            color: #ffffff;
            border-left: 4px solid #f4a261;
            backdrop-filter: blur(5px);
        }
        
        /* Пікірлер */
        .reviews-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
            gap: 30px;
            margin-top: 30px;
        }
        
        .review-card {
            background: rgba(255,255,255,0.1);
            backdrop-filter: blur(5px);
            padding: 25px;
            border-radius: 20px;
            border: 1px solid rgba(255,255,255,0.15);
        }
        
        .review-rating {
            color: #f4a261;
            font-size: 1.4rem;
            margin-bottom: 10px;
        }
        
        .review-text {
            font-style: italic;
            margin: 12px 0;
            color: #ffffff;
            font-size: 0.95rem;
        }
        
        .review-name {
            font-weight: 800;
            color: #f4a261;
            margin-top: 12px;
        }
        
        .review-date {
            color: #aaaaaa;
            font-size: 0.8rem;
        }
        
        /* Формалар */
        .form-container {
            background: rgba(255,255,255,0.1);
            backdrop-filter: blur(10px);
            padding: 40px;
            border-radius: 25px;
            max-width: 650px;
            margin: 30px auto;
            border: 1px solid rgba(255,255,255,0.2);
        }
        
        .form-container h3 {
            font-size: 1.8rem;
            font-weight: 800;
            margin-bottom: 25px;
            text-align: center;
            color: #ffffff;
        }
        
        .form-group {
            margin-bottom: 20px;
        }
        
        .form-group label {
            display: block;
            margin-bottom: 8px;
            font-weight: 700;
            color: #ffffff;
        }
        
        .form-group input, .form-group select, .form-group textarea {
            width: 100%;
            padding: 14px 18px;
            border: 2px solid rgba(255,255,255,0.3);
            border-radius: 12px;
            font-size: 1rem;
            background: rgba(255,255,255,0.9);
            transition: all 0.3s;
        }
        
        .form-group input:focus, .form-group select:focus, .form-group textarea:focus {
            outline: none;
            border-color: #f4a261;
            box-shadow: 0 0 0 3px rgba(244,162,97,0.2);
        }
        
        .alert-success {
            background: rgba(46, 125, 50, 0.9);
            color: #ffffff;
            padding: 15px;
            border-radius: 12px;
            margin-bottom: 20px;
            text-align: center;
            font-weight: 700;
        }
        
        .alert-error {
            background: rgba(198, 40, 40, 0.9);
            color: #ffffff;
            padding: 15px;
            border-radius: 12px;
            margin-bottom: 20px;
            text-align: center;
            font-weight: 700;
        }
        
        /* Байланыс */
        .contact-info {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 30px;
            margin-bottom: 30px;
        }
        
        .contact-card {
            background: rgba(255,255,255,0.08);
            padding: 25px;
            border-radius: 20px;
            text-align: center;
            backdrop-filter: blur(5px);
            border: 1px solid rgba(255,255,255,0.15);
        }
        
        .contact-card h3 {
            color: #f4a261;
            margin-bottom: 10px;
            font-size: 1.3rem;
        }
        
        .contact-card p {
            color: #dddddd;
        }
        
        /* FOOTER */
        footer {
            background: #0a0a2a;
            color: #dddddd;
            text-align: center;
            padding: 50px 0;
            border-top: 3px solid #f4a261;
        }
        
        .contact-btn {
            display: inline-flex;
            align-items: center;
            gap: 12px;
            background: linear-gradient(135deg, #f4a261, #e76f51);
            color: white;
            padding: 16px 50px;
            border-radius: 60px;
            text-decoration: none;
            font-weight: 800;
            font-size: 1.2rem;
            transition: all 0.3s;
            box-shadow: 0 8px 20px rgba(244,162,97,0.3);
        }
        
        .contact-btn:hover {
            transform: scale(1.05);
        }
        
        #contactModal {
            background: linear-gradient(135deg, #0a0a2a, #1a1a4e);
            padding: 30px;
            border-radius: 25px;
            max-width: 450px;
            margin: 25px auto 0;
            border: 1px solid #f4a261;
        }
        
        #contactModal h3 {
            color: #f4a261;
            font-size: 1.6rem;
        }
        
        #contactModal a {
            color: #f4a261;
            text-decoration: none;
            font-size: 1.2rem;
            font-weight: 700;
        }
        
        #contactModal p {
            color: #dddddd;
        }
        
        .map-placeholder {
            background: rgba(255,255,255,0.05);
            height: 250px;
            border-radius: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-top: 20px;
            color: #ffffff;
            border: 1px dashed rgba(255,255,255,0.3);
        }
        
        @media (max-width: 768px) {
            .hero h2 { font-size: 2.5rem; }
            .hero p { font-size: 1.2rem; }
            .section-title { font-size: 2rem; }
            .about-grid { grid-template-columns: 1fr; }
            nav a { padding: 8px 18px; font-size: 0.8rem; }
            .logo h1 { font-size: 1.6rem; }
            .room-card h3 { font-size: 1.4rem; }
        }
    </style>
</head>
<body>
<header>
    <div class="container">
        <div class="logo">
            <h1>⚡ QaraBulaq</h1>
            <p>Тау бөктеріндегі жанұялық демалыс орны</p>
        </div>
        <nav>
            <a href="?page=home" class="<?php echo $page == 'home' ? 'active' : ''; ?>">🏠 БІЗ ЖАЙЛЫ</a>
            <a href="?page=rooms" class="<?php echo $page == 'rooms' ? 'active' : ''; ?>">🏡 ДЕМАЛЫС ОРЫНДАРЫ</a>
            <a href="?page=reviews" class="<?php echo $page == 'reviews' ? 'active' : ''; ?>">⭐ ПІКІРЛЕР + ПЛЮСТАР</a>
        </nav>
    </div>
</header>
<!-- ==================== БЕТ 1: БІЗ ЖАЙЛЫ ==================== -->
<?php if($page == 'home'): ?>
<section class="hero">
    <div class="container">
        <h2>ҚОШ КЕЛДІҢІЗ!</h2>
        <p>🏔️ QaraBulaq демалыс орнына қош келдіңіз 🏔️</p>
        <p>Шу облысы, Аламедин ауданы | Бішкек қаласынан 22,4 км</p>
        <a href="?page=rooms" class="btn">НӨМІРЛЕРДІ КӨРУ →</a>
    </div>
</section>
<section>
    <div class="container">
        <h2 class="section-title">БІЗ ТУРАЛЫ</h2>
        <div class="about-grid">
            <div class="about-text">
                <p><strong>QaraBulaq</strong> - бұл табиғат аясындағы тыныш әрі жайлы демалыс орны. Біз 2024 жылы ашылдық және қонақтарымызға ең жақсы қызмет көрсетуге тырысамыз.</p>
                <p>Біздің кешен тау бөктерінде орналасқан, мұнда таза ауа, керемет көрініс және қала шуынан алыс тыныштық сізді күтеді.</p>
                <ul>
                    <li><strong>Мекенжайы:</strong> Шу облысы, Аламедин ауданы, Бішкек-Ош трассасы бойында</li>
                    <li><strong>Ерекшеліктеріміз:</strong> Жаңа кешен, заманауи нөмірлер, өз бассейні, қауіпсіз аумақ</li>
                    <li><strong>Төлем валютасы:</strong> Қырғыз сомы (KGS) немесе банк картасы</li>
                </ul>
            </div>
            <div class="about-img">
                <img src="https://images.unsplash.com/photo-1540541338287-41700207dee6?w=500" alt="QaraBulaq көрінісі">
            </div>
        </div>
    </div>
</section>
<section class="dark-bg">
    <div class="container">
        <h2 class="section-title">БІЗДІҢ АРТЫҚШЫЛЫҚТАР</h2>
        <div class="plus-grid">
            <div class="plus-item"><div class="plus-icon">🏊</div><h3>Жылы бассейн</h3><p>Тау суымен толтырылған үлкен ашық бассейн</p></div>
            <div class="plus-item"><div class="plus-icon">🍽️</div><h3>Ұлттық асхана</h3><p>Қазақ және қырғыз асханасының дәмді тағамдары</p></div>
            <div class="plus-item"><div class="plus-icon">🚐</div><h3>Тегін трансфер</h3><p>Бішкек қаласынан және аэропорттан тегін жеткізу</p></div>
            <div class="plus-item"><div class="plus-icon">👨‍👩‍👧‍👦</div><h3>Балаларға арналған</h3><p>Ойын алаңы, бассейннің балалар бөлімі</p></div>
        </div>
    </div>
</section>
<section>
    <div class="container">
        <h2 class="section-title">БІЗДІҢ МЕКЕНЖАЙ ЖӘНЕ БАЙЛАНЫС</h2>
        <div class="contact-info">
            <div class="contact-card"><h3>📞 Телефон</h3><p>+996 (550) 12-34-56<br>+996 (700) 78-90-12</p></div>
            <div class="contact-card"><h3>✉️ Email</h3><p>info@qarabulaq.kg<br>booking@qarabulaq.kg</p></div>
            <div class="contact-card"><h3>⏰ Жұмыс уақыты</h3><p>Тәулік бойы (қабылдау 24/7)<br>Қоңырау: 09:00 - 21:00</p></div>
        </div>
        <div class="map-placeholder">
            <p>🗺️ Карта: Бішкек-Ош тас жолы, Аламедин ауданы, Бішкектен 22,4 км</p>
        </div>
    </div>
</section>
<?php endif; ?>
<!-- ==================== БЕТ 2: ДЕМАЛЫС ОРЫНДАРЫ ==================== -->
<?php if($page == 'rooms'): ?>
<section>
    <div class="container">
        <h2 class="section-title">БІЗДІҢ НӨМІРЛЕР</h2>
        <p style="text-align: center; margin-bottom: 40px; font-size: 1.1rem; font-weight: 600; color: #ffffff;">+43 фото | Жаңа кешен | Барлық нөмірлерде ыңғайлы төсектер, жеке ванна бөлмесі, кондиционер</p>
        
        <?php if($book_status == 'success'): ?>
            <div class="alert-success">✅ Өтінішіңіз қабылданды! Біз сізбен жақын арада байланысамыз.</div>
        <?php elseif($book_status == 'error'): ?>
            <div class="alert-error">❌ Қате кетті. Барлық өрістерді толтырыңыз.</div>
        <?php endif; ?>
        
        <div class="rooms-grid">
            <div class="room-card">
                <img src="https://images.unsplash.com/photo-1566665797739-1674de7a421a?w=400" alt="Стандарт">
                <h3>🏠 СТАНДАРТ</h3>
                <p>2-3 орындық, жеке ванна, теледидар, кондиционер</p>
                <span class="room-price"><?php echo $price_standart; ?> / тәулік</span>
                <a href="#booking-form" class="btn" onclick="document.getElementById('room_type').value='standart'">БРОНДАУ</a>
            </div>
            <div class="room-card">
                <img src="https://images.unsplash.com/photo-1578683010236-d716f9a3f461?w=400" alt="Люкс">
                <h3>✨ ЛЮКС</h3>
                <p>4 адамға дейін, кең зал, ас үй аймағы, тау көрінісі</p>
                <span class="room-price"><?php echo $price_lux; ?> / тәулік</span>
                <a href="#booking-form" class="btn" onclick="document.getElementById('room_type').value='lux'">БРОНДАУ</a>
            </div>
            <div class="room-card">
                <img src="https://images.unsplash.com/photo-1522156373667-4c7234bbd804?w=400" alt="Отбасылық">
                <h3>👨‍👩‍👧‍👦 ОТБАСЫЛЫҚ</h3>
                <p>6 адамға дейін, 2 бөлмелі, ас үй, жеке терраса</p>
                <span class="room-price"><?php echo $price_family; ?> / тәулік</span>
                <a href="#booking-form" class="btn" onclick="document.getElementById('room_type').value='family'">БРОНДАУ</a>
            </div>
            <div class="room-card">
                <img src="https://images.unsplash.com/photo-1582719478250-c89cae4dc85b?w=400" alt="VIP">
                <h3>👑 VIP КОТТЕДЖ</h3>
                <p>8 адамға дейін, жеке бассейн, сауна, барбекю</p>
                <span class="room-price"><?php echo $price_vip; ?> / тәулік</span>
                <a href="#booking-form" class="btn" onclick="document.getElementById('room_type').value='vip'">БРОНДАУ</a>
            </div>
        </div>
        
        <h2 class="section-title" style="margin-top: 60px;">ЫҢҒАЙЛЫЛЫҚТАР</h2>
        <ul class="amenities-list">
            <li>✅ Тегін Wi-Fi</li><li>✅ Ақысыз парковка</li><li>✅ Аэропорттан трансфер</li>
            <li>✅ Ашық бассейн</li><li>✅ Ресторан</li><li>✅ Балалар алаңы</li>
            <li>✅ Сауна</li><li>✅ Экскурсиялар</li><li>✅ Мангал аймағы</li>
        </ul>
        
        <div id="booking-form" class="form-container">
            <h3>📅 НӨМІР БРОНДАУ</h3>
            <form method="POST" action="">
                <input type="hidden" name="action" value="book">
                <div class="form-group"><label>Аты-жөніңіз *</label><input type="text" name="fullname" required></div>
                <div class="form-group"><label>Телефон *</label><input type="tel" name="phone" required></div>
                <div class="form-group"><label>Email</label><input type="email" name="email"></div>
                <div class="form-group"><label>Келетін күн *</label><input type="date" name="checkin" required></div>
                <div class="form-group"><label>Кетер күн *</label><input type="date" name="checkout" required></div>
                <div class="form-group">
                    <label>Нөмір түрі *</label>
                    <select name="room_type" id="room_type" required>
                        <option value="standart">Стандарт (<?php echo $price_standart; ?>)</option>
                        <option value="lux">Люкс (<?php echo $price_lux; ?>)</option>
                        <option value="family">Отбасылық (<?php echo $price_family; ?>)</option>
                        <option value="vip">VIP (<?php echo $price_vip; ?>)</option>
                    </select>
                </div>
                <div class="form-group"><label>Қосымша тілек</label><textarea name="message" rows="3" placeholder="Трансфер, балаларға төсек..."></textarea></div>
                <button type="submit" class="btn" style="width:100%">БРОНДАУ ЖІБЕРУ</button>
                <p style="text-align: center; margin-top: 15px; color:#dddddd;">💱 Төлем соммен немесе картамен</p>
            </form>
        </div>
    </div>
</section>
<?php endif; ?>
<!-- ==================== БЕТ 3: ПІКІРЛЕР МЕН ПЛЮСТАР ==================== -->
<?php if($page == 'reviews'): ?>
<section class="dark-bg">
    <div class="container">
        <h2 class="section-title">БІЗДІҢ ПЛЮСТАРЫМЫЗ</h2>
        <div class="plus-grid">
            <div class="plus-item"><div class="plus-icon">🏔️</div><h3>Тамаша табиғат</h3><p>Тау бөктері, таза ауа</p></div>
            <div class="plus-item"><div class="plus-icon">💰</div><h3>Қолжетімді бағалар</h3><p><?php echo $price_standart; ?> бастап</p></div>
            <div class="plus-item"><div class="plus-icon">🧹</div><h3>Тазалық</h3><p>Күнделікті тазалау</p></div>
            <div class="plus-item"><div class="plus-icon">🤝</div><h3>Қонақжай ұжым</h3><p>Жеке көңіл бөлу</p></div>
            <div class="plus-item"><div class="plus-icon">🍖</div><h3>Мангал аймағы</h3><p>Отын тегін</p></div>
            <div class="plus-item"><div class="plus-icon">🚌</div><h3>Ыңғайлы орын</h3><p>Бішкектен 30 мин</p></div>
        </div>
    </div>
</section>
<section>
    <div class="container">
        <h2 class="section-title">ҚОНАҚТАР ПІКІРІ</h2>
        
        <?php if($review_status == 'success'): ?>
            <div class="alert-success">✅ Пікіріңіз үшін рахмет!</div>
        <?php elseif($review_status == 'error'): ?>
            <div class="alert-error">❌ Атыңызды және пікіріңізді жазыңыз.</div>
        <?php endif; ?>
        
        <?php if(empty($reviews)): ?>
            <div style="text-align: center; padding: 50px; background: rgba(255,255,255,0.1); border-radius: 20px; color:#ffffff;"><p>Әлі пікірлер жоқ. Бірінші болып пікір қалдырыңыз!</p></div>
        <?php else: ?>
            <div class="reviews-grid">
                <?php foreach(array_reverse($reviews) as $review): ?>
                <div class="review-card">
                    <div class="review-rating"><?php for($i=1;$i<=5;$i++) echo $i<=$review['rating']?'★':'☆'; ?></div>
                    <p class="review-text">"<?php echo htmlspecialchars($review['text']); ?>"</p>
                    <p class="review-name">- <?php echo htmlspecialchars($review['name']); ?></p>
                    <p class="review-date"><?php echo $review['date']; ?></p>
                </div>
                <?php endforeach; ?>
            </div>
        <?php endif; ?>
        
        <div class="form-container">
            <h3>✍️ ПІКІР ҚАЛДЫРУ</h3>
            <form method="POST" action="">
                <input type="hidden" name="action" value="review">
                <div class="form-group"><label>Аты-жөніңіз *</label><input type="text" name="review_name" required></div>
                <div class="form-group"><label>Пікіріңіз *</label><textarea name="review_text" rows="4" required placeholder="Бізге әсеріңізді жазыңыз..."></textarea></div>
                <div class="form-group"><label>Бағаңыз</label><select name="review_rating"><option value="5">★★★★★ 5</option><option value="4">★★★★☆ 4</option><option value="3">★★★☆☆ 3</option><option value="2">★★☆☆☆ 2</option><option value="1">★☆☆☆☆ 1</option></select></div>
                <button type="submit" class="btn" style="width:100%">ПІКІР ЖІБЕРУ</button>
            </form>
        </div>
    </div>
</section>
<?php endif; ?>
<!-- FOOTER -->
<footer>
    <div class="container">
        <div class="contact-btn-section">
            <a href="#" class="contact-btn" id="showContactBtn">📞 БАЙЛАНЫСУ</a>
        </div>
        
        <div id="contactModal" style="display: none;">
            <div style="display: flex; justify-content: space-between; align-items: center;">
                <h3>📱 Бізбен байланысыңыз</h3>
                <button onclick="document.getElementById('contactModal').style.display='none'" style="background: none; border: none; color: white; font-size: 1.8rem; cursor: pointer;">✖</button>
            </div>
            <div style="margin-top: 20px;">
                <p><a href="https://instagram.com/zamanbekovv.8" target="_blank">📷 Instagram: @zamanbekovv.8</a></p>
                <p><a href="tel:+77771117171">📞 Телефон: +7 777 111 71 71</a></p>
                <p style="margin-top: 15px;">WhatsApp / Telegram бойынша хабарласуға болады</p>
            </div>
        </div>
        
        <div style="margin-top: 40px;">
            <p>© <?php echo date('Y'); ?> QaraBulaq демалыс орны. Барлық құқықтар қорғалған.</p>
            <p>Шу облысы, Аламедин ауданы | <a href="https://ostrovok.ru/hotel/kyrgyzstan/bishkek/mid8494403/karabulak_hotel/" target="_blank" style="color:#f4a261;">Островок.kz парақшамыз</a></p>
        </div>
    </div>
</footer>
<script>
    document.getElementById('showContactBtn').addEventListener('click', function(e) {
        e.preventDefault();
        var modal = document.getElementById('contactModal');
        modal.style.display = modal.style.display === 'none' || modal.style.display === '' ? 'block' : 'none';
    });
</script>
</body>
</html>
Hosted with ❤️ by WPCode
1-click Use in WordPress

💱 Төлем соммен немесе картамен

БІЗДІҢ ПЛЮСТАРЫМЫЗ

🏔️

Тамаша табиғат

Тау бөктері, таза ауа

💰

Қолжетімді бағалар

бастап

🧹

Тазалық

Күнделікті тазалау

🤝

Қонақжай ұжым

Жеке көңіл бөлу

🍖

Мангал аймағы

Отын тегін

🚌

Ыңғайлы орын

Бішкектен 30 мин

ҚОНАҚТАР ПІКІРІ

✅ Пікіріңіз үшін рахмет!
❌ Атыңызды және пікіріңізді жазыңыз.

Әлі пікірлер жоқ. Бірінші болып пікір қалдырыңыз!

""

-

✍️ ПІКІР ҚАЛДЫРУ

Comments

Add a Comment

Login to Deploy Snippet