<?php
/**
 * 2026企业CMS - 餐厅美食模板（行业模板示例）
 */
$pageDescription = '品尝美味佳肴，享受愉悦时光 - ' . SITE_NAME;
$breadcrumbItems = [['title' => '首页']];
?>
<?php echo breadcrumb($breadcrumbItems); ?>

<!-- 餐厅特色展示 -->
<section class="restaurant-features" style="padding:60px 0; background:white;">
    <div class="container">
        <div class="section-header" style="text-align:center; margin-bottom:40px;">
            <h2 style="font-size:32px; color:#c0392b;">餐厅特色</h2>
            <p style="color:#666;">用心烹饪，只为您带来最美味的体验</p>
        </div>
        
        <div style="display:grid; grid-template-columns:repeat(auto-fit, minmax(250px, 1fr)); gap:30px;">
            <div style="text-align:center; padding:20px;">
                <div style="font-size:48px; color:#c0392b; margin-bottom:15px;"><i class="fas fa-utensils"></i></div>
                <h3 style="margin-bottom:10px;">精致菜品</h3>
                <p style="color:#666; line-height:1.8;">选用新鲜食材，主厨精心烹饪，带给您极致味蕾享受。</p>
            </div>
            <div style="text-align:center; padding:20px;">
                <div style="font-size:48px; color:#c0392b; margin-bottom:15px;"><i class="fas fa-wine-glass-alt"></i></div>
                <h3 style="margin-bottom:10px;">优雅环境</h3>
                <p style="color:#666; line-height:1.8;">欧式装修风格，温馨浪漫氛围，是聚会宴请的理想之选。</p>
            </div>
            <div style="text-align:center; padding:20px;">
                <div style="font-size:48px; color:#c0392b; margin-bottom:15px;"><i class="fas fa-concierge-bell"></i></div>
                <h3 style="margin-bottom:10px;">优质服务</h3>
                <p style="color:#666; line-height:1.8;">专业服务团队，贴心周到，让您的每次用餐都舒适愉悦。</p>
            </div>
            <div style="text-align:center; padding:20px;">
                <div style="font-size:48px; color:#c0392b; margin-bottom:15px;"><i class="fas fa-parking"></i></div>
                <h3 style="margin-bottom:10px;">便利停车</h3>
                <p style="color:#666; line-height:1.8;">专属停车场，50个车位，用餐停车无忧。</p>
            </div>
        </div>
    </div>
</section>

<!-- 推荐菜品 -->
<section class="featured-menu" style="padding:60px 0; background:#f8f9fa;">
    <div class="container">
        <div class="section-header" style="text-align:center; margin-bottom:40px;">
            <h2 style="font-size:32px; color:#333;">推荐菜品</h2>
            <p style="color:#666;">主厨推荐，不容错过的美味</p>
        </div>
        
        <?php
        // 获取推荐产品（后台标记为热门的产品）
        $featured_products = db_query("SELECT * FROM `products` WHERE `status`=1 AND `is_hot`=1 ORDER BY `sort_order` ASC LIMIT 8");
        ?>
        
        <?php if ($featured_products): ?>
            <div style="display:grid; grid-template-columns:repeat(auto-fit, minmax(250px, 1fr)); gap:30px;">
                <?php foreach ($featured_products as $product): ?>
                    <div style="background:white; border-radius:8px; overflow:hidden; box-shadow:0 2px 10px rgba(0,0,0,0.1); transition:transform 0.3s;" onmouseover="this.style.transform='translateY(-5px)'" onmouseout="this.style.transform='translateY(0)'">
                        <a href="/product/<?php echo $product['slug']; ?>.html">
                            <div style="height:200px; overflow:hidden;">
                                <?php if ($product['cover_image']): ?>
                                    <img src="<?php echo $product['cover_image']; ?>" alt="<?php echo xss_clean($product['title']); ?>" style="width:100%; height:100%; object-fit:cover;">
                                <?php else: ?>
                                    <div style="width:100%; height:100%; background:#f0f0f0; display:flex; align-items:center; justify-content:center; font-size:48px; color:#ccc;">🍽</div>
                                <?php endif; ?>
                            </div>
                        </a>
                        <div style="padding:20px;">
                            <h3 style="font-size:18px; margin-bottom:10px;"><a href="/product/<?php echo $product['slug']; ?>.html" style="color:#333; text-decoration:none;"><?php echo xss_clean($product['title']); ?></a></h3>
                            <p style="color:#666; font-size:14px; margin-bottom:15px;"><?php echo xss_clean(str_cut($product['summary'], 60)); ?></p>
                            <div style="display:flex; justify-content:space-between; align-items:center;">
                                <?php if ($product['price'] > 0): ?>
                                    <span style="color:#c0392b; font-size:20px; font-weight:bold;">¥<?php echo $product['price']; ?></span>
                                <?php else: ?>
                                    <span style="color:#27ae60; font-size:14px;">时价</span>
                                <?php endif; ?>
                                <a href="/product/<?php echo $product['slug']; ?>.html" style="padding:5px 15px; background:#c0392b; color:white; border-radius:4px; text-decoration:none; font-size:14px;">查看详情</a>
                            </div>
                        </div>
                    </div>
                <?php endforeach; ?>
            </div>
        <?php else: ?>
            <div style="text-align:center; padding:40px; color:#999;">
                <p>暂无推荐菜品，请在后台添加产品并标记为"热门"</p>
            </div>
        <?php endif; ?>
    </div>
</section>

<!-- 在线订座 -->
<section class="reservation" style="padding:60px 0; background:linear-gradient(135deg, #c0392b 0%, #e74c3c 100%); color:white;">
    <div class="container" style="display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:40px;">
        <div style="flex:1; min-width:300px;">
            <h2 style="font-size:36px; margin-bottom:20px;">在线订座</h2>
            <p style="font-size:16px; margin-bottom:20px; opacity:0.9;">提前预订，确保有位。我们为您提供舒适的用餐环境和美味的菜品。</p>
            <ul style="list-style:none; padding:0;">
                <li style="padding:8px 0;"><i class="fas fa-check-circle" style="margin-right:10px;"></i> 支持在线预订，方便快捷</li>
                <li style="padding:8px 0;"><i class="fas fa-check-circle" style="margin-right:10px;"></i> 可预订包间，适合商务宴请</li>
                <li style="padding:8px 0;"><i class="fas fa-check-circle" style="margin-right:10px;"></i> 提供儿童座椅，家庭用餐无忧</li>
            </ul>
        </div>
        <div style="flex:0 0 400px; background:rgba(255,255,255,0.1); padding:30px; border-radius:8px;">
            <h3 style="margin-bottom:20px; text-align:center;">立即订座</h3>
            <form>
                <div style="margin-bottom:15px;">
                    <input type="text" placeholder="您的姓名" style="width:100%; padding:10px; border:none; border-radius:4px; font-size:14px;">
                </div>
                <div style="margin-bottom:15px;">
                    <input type="tel" placeholder="联系电话" style="width:100%; padding:10px; border:none; border-radius:4px; font-size:14px;">
                </div>
                <div style="margin-bottom:15px;">
                    <input type="date" style="width:100%; padding:10px; border:none; border-radius:4px; font-size:14px;">
                </div>
                <div style="margin-bottom:15px;">
                    <select style="width:100%; padding:10px; border:none; border-radius:4px; font-size:14px;">
                        <option>用餐时间</option>
                        <option>午餐 11:00-14:00</option>
                        <option>晚餐 17:00-21:00</option>
                    </select>
                </div>
                <div style="margin-bottom:15px;">
                    <select style="width:100%; padding:10px; border:none; border-radius:4px; font-size:14px;">
                        <option>用餐人数</option>
                        <option>1人</option>
                        <option>2人</option>
                        <option>3-4人</option>
                        <option>5-8人</option>
                        <option>包间（10人以上）</option>
                    </select>
                </div>
                <button type="button" style="width:100%; padding:12px; background:white; color:#c0392b; border:none; border-radius:4px; font-size:16px; font-weight:bold; cursor:pointer;">提交预订</button>
            </form>
        </div>
    </div>
</section>

<!-- 客户评价 -->
<section class="testimonials" style="padding:60px 0; background:white;">
    <div class="container">
        <div class="section-header" style="text-align:center; margin-bottom:40px;">
            <h2 style="font-size:32px; color:#333;">客户评价</h2>
            <p style="color:#666;">听听我们的顾客怎么说</p>
        </div>
        
        <div style="display:grid; grid-template-columns:repeat(auto-fit, minmax(300px, 1fr)); gap:30px;">
            <div style="padding:25px; background:#f8f9fa; border-radius:8px; border-left:4px solid #c0392b;">
                <div style="font-size:18px; color:#f39c12; margin-bottom:10px;">★★★★★</div>
                <p style="color:#666; line-height:1.8; margin-bottom:15px;">"菜品非常新鲜，味道正宗，服务也很周到。特别推荐他们的招牌烤鸭，外酥里嫩，回味无穷。"</p>
                <div style="font-weight:500;">— 张先生</div>
            </div>
            <div style="padding:25px; background:#f8f9fa; border-radius:8px; border-left:4px solid #c0392b;">
                <div style="font-size:18px; color:#f39c12; margin-bottom:10px;">★★★★★</div>
                <p style="color:#666; line-height:1.8; margin-bottom:15px;">"环境优雅，适合商务宴请。包间私密性好，菜品精致，服务员态度很好，下次还会再来。"</p>
                <div style="font-weight:500;">— 李女士</div>
            </div>
            <div style="padding:25px; background:#f8f9fa; border-radius:8px; border-left:4px solid #c0392b;">
                <div style="font-size:18px; color:#f39c12; margin-bottom:10px;">★★★★★</div>
                <p style="color:#666; line-height:1.8; margin-bottom:15px;">"家庭聚餐选这里准没错！孩子很喜欢餐厅的儿童套餐，食材新鲜健康。停车也方便，五星推荐！"</p>
                <div style="font-weight:500;">— 王女士</div>
            </div>
        </div>
    </div>
</section>
