<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="initial-scale=1, width=device-width, user-scalable=no" />
  <meta name="format-detection" content="telephone=no,email=no" />
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <title>我的日程</title>
  <script src='javascript/components/flexible.js'></script>
  <link rel="stylesheet" href="style/share/reset.css">
  <link rel="stylesheet" href="style/share/weui.min.css">
  <link rel="stylesheet" href="style/share/jquery-weui.css">
  <link rel="stylesheet" href="style/share/mobiscroll.custom-3.0.0-beta6.min.css">
  <link rel="stylesheet" href="style/pageCss/schaeffler.css">
</head>

<body>
  <div class="container">
    <div class="content" style="padding-top: 1.0667rem;padding-bottom: 1.3333rem">

      <p class="btn register-btn" id="submit">提交</p>

    </div>
    <script id="template" type="text/x-handlebars-template">

      <div class="person-card f13 color-white align-center">
        <img src="image/person-card.png" alt="">
        <div class="flex-1">
          {{#each data}}
          <p>{{surname}} {{first_name}}</p>
          <p>{{conpany}}</p>
          {{/each}}
        </div>
      </div>

      <div class="items color-green f14">
        {{#if service.isHotel}}
        <div class="align-center" data-target="one">
          <span class="checkbox {{#if detailsinfo.isHotel}}choose{{/if}}"></span>
          <p>住宿</p>
        </div>
        {{/if}} {{#if service.isEat}}
        <div class="align-center" data-target="two">
          <span class="checkbox"></span>
          <p>餐饮</p>
        </div>
        {{/if}} {{#if service.isRelay}}
        <div class="align-center" data-target="three">
          <span class="checkbox {{#if detailsinfo.isRelay}}choose{{/if}}"></span>
          <p>接送服务</p>
        </div>
        {{/if}} {{#if service.isTake}}
        <div class="align-center" data-target="four">
          <span class="checkbox"></span>
          <p>试乘试驾</p>
        </div>
        {{/if}} {{#if service.isfactory}}
        <div class="align-center" data-target="five">
          <span class="checkbox"></span>
          <p>工厂参观</p>
          <!--<p>往返班车</p>-->
        </div>
        {{/if}}

      </div>

      {{#if service.isHotel}}
      <div class="item-form f14 {{#if detailsinfo.isHotel}}{{else}}display{{/if}}" id="one">
        <ul>
          <li class="form-head align-center">
            <img src="image/form1.png" alt="">
            <p class="flex-1">住宿</p>
            <img src="image/triangle.png" class="triangle up">
          </li>
          <li class="align-center">
            <span>酒
              <i style="visibility: hidden">酒店</i>店：</span>
            <input type="text" class="flex-1 f14" id="hotel" value="{{detailsinfo.hotel.title}}">
          </li>
          <li class="align-center">
            <span>地
              <i style="visibility: hidden">酒店</i>址：</span>
            <p id="address" style="padding-left: 0.1067rem;">{{detailsinfo.hotel.address}}</p>
          </li>
          <li class="align-center">
            <span>入住时间：</span>
            <input type="text" class="flex-1 f14" id="startTime" value="{{detailsinfo.hotel.startDate}}">
          </li>
          <li class="align-center">
            <span>退房时间：</span>
            <input type="text" class="flex-1 f14" id="endTime"  value="{{detailsinfo.hotel.endDate}}">
          </li>
        </ul>
      </div>

      {{/if}} {{#if service.isEat}}
      <div class="item-form f14" id="two">
        <ul>
          <li class="form-head align-center">
            <img src="image/form2.png" alt="">
            <p class="flex-1">餐饮</p>
            <img src="image/triangle.png" class="triangle up">
          </li>
          {{#each service.eat}}
          <li class="align-center">
            <span class="checkbox"></span>
            <p data-text="{{eatname}}">{{eatname}}</p>
          </li>
          {{/each}}

        </ul>
      </div>
      {{/if}} {{#if service.isRelay}}
      <div class="item-form f14 {{#if detailsinfo.isRelay}}{{else}}display{{/if}}" id="three1">
        <ul>
          <li class="form-head align-center">
            <img src="image/form3.png" alt="">
            <p class="flex-1">抵达信息</p>
            <img src="image/triangle.png" class="triangle up">
          </li>
          <li class="align-center">
            <span>交通方式：</span>
            <input type="text" class="flex-1 f14" id="relay" value="{{detailsinfo.relay.Transportation}}">
          </li>
          <li class="align-center" id="relayStation">
            <span>到达站点：</span>
            <input type="text" class="flex-1 f14" value="{{detailsinfo.relay.Station}}">

          </li>
          <li class="align-center">
            <span>班
              <i style="visibility: hidden">酒店</i>次：</span>
            <input type="text" class="flex-1 f14" id="relayClass" style="background: none" value="{{detailsinfo.relay.shift}}">
          </li>
          <li class="align-center">
            <span>到达时间：</span>
            <input type="text" class="flex-1 f14" id="relayTime" value="{{detailsinfo.relay.arrivetime}}">
          </li>
        </ul>
      </div>

      <div class="item-form f14 {{#if detailsinfo.isRelay}}{{else}}display{{/if}}" id="three2">
        <ul>
          <li class="form-head align-center">
            <img src="image/form3.png" alt="">
            <p class="flex-1">返程信息</p>
            <img src="image/triangle.png" class="triangle up">
          </li>
          <li class="align-center">
            <span>交通方式：</span>
            <input type="text" class="flex-1 f14" id="send" value="{{detailsinfo.send.Transportation}}">
          </li>
          <li class="align-center" id="sendStation">
            <span>到达站点：</span>
            <input type="text" class="flex-1 f14" value="{{detailsinfo.send.Station}}">
          </li>
          <li class="align-center">
            <span>班
              <i style="visibility: hidden">酒店</i>次：</span>
            <input type="text" class="flex-1 f14" id="sendClass" style="background: none" value="{{detailsinfo.send.shift1}}">
          </li>
          <li class="align-center">
            <span>到达时间：</span>
            <input type="text" class="flex-1 f14" id="sendTime" name="sendTime" value="{{detailsinfo.send.arrivetime1}}">
          </li>
        </ul>
      </div>
      {{/if}} {{#if service.isTake}}
      <div class="item-form f14" id="four">
        <ul>
          <li class="form-head align-center">
            <img src="image/form4.png" alt="">
            <p class="flex-1">试乘试驾</p>
            <img src="image/triangle.png" class="triangle up">
          </li>
          {{#each service.take}}
          <li class="align-center take">
            <span class="checkbox" data-desc="{{take_des}}"></span>
            <p>{{taketime}}</p>
            <p style="padding-left: 0.2667rem" class="flex-1">{{take_des}}</p>
          </li>
          {{/each}}

        </ul>
      </div>
      {{/if}} {{#if service.isfactory}}
      <div class="item-form f14" id="five">
        <ul>
          <li class="form-head align-center">
            <img src="image/form5.png" alt="">
            <p class="flex-1">工厂参观</p>
            <!--<p class="flex-1">往返班车</p>-->
            <img src="image/triangle.png" class="triangle up">
          </li>
          {{#each service.factory}}
          <li class="align-center factory">
            <span class="checkbox" data-desc="{{des}}"></span>
            <p>{{visittime}}</p>
            <p style="padding-left: 0.2667rem" class="flex-1">{{des}}</p>
          </li>
          {{/each}}
        </ul>
      </div>
      {{/if}}

      <div class="textarea box f14">

        <p>备注信息 ：</p>
        <textarea placeholder="您在住宿、交通、餐饮或参会方面有任何其他需求，请告诉我们。" class="flex-1 f14" id="content">{{detailsinfo.desc}}</textarea>
      </div>

    </script>

    <!--切换语言-->
    <div class="language">
      <img src="image/language.png" alt="">
      <p class="f8">English</p>
    </div>
    <!---->
  </div>
</body>
<script src='javascript/components/jquery-2.2.4.min.js'></script>
<script src="javascript/crypto-js-master/crypto-js.js"></script>
<script src="javascript/components/cryptomain.js"></script>
<script src='javascript/components/g.js'></script>
<script src='javascript/components/jquery-weui.js'></script>
<script src='javascript/components/niceClick.js'></script>
<script src='javascript/components/fastclick.js'></script>
<script src='javascript/components/dateUtils.js'></script>
<script src='javascript/components/mobiscroll.custom-3.0.0-beta6.js'></script>

<script src='javascript/components/handlebars.min-latest.js'></script>
<script src='javascript/components/mcfApp.js'></script>
<script src='javascript/components/side.js'></script>

<script src='javascript/pages/my-schedule-form.js?vt=20181218'></script>
<script>
  $('.triangle').click(function () {
    $(this).toggleClass('up')
  })





  var devMode = G.devMode();
  var bindNextEvent = function (app) {
    var schelduleform = new schelduleForm({
      devMode: devMode,
      cfApp: app
    });
    schelduleform.init();
  };
  var cfapp = new cfApp({
    devMode: devMode,
    initWxApi: false,
    nextAction: bindNextEvent,
    registertype: "register",
    vt: new Date().getTime()
  });
  cfapp.init();
</script>

</html>