Hướng dẫn tạo website

<?php 
        include VIEWS.'/default_fmax_website/layout/meta.php';
?>

<?php foreach($list_items as $val) {
    if($val['p'] == 2) {?>
    <div>
        <h3><?php echo $val['name'];?></h3>
        <img src="<?php echo $this->getImageUrl($val['images'], '300x300');?>" alt="<?php echo $val['name'];?>">
        <p><?php echo $val['description'];?></p>
        <div>
            <span>Giá: <?php echo number_format($val['price']);?> đ</span>
            <?php if($val['price_promotion'] > 0) {?>
                <span>Giá KM: <?php echo number_format($val['price_promotion']);?> đ</span>
            <?php }?>
        </div>
        <a href="<?php echo '/' . $val['slug'];?>">Xem chi tiết</a>
    </div>
<?php }
}?>

<?php foreach($list_items as $val) {
    if($val['p'] == 2) {?>
    // Code hiển thị item ở đây
<?php }
}?>

<?php 
    // Lấy items có p = 2 VÀ checkbox1 = 1
    foreach($list_items as $val) {
        if($val['p'] == 2 && $val['checkbox1'] == 1) {?>
        <div>
            <h3><?php echo $val['name'];?></h3>
            <!-- Code hiển thị item ở đây -->
        </div>
    <?php }
    }
?>

<?php 
    // Bước 1: Tạo mảng tạm để chứa các item đã lọc
    $list_items_temp = array();
    
    // Bước 2: Duyệt qua tất cả các item trong $list_items và lọc những item có p = 2
    // Lưu ý: Giá trị p chính là tham số sau URL trong admin, ví dụ: https://hdwebs.vn/admin/items/index?p=15
    foreach ($list_items as $val){
        if($val['p'] == 2){
            // Thêm item vào mảng tạm nếu thỏa điều kiện
            $list_items_temp[] = $val;
        }
    }
    
    // Bước 3: Thiết lập các tham số cho phân trang
    $option = array(
        'data' => $list_items_temp,              // Dữ liệu đã lọc để phân trang
        'baseUrl' => '/' . $pages['slug'],        // URL cơ sở (slug của trang) để tạo link phân trang
        'perPage' => 20,                         // Số item hiển thị trên mỗi trang (20 items/trang)
        'currentPage' => $_GET['pages'] ?? 1     // Trang hiện tại, lấy từ $_GET['pages'] hoặc mặc định là 1
    );
    
    // Bước 4: Gọi hàm phân trang và lưu kết quả vào $list
    $list = $this->paginationFrontend($option);
?>

<?php 
    // Bước 5: Duyệt qua các item đã được phân trang và hiển thị
    foreach ($list['items'] as $val){?>
    <!-- Code hiển thị item ở đây, ví dụ: -->
    <div>
        <!-- <?php echo $val['title'];?> -->
        <!-- <?php echo $val['content'];?> -->
    </div>
<?php }?>

<?php 
    // Bước 6: Hiển thị các nút phân trang (Previous, Next, số trang...)
    echo $list['pagination'];
?>

<?php if(!empty($detail)) {?>
    <div>
        <!-- Tên sản phẩm/tin tức -->
        <h1><?php echo $detail['name'];?></h1>
        
        <!-- Hình ảnh chính (size: 800x600) -->
        <img src="<?php echo $this->getImageUrl($detail['images'], '800x600');?>" alt="<?php echo $detail['name'];?>">
        
        <!-- Mô tả ngắn -->
        <p><?php echo $detail['description'];?></p>
        
        <!-- Chi tiết đầy đủ -->
        <div><?php echo $detail['detail'];?></div>
        
        <!-- Thư viện ảnh: Duyệt qua mảng gallery_json (mỗi $img là tên file ảnh) -->
        <?php if(!empty($detail['gallery_json'])) { ?>
            <?php foreach($detail['gallery_json'] as $img) { ?>
                <img src="<?php echo $this->getImageUrl($img, '800x600');?>" alt="">
            <?php } ?>
        <?php } ?>
        
        <!-- Chi tiết đa dạng: $item đã chứa toàn bộ HTML, chỉ cần echo trực tiếp (không cần echo $item['title'] hay $item['content']) -->
        <?php if(!empty($detail['multi_detail'])) { ?>
            <?php foreach($detail['multi_detail'] as $item) { ?>
                <?php echo $item;?>
            <?php } ?>
        <?php } ?>
        
        <!-- Giá sản phẩm (nếu có) -->
        <?php if(!empty($detail['price'])) { ?>
            <p>Giá: <?php echo number_format($detail['price']);?> đ</p>
            <!-- Giá khuyến mãi (nếu có) -->
            <?php if($detail['price_promotion'] > 0) { ?>
                <p>Giá KM: <?php echo number_format($detail['price_promotion']);?> đ</p>
            <?php } ?>
        <?php } ?>
    </div>
<?php }?>

<?php 
    // Lấy danh mục có checkbox1 = 1 để hiển thị ngoài trang chủ
    foreach($list_cat as $val) {
        if($val['checkbox1'] == 1) {?>
        <div>
            <h3><?php echo $val['name'];?></h3>
            <img src="<?php echo $this->getImageUrl($val['images'], '300x300');?>" alt="<?php echo $val['name'];?>">
            <p><?php echo $val['description'];?></p>
            <a href="<?php echo '/' . $val['slug'];?>">Xem chi tiết</a>
        </div>
    <?php }
    }
?>

<?php 
    // Lấy danh mục có p = 13 VÀ checkbox1 = 1
    foreach($list_cat as $val) {
        if($val['p'] == 13 && $val['checkbox1'] == 1) {?>
        <div>
            <h3><?php echo $val['name'];?></h3>
            <!-- Code hiển thị danh mục ở đây -->
        </div>
    <?php }
    }
?>

<?php foreach($list_cat as $val) {
    if($val['p'] == 13) {?>
    <div>
        <h3><?php echo $val['name'];?></h3>
        <img src="<?php echo $this->getImageUrl($val['images'], '300x300');?>" alt="<?php echo $val['name'];?>">
        <p><?php echo $val['description'];?></p>
        <a href="<?php echo '/' . $val['slug'];?>">Xem chi tiết</a>
    </div>
<?php }
}?>

<?php foreach($list_cat as $val) {
    if($val['p'] == 13) {?>
    // Code hiển thị danh mục ở đây
<?php }
}?>

<?php if(!empty($detail)) {?>
    <div>
        <h1><?php echo $detail['name'];?></h1>
        <img src="<?php echo $this->getImageUrl($detail['images'], '800x600');?>" alt="<?php echo $detail['name'];?>">
        <p><?php echo $detail['description'];?></p>
        <div><?php echo $detail['detail'];?></div>
        
        <!-- Icon danh mục -->
        <?php if(!empty($detail['icon'])) { ?>
            <i class="<?php echo $detail['icon'];?>"></i>
        <?php } ?>
    </div>
<?php }?>

<?php foreach ($blocks_55['list'] as $key => $val){?>
    // Code hiển thị block ở đây
<?php }?>

<?php foreach ($blocks_55['list'] as $key => $val){?>
    <!-- Tên hình -->
    <?php echo $val['multi_images'][0]['name'][0]; ?>
    
    <!-- Lấy hình (size: 1600x420) -->
    <img src="<?php echo $this->getImageUrl($val['multi_images'][0]['imagesPC'], '1600x420'); ?>" alt="">
    
    <!-- Text items -->
    <?php echo $val['text'][0];?>
<?php }?>

<?php 
    // Chi tiết items (block detail)
    echo $blocks_56['detail']['detail'];
?>

<?php 
    // Hình ảnh từ block detail (size: 560x430)
    echo $this->getImageUrl($blocks_56['detail']['multi_images'][0]['imagesPC'], '560x430');
?>

<?php 
    // Block detail text
    echo $blocks_57['detail']['text'][0];
?>

<form id="contactForm" method="POST">
    <input type="hidden" name="p" value="3">
    
    <div class="form-group">
        <label for="fullname">Họ và tên *</label>
        <input type="text" id="fullname" name="fullname" required placeholder="Nhập họ và tên của bạn">
    </div>
    
    <div class="form-group">
        <label for="phone">Số điện thoại *</label>
        <input type="tel" id="phone" name="phone" required placeholder="Nhập số điện thoại">
    </div>
    
    <div class="form-group">
        <label for="email">Email *</label>
        <input type="email" id="email" name="email" required placeholder="Nhập email của bạn">
    </div>
    
    <div class="form-group">
        <label for="tieu_de">Dịch vụ</label>
        <select id="tieu_de" name="tieu_de">
            <option value="">-- Chọn dịch vụ --</option>
            <?php if (!empty($data['list_items']) && is_array($data['list_items'])): ?>
                <?php foreach ($data['list_items'] as $item): ?>
                    <?php if (isset($item['p']) && $item['p'] == 23): ?>
                        <option value="<?php echo !empty($item['name']) ? htmlspecialchars($item['name']) : ''; ?>">
                            <?php echo !empty($item['name']) ? htmlspecialchars($item['name']) : ''; ?>
                        </option>
                    <?php endif; ?>
                <?php endforeach; ?>
            <?php endif; ?>
        </select>
    </div>
    
    <div class="form-group">
        <label for="dia_chi">Địa chỉ</label>
        <input type="text" id="dia_chi" name="dia_chi" placeholder="Nhập địa chỉ">
    </div>
    
    <div class="form-group">
        <label for="noi_dung">Nội dung tin nhắn *</label>
        <textarea id="noi_dung" name="noi_dung" required placeholder="Nhập nội dung tin nhắn của bạn"></textarea>
    </div>
    
    <!-- Các trường động ngoài column, sử dụng data['tên trường'] -->
    <div class="form-group">
        <label for="ten_san_pham">Tên sản phẩm</label>
        <input type="text" id="ten_san_pham" name="data[tên sản phẩm]" placeholder="Nhập tên sản phẩm">
    </div>
    
    <button type="submit" class="btn-submit">Gửi tin nhắn</button>
</form>

<script>
// Hàm gửi contact form
function handleSendContact(formId) {
    const contactForm = document.getElementById(formId || 'contactForm');
    
    if (!contactForm) {
        alert('Không tìm thấy form!');
        return;
    }
    
    // Get form data
    const formData = new FormData(contactForm);
    const fullname = formData.get('fullname');
    const phone = formData.get('phone');
    const email = formData.get('email');
    const noi_dung = formData.get('noi_dung');
    
    // Basic validation
    if (!fullname || !phone || !email || !noi_dung) {
        alert('Vui lòng điền đầy đủ các trường bắt buộc (*)');
        return;
    }
    
    // Email validation
    const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
    if (!emailRegex.test(email)) {
        alert('Vui lòng nhập email hợp lệ');
        return;
    }
    
    // Phone validation (Vietnamese phone number)
    const phoneRegex = /^(0|\+84)[0-9]{9,10}$/;
    if (!phoneRegex.test(phone.replace(/\s/g, ''))) {
        alert('Vui lòng nhập số điện thoại hợp lệ');
        return;
    }
    
    // Disable submit button
    const submitBtn = contactForm.querySelector('.btn-submit');
    const originalText = submitBtn ? submitBtn.textContent : '';
    if (submitBtn) {
        submitBtn.disabled = true;
        submitBtn.textContent = 'Đang gửi...';
    }
    
    // Send form data via AJAX
    fetch('/frontend/ajaxs/handleSendContact', {
        method: 'POST',
        body: formData,
        headers: {
            'X-Requested-With': 'XMLHttpRequest'
        }
    })
    .then(res => {
        if (!res.ok) {
            throw new Error(`HTTP error! status: ${res.status}`);
        }
        return res.json();
    })
    .then(response => {
        if (response.success) {
            alert(response.message || 'Cảm ơn bạn đã liên hệ! Chúng tôi sẽ phản hồi sớm nhất có thể.');
            contactForm.reset();
        } else {
            alert(response.message || 'Có lỗi xảy ra khi gửi liên hệ. Vui lòng thử lại sau.');
        }
    })
    .catch(error => {
        console.error('Error:', error);
        alert('Có lỗi xảy ra khi gửi liên hệ. Vui lòng thử lại sau.');
    })
    .finally(() => {
        // Restore submit button
        if (submitBtn) {
            submitBtn.textContent = originalText;
            submitBtn.disabled = false;
        }
    });
}

// Sử dụng với form submit
document.addEventListener("DOMContentLoaded", function() {
    const contactForm = document.getElementById('contactForm');
    
    if (contactForm) {
        contactForm.addEventListener('submit', function(e) {
            e.preventDefault();
            handleSendContact('contactForm');
        });
    }
});
</script>

<!-- Hoặc sử dụng trực tiếp trong button -->
<!-- <button type="button" class="btn-submit" onclick="handleSendContact('contactForm')">Gửi tin nhắn</button> -->