<!doctype html>
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="Keywords"
        content="婚宴,一千零一夜,上海<?php echo e($data['keywords']); ?>"/>
  <meta name="Description"
        content="在欢乐的气氛下度过一个个难忘的良宵。 民俗，民风，民情，美酒加咖啡，特色加美食历史和文化共同构建了一千零一夜餐厅 <?php echo e($data['description']); ?>"/>

<link href="css/css.css" rel="stylesheet">
<!--[if lt IE 9]>
    <link href="css/ie.css" rel="stylesheet" type="text/css" >
    <meta http-equiv="X-UA-Compatible" content="IE=8" >
<![endif]-->
<!--[if lte IE 6]><meta http-equiv="refresh" content="0;url=IE6/IE6.html"><![endif]-->
<link href="favicon.ico" rel="SHORTCUT ICON">
<title>预订 <?php echo e($data['title']); ?></title>
</head>
<body cur="3" style="background-image:url(images/Events-bg.jpg)">
    <div class="top">
      <div class="header">
        <div class="wrap clearfix pr">
          <a href="index.html" class="logo"><em></em><i></i><span></span></a>
          <ul class="nav fr">
            <li>
              <a href="about.html">餐厅介绍</a>
              <ul class="slide-nav">
                <li><a href="about.html">成长历程</a></li>
                <li><a href="founder.html">创始人介绍</a></li>
                <li><a href="about.html">团队介绍</a></li>
              </ul>
            </li>
            <li>
              <a href="food.html">我们的菜单</a>
              <ul class="slide-nav">
                <li><a href="food.html">主菜</a></li>
                <li><a href="food.html">开胃菜</a></li>
                <li><a href="food.html">甜点</a></li>
              </ul>
            </li>
            <li><a href="Events.html">活动预告</a></li>
            <li><a href="Book.html">预定中心</a></li>
            <li>
              <a href="news.html">新闻资讯</a>
              <ul class="slide-nav">
                <li><a href="news.html">企业快报</a></li>
                <li><a href="news.html">最新资讯</a></li>
<li><a href="news.html">新店开张</a></li>
              </ul>
            </li>
            <li><a href="Wedding.html">婚宴展示</a></li>
            <li>
              <a href="profile.html">一千零一夜在中国</a>
              <ul class="slide-nav">
                <li><a href="profile.html">上海衡山路店</a></li>
                <li><a href="profile.html">北京三里屯店</a></li>
                <li><a href="profile.html">北京蓝色港湾店</a></li>
              </ul>
            </li>
            <li>
              <a href="contact.html">联系我们</a>
              <ul class="slide-nav">
                <li><a href="contact.html">上海衡山路店</a></li>
                <li><a href="contact.html">北京三里屯店</a></li>
                <li><a href="contact.html">北京蓝色港湾店</a></li>
              </ul>
            </li>
          </ul>
        </div>
      </div>
    </div>
    
    <div class="wrap">
      <div class="w-title tc">
        <p class="title">Reservation</p>
        <div class="name">
          <span><em></em>预定中心<i></i></span>
        </div>
      </div>
      
      <div class="conwrap">
        <div class="con-bd">
          <img src="images/img3.png">
          <div class="pd35 clearfix">
            <div class="control-group">
              <span class="tt">日期</span>
              <label>
                <input type="text" name="" value="" class="" >
                <em class="myfont">&#xe678;</em>
              </label>
            </div>
            <div class="control-group">
              <span class="tt">时间</span>
              <label>
                <input type="text" name="" value="" class="" >
                <em class="myfont">&#xe6b0;</em>
              </label>
            </div>
            <div class="control-group">
              <span class="tt" style="width:70px;">就餐人数</span>
              <label style="width:268px;">
                <input type="text" name="" value="" class="" >
                <em class="myfont">&#xe62b;</em>
              </label>
            </div>
            <div class="control-group">
              <span class="tt">姓名</span>
              <label>
                <input type="text" name="" value="" class="" >
                <em class="myfont">&#xe69a;</em>
              </label>
            </div>
            <div class="control-group">
              <span class="tt">手机</span>
              <label>
                <input type="text" name="" value="" class="" >
                <em class="myfont">&#xe6bb;</em>
              </label>
            </div>
            <div class="control-group">
              <span class="tt">邮箱</span>
              <label>
                <input type="text" name="" value="" class="" >
                <em class="myfont">&#xe617;</em>
              </label>
            </div>
          </div>
          <p class="tc"><button type="button" name="" value="" class="button btn-book">我要预定</button></p>
        </div>
        <div class="con-bottom"></div>
      </div>

      <div class="foot">
        <?php if($data['open_foot'] == 1): ?>
          <span style="display: inline !important;">Copyright ©<?php echo e($data['banquan']); ?></span> |
          <span style="display: inline !important;">备案号:<?php echo e($data['beian']); ?></span> |
          <span style="display: inline !important">友情链接:
            <?php foreach($data['lianjie_name'] as $key => $vo): ?>
              <a style="display: inline !important;marhin-rignt:10px;"
                 href="<?php echo e(is_or($data['lianjie'],$key)); ?>"><?php echo e($vo); ?></a>
            <?php endforeach; ?>
                </span>
        <?php else: ?>
          Copyright © 2015 www.1001.com All Rights Reserved　版权所有·一千零一夜餐厅
        <?php endif; ?>
      </div>
    </div>
       
  
  <a href="#" class="link-prev"></a>
  <a href="#" class="link-next"></a>
</body>
<script src="js/jquery.js"></script>
<script src="js/Action.js"></script>
<script src="/static/plugins/jquery/jquery.js"></script>
<?php if($data['open_bd'] == 1): ?>
  <script>
      let bd_image = "<?php echo e($data['bd_image']); ?>",
          bd_link = "<?php echo e($data['bd_link']); ?>";
  </script>
  <script src="/static/js/bd.js"></script>
<?php endif; ?>
<style>
  .nico {
    position: fixed;
    top: 10px;
    right: 0;
    bottom: 0;
    z-index: 10000;
    width: 400px;
    height: 500px;
    border: 0;
    background-color: #fff;
    box-shadow: 0 0 0 4px lightseagreen
  }

  .nico * {
    padding: 0;
    margin: 0;
  }

  .news_wrap {
    position: relative;
    height: 500px;
  }

  .news_wrap li {
    position: relative;
    padding-left: 10px;
    list-style-type: none;
    display: block;
    width: 380px;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid grey
  }

  .news_wrap li > span {
    display: block;
    width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 100%;
    line-height: 40px;
  }

  .news_wrap li > i {
    position: absolute;
    width: 80px;
    font-size: .5rem;
    top: 0;
    right: 0;
  }

  .page-btn {
    position: absolute;
    width: 100%;
    height: 70px;
    bottom: 0;
  }

  .page-btn li {
    font-size: .8rem;
    padding: 0 !important;
    margin-left: 2px;
    list-style-type: none;
    display: inline-block;
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    border: 1px solid grey;
    cursor: pointer;
  }

  .clicked {
    background-color: #0c5460;
    color: #fff;
  }
</style>
<div class="nico">
  <div class="news_wrap">
    <ul>
      <?php foreach($data['list'][0] as $vo): ?>
        <li style="border-bottom: 1px solid #ccc;">
                <span><a style="text-decoration: none;color:#000" href="detail/<?php echo e(pathinfo($vo,PATHINFO_BASENAME)); ?>"
                         target="_blank"><?php echo e($data['titles'][rtrim(pathinfo($vo,PATHINFO_BASENAME),'.html')]); ?></a></span>
          <i><?php echo e(Date('Y/m/d',strtotime($data['times'][rtrim(pathinfo($vo,PATHINFO_BASENAME),'.html')]))); ?></i>
        </li>
      <?php endforeach; ?>
    </ul>
    <div class="page-btn">
      <ul>
        <?php foreach($data['list'] as $key => $vo): ?>
          <li class="pg-li <?php echo e($key ?'':'clicked'); ?>"><?php echo e($key + 1); ?></li>
        <?php endforeach; ?>
      </ul>
    </div>
  </div>
</div>
<script>
    let list = JSON.parse("<?php echo e(json_encode($data['list'])); ?>".replace(/&quot;/g, '"')),
        titles = JSON.parse("<?php echo e(json_encode($data['titles'])); ?>".replace(/&quot;/g, '"')),
        times = JSON.parse("<?php echo e(json_encode($data['times'])); ?>".replace(/&quot;/g, '"'));
    $('.pg-li').click(function () {
        $(this).addClass('clicked').siblings().removeClass('clicked');
        let p = ($(this).text() - 1) | 0,
            data = list[p];
        $('.news_wrap > ul').html(function () {
            let html = '';
            $(data).each(function (x, y) {
                let id = y.match(/(\d+)\.html/)[1],
                    time = times[id].split(' ')[0].replace('-', '/');
                html += '<li style="border-bottom: 1px solid #ccc;"><span><a style="text-decoration: none;color:#000" href="detail/' + id + '.html" target="_blank">' + titles[id] + '</a></span> <i>' + time + '</i></li>';
            });
            return html;
        });
    });
</script>
</html>