<?php
/**
 * 餐厅美食模板 - 底部
 */
?>
    <!-- 主内容区结束 -->
    
    <!-- 页脚 -->
    <footer class="footer" style="background:#2c3e50; color:white; padding:60px 0 30px;">
        <div class="container">
            <div style="display:grid; grid-template-columns:repeat(auto-fit, minmax(250px, 1fr)); gap:40px; margin-bottom:40px;">
                <!-- 餐厅信息 -->
                <div>
                    <h3 style="font-size:20px; margin-bottom:20px; color:white;"><?php echo SITE_NAME; ?></h3>
                    <p style="line-height:1.8; opacity:0.8;"><?php echo SITE_SLOGAN; ?></p>
                    <p style="margin-top:15px; line-height:1.8; opacity:0.8;">用心烹饪每一道菜品，为您带来最美味的体验。</p>
                </div>
                
                <!-- 联系信息 -->
                <div>
                    <h3 style="font-size:20px; margin-bottom:20px; color:white;">联系我们</h3>
                    <ul style="list-style:none; padding:0;">
                        <li style="padding:8px 0; opacity:0.8;"><i class="fas fa-map-marker-alt" style="margin-right:10px; color:#c0392b;"></i> <?php echo get_setting('address', '中国湖南省长沙市'); ?></li>
                        <li style="padding:8px 0; opacity:0.8;"><i class="fas fa-phone" style="margin-right:10px; color:#c0392b;"></i> <?php echo get_setting('contact_phone', '13874944449'); ?></li>
                        <li style="padding:8px 0; opacity:0.8;"><i class="fas fa-envelope" style="margin-right:10px; color:#c0392b;"></i> <?php echo get_setting('contact_email', 'info@restaurant.com'); ?></li>
                        <li style="padding:8px 0; opacity:0.8;"><i class="fas fa-clock" style="margin-right:10px; color:#c0392b;"></i> 营业时间：11:00-14:00，17:00-21:00</li>
                    </ul>
                </div>
                
                <!-- 快捷链接 -->
                <div>
                    <h3 style="font-size:20px; margin-bottom:20px; color:white;">快捷链接</h3>
                    <ul style="list-style:none; padding:0;">
                        <li style="padding:8px 0;"><a href="/" style="color:white; opacity:0.8; text-decoration:none;">首页</a></li>
                        <li style="padding:8px 0;"><a href="/menu" style="color:white; opacity:0.8; text-decoration:none;">菜品菜单</a></li>
                        <li style="padding:8px 0;"><a href="/about" style="color:white; opacity:0.8; text-decoration:none;">关于我们</a></li>
                        <li style="padding:8px 0;"><a href="/reservation" style="color:white; opacity:0.8; text-decoration:none;">在线订座</a></li>
                        <li style="padding:8px 0;"><a href="/contact" style="color:white; opacity:0.8; text-decoration:none;">联系我们</a></li>
                    </ul>
                </div>
                
                <!-- 关注我们 -->
                <div>
                    <h3 style="font-size:20px; margin-bottom:20px; color:white;">关注我们</h3>
                    <div style="display:flex; gap:15px; margin-bottom:20px;">
                        <a href="#" style="display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; background:#c0392b; color:white; border-radius:50%; text-decoration:none;"><i class="fab fa-weixin"></i></a>
                        <a href="#" style="display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; background:#c0392b; color:white; border-radius:50%; text-decoration:none;"><i class="fab fa-weibo"></i></a>
                        <a href="#" style="display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; background:#c0392b; color:white; border-radius:50%; text-decoration:none;"><i class="fab fa-douban"></i></a>
                    </div>
                    <p style="opacity:0.8; line-height:1.8;">扫码关注微信公众号，获取最新优惠和活动信息。</p>
                </div>
            </div>
            
            <!-- 版权信息 -->
            <div style="border-top:1px solid rgba(255,255,255,0.1); padding-top:30px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:20px;">
                <div style="opacity:0.7; font-size:14px;">
                    &copy; <?php echo date('Y'); ?> <?php echo SITE_NAME; ?> 版权所有
                    <?php $icp = get_setting('icp_number', ''); ?>
                    <?php if ($icp): ?>
                        | <a href="https://beian.miit.gov.cn" target="_blank" style="color:white; opacity:0.7;"><?php echo $icp; ?></a>
                    <?php endif; ?>
                </div>
                <div style="opacity:0.7; font-size:14px;">
                    技术支持：<a href="https://barju.cn" target="_blank" style="color:white;">长沙吧聚网络科技有限公司</a>
                </div>
            </div>
        </div>
    </footer>
    
    <!-- 返回顶部按钮 -->
    <div class="back-to-top" style="position:fixed; bottom:30px; right:30px; display:none; align-items:center; justify-content:center; width:50px; height:50px; background:#c0392b; color:white; border-radius:50%; cursor:pointer; z-index:999; box-shadow:0 2px 10px rgba(0,0,0,0.3);" onclick="window.scrollTo({top:0,behavior:'smooth'})">
        <i class="fas fa-arrow-up"></i>
    </div>
    
    <!-- 订座模态框 -->
    <div id="reservationModal" style="display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:1000; align-items:center; justify-content:center;">
        <div style="background:white; padding:30px; border-radius:8px; max-width:500px; width:90%;">
            <h3 style="margin-bottom:20px; color:#333;">在线订座</h3>
            <form>
                <div style="margin-bottom:15px;">
                    <input type="text" placeholder="您的姓名" style="width:100%; padding:10px; border:1px solid #ddd; border-radius:4px;">
                </div>
                <div style="margin-bottom:15px;">
                    <input type="tel" placeholder="联系电话" style="width:100%; padding:10px; border:1px solid #ddd; border-radius:4px;">
                </div>
                <div style="margin-bottom:15px;">
                    <input type="date" style="width:100%; padding:10px; border:1px solid #ddd; border-radius:4px;">
                </div>
                <div style="margin-bottom:15px;">
                    <select style="width:100%; padding:10px; border:1px solid #ddd; border-radius:4px;">
                        <option>用餐人数</option>
                        <option>1人</option>
                        <option>2人</option>
                        <option>3-4人</option>
                        <option>5-8人</option>
                        <option>包间（10人以上）</option>
                    </select>
                </div>
                <div style="display:flex; gap:10px;">
                    <button type="button" style="flex:1; padding:10px; background:#c0392b; color:white; border:none; border-radius:4px; cursor:pointer;">提交预订</button>
                    <button type="button" onclick="document.getElementById('reservationModal').style.display='none';" style="flex:1; padding:10px; background:#ddd; color:#333; border:none; border-radius:4px; cursor:pointer;">取消</button>
                </div>
            </form>
        </div>
    </div>
    
    <!-- JavaScript -->
    <script>
        // 返回顶部按钮显示/隐藏
        window.addEventListener('scroll', function() {
            const backToTop = document.querySelector('.back-to-top');
            if (backToTop) {
                if (window.scrollY > 300) {
                    backToTop.style.display = 'flex';
                } else {
                    backToTop.style.display = 'none';
                }
            }
        });
        
        // 移动端菜单切换
        document.addEventListener('DOMContentLoaded', function() {
            const menuToggle = document.querySelector('.menu-toggle');
            if (menuToggle) {
                menuToggle.addEventListener('click', function() {
                    document.querySelector('.nav ul').classList.toggle('show');
                });
            }
        });
    </script>
</body>
</html>
