<!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>My schedule</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">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>Accommodation</p>
        </div>
        {{/if}} {{#if service.isEat}}
        <div class="align-center" data-target="two">
          <span class="checkbox"></span>
          <p>Catering</p>
        </div>
        {{/if}} {{#if service.isRelay}}
        <div class="align-center" data-target="three">
          <span class="checkbox {{#if detailsinfo.isRelay}}choose{{/if}}"></span>
          <p>Pick up/return</p>
        </div>
        {{/if}} {{#if service.isTake}}
        <div class="align-center" data-target="four">
          <span class="checkbox"></span>
          <p>Driving experience</p>
        </div>
        {{/if}} {{#if service.isfactory}}
        <div class="align-center" data-target="five">
          <span class="checkbox"></span>
          <p>Plant tour</p>
          <!--<p>Shuttle bus</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">Accommodation</p>
            <img src="image/triangle.png" class="triangle up">
          </li>
          <li class="align-center">
            <span>Hotel：</span>
            <input type="text" class="flex-1 f14" id="hotel" value="{{detailsinfo.hotel.titleEn}}">
          </li>
          <li class="align-center">
            <span>Address： </span>
            <p id="address" style="padding-left: 0.1067rem; width: 80%">{{detailsinfo.hotel.addressEn}}</p>
          </li>
          <li class="align-center">
            <span>Check in：</span>
            <input type="text" class="flex-1 f14" id="startTime" value="{{detailsinfo.hotel.startDate}}">
          </li>
          <li class="align-center">
            <span>Check out：</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">Catering</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}}">{{eatnameEn}}</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">Pick up station</p>
            <img src="image/triangle.png" class="triangle up">
          </li>
          <li class="align-center">
            <span>Transportation：</span>
            <input type="text" class="flex-1 f14" id="relay" value="{{detailsinfo.relay.TransportationEn}}">
          </li>
          <li class="align-center" id="relayStation">
            <span>Arrival station：</span>
            <input type="text" class="flex-1 f14" value="{{detailsinfo.relay.StationEn}}">

          </li>
          <li class="align-center">
            <span>Flight/Train no.：</span>
            <input type="text" class="flex-1 f14" id="relayClass" style="background: none" value="{{detailsinfo.relay.shift}}">
          </li>
          <li class="align-center">
            <span>Arrival time：</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">Return station</p>
            <img src="image/triangle.png" class="triangle up">
          </li>
          <li class="align-center">
            <span>Transportation：</span>
            <input type="text" class="flex-1 f14" id="send" value="{{detailsinfo.send.Transportation}}">
          </li>
          <li class="align-center" id="sendStation">
            <span>Departure station：</span>
            <input type="text" class="flex-1 f14" value="{{detailsinfo.send.StationEn}}">
          </li>
          <li class="align-center">
            <span>Flight/Train no.：</span>
            <input type="text" class="flex-1 f14" id="sendClass" style="background: none" value="{{detailsinfo.send.shift1}}">
          </li>
          <li class="align-center">
            <span>Departure time：</span>
            <input type="text" class="flex-1 f14" id="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">Driving experience</p>
            <img src="image/triangle.png" class="triangle up">
          </li>
          {{#each service.take}}
          <li class="align-center">
            <span class="checkbox" data-desc="{{take_des_en}}"></span>
            <p>{{taketime}}</p>
            <p style="padding-left: 0.2667rem" class="flex-1">{{take_des_en}}</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">Shuttle bus</p>-->
            <p class="flex-1">Plant tour</p>
            <img src="image/triangle.png" class="triangle up">
          </li>
          {{#each service.factory}}
          <li class="align-center">
            <span class="checkbox"  data-desc="{{des}}"></span>
            <p>{{visittime}}</p>
            <p style="padding-left: 0.2667rem" class="flex-1">{{des_en}}</p>
          </li>
          {{/each}}
        </ul>
      </div>
      {{/if}}

      <div class="textarea box f14">

        <p>Remark ：</p>
        <textarea placeholder="Please type down any other requests related to accomodation, transportation, food or attendace of our event." class="flex-1 f14" id="content">{{detailsinfo.desc}}</textarea>
      </div>

    </script>

    <!--切换语言-->
    <div class="language">
      <img src="image/language.png" alt="">
      <p class="f8">中文</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'></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>