@layout("/common/_container.html"){
<style>
  .app-guide-section {
    margin-bottom: 25px
  }

  .qr {
    width: 90px;
    height: 90px
  }

  .table td {
    vertical-align: middle
  }
</style>
<div class="row">
  <div class="col-sm-12">
    <div class="ibox float-e-margins">
      <div class="ibox-title">
        <h5>APP 下载引导与场地订场二维码</h5>
      </div>
      <div class="ibox-content">
        <div class="app-guide-section">
          <h4>APP 下载链接</h4>
          <form id="configForm" class="form-inline">
            <input type="hidden" name="id" id="configId">
            <p>
              <input class="form-control" name="apkUrl" style="width:350px" placeholder="Android 下载链接">
              <input class="form-control" name="iosStoreUrl" style="width:350px" placeholder="iOS 下载链接">
            </p>
            <button type="button" class="btn btn-primary" onclick="saveConfig()">保存下载配置</button>
          </form>
        </div>
        <hr>
        <div class="app-guide-section">
          <h4>宣传图</h4>
          <form class="form-inline"><input id="bannerFile" type="file" accept="image/*" class="form-control">
            <input id="bannerUrl" type="hidden">
            <button type="button" class="btn btn-default" onclick="uploadBanner()">上传图片</button>
            <input id="bannerTitle" class="form-control" placeholder="标题（可选）">
            <input id="bannerSort" class="form-control" style="width:100px" placeholder="排序">
            <button type="button" class="btn btn-primary" onclick="addBanner()">添加</button>
          </form>
          <p id="uploadTip" class="text-muted"></p>
          <table class="table table-bordered">
            <thead>
              <tr>
                <th>预览</th>
                <th>标题</th>
                <th>排序</th>
                <th>状态</th>
                <th>操作</th>
              </tr>
            </thead>
            <tbody id="bannerRows"></tbody>
          </table>
        </div>
        <hr>
        <div class="app-guide-section">
          <h4>场地订场二维码</h4>
          <p class="text-muted">从现有场地管理数据中选择，每个场地仅允许一个启用二维码。</p>
          <form class="form-inline"><select id="siteSelect" class="form-control" style="min-width:360px">
              <option value="">请选择场地</option>
            </select><button type="button" class="btn btn-primary" onclick="createQr()">生成二维码</button></form>
          <table class="table table-bordered">
            <thead>
              <tr>
                <th>名称</th>
                <th>App页面</th>
                <th>门店/场地</th>
                <th>二维码</th>
                <th>引导链接</th>
                <th>状态</th>
                <th>操作</th>
              </tr>
            </thead>
            <tbody id="linkRows"></tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>
<script src="${ctxPath}/modular/system/appGuide/appGuide.js"></script>
@}