{extend name="app/shop/view/base.html"/}
{block name="resources"}
<style>
  .upload-img-block {
    padding: 13px;
    width: 200px;
    height: 200px;
    border: 1px dashed #ddd;
    box-sizing: border-box;
    position: relative;
  }
  .layui-form-label + .layui-input-block {
    margin-left: 240px;
  }
</style>
{/block}
{block name="main"}
<div  class="layui-form" >
  {if !$is_auth}
  <div class="layui-card card-common card-brief">
    <div class="layui-card-header">
      <span class="card-title">小程序授权</span>
    </div>
    <div class="layui-card-body">
      <div class="layui-form-item">
        <label class="layui-form-label">扫码授权：</label>
        <div class="layui-input-block img-upload">
          <div class="upload-img-block icon">
            <div class="upload-img-box">
              <div class="upload-default" id="group_image">
                <div class="upload">
                  <img src="{$auth_img}?v={:time()}"/>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="word-aux"> <p>请使用支付宝客户端扫码授权</p></div>
      <div class="form-row">
        <button class="layui-btn" onclick="back()">已完成授权</button>
      </div>
    </div>
  </div>
  {/if}
  {if $is_auth}
  <div class="layui-card card-common ns-card-brief">
    <div class="layui-card-header">
      <span class="card-title">版本列表</span>
    </div>
    <div class="layui-card-body">
      <div class="layui-input-block">
        <table class="layui-table" id="Direct" lay-skin="line" lay-size="lg">
          <colgroup>
            <col width="10%">
            <col width="15%">
            <col width="10%">
            <col width="30%">
            <col width="15%">
          </colgroup>
          <thead>
          <tr>
            <th>版本</th>
            <th>发布时间</th>
            <th>状态</th>
            <th>备注</th>
            <th class="operation" style="text-align: right;">操作</th>
          </tr>
          </thead>
          <tbody>
          <tr class="empty-box">
            {if count($miniversion) >= 1}
            {foreach $miniversion as $k =>$v}
          <tr>
            <td>
              {$v.app_version}
            </td>
            <td>
              {$v.create_time}
            </td>
            <td>
              {if($v.version_status=='RELEASE') }
                已发布
              {elseif($v.version_status=='INIT')}
               待提交
              {elseif($v.version_status=='AUDITING')}
               审核中
              {else/}
                待上架
              {/if}
            </td>
            <td>
              {$v.version_description??''}
            </td>
            <td><div class="table-btn">
              {if($v.version_status=='WAIT_RELEASE') }
              <a href="javascript:;" class="layui-btn" onclick="Listing('{$v.app_version}','version_online')">上架</a>
              {/if}
              {if($v.version_status=='INIT') }
              <a href="javascript:;" class="layui-btn" onclick="Listing('{$v.app_version}','audit_submit')">提交审核</a>
              <a href="javascript:;" class="layui-btn" onclick="Listing('{$v.app_version}','delete')">删除</a>
              {/if}
            </div></td>
          </tr>
          {/foreach}
          {else/}
          <tr class="empty-box">
            <td colspan="5">
              <div class="empty-wrap">暂无数据</div>
            </td>
          </tr>
          {/if}
          </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
  <div class="layui-card card-common ns-card-brief">
    <div class="layui-card-header">
      <span class="card-title">小程序版本 {if !$isnew_version} <span style="color: #FF5722;">您已经是最新版本，无需更新</span> {/if}</span>
    </div>
    <div class="layui-card-body">
      <div class="layui-form-item">
        <label class="layui-form-label">最新服务版本：</label>
        <div class="layui-input-block ">
          <input type="text" name="service_version" readonly autocomplete="off" class="layui-input len-long" value="{$service_version.template_version ?? ''}">
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">当前服务版本：</label>
        <div class="layui-input-block ">
          <input type="text" name="old_version"  readonly autocomplete="off" class="layui-input len-long" value="{$info.old_version ?? ''}">
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label"><span class="required">*</span>自定义版本：</label>
        <div class="layui-input-block ">
          <input type="text" name="custom_version" lay-verify="required" autocomplete="off" class="layui-input len-long" value="{$info.custom_version ?? ''}">
        </div>
      </div>
    </div>
  </div>
  <!--提交按钮-->
  <div class="form-row">
    <button class="layui-btn" lay-submit lay-filter="save">发布版本</button>
    <button class="layui-btn layui-btn-primary" onclick="back()">返回</button>
  </div>
  {/if}
</div>
{/block}
{block name="script"}
<script>
  layui.use(['form', 'laydate', 'laytpl', 'element', 'upload'], function () {
    var form = layui.form;
    var repeat_flag = false; //防重复标识
    form.render();
    form.on('submit(save)', function (data) {
      if (repeat_flag) return false;
      repeat_flag = true;
      data.field['type']='version_upload';
      $.ajax({
        url: ns.url("saas://shop/basics/mini"),
        data: data.field,
        dataType: 'JSON',
        type: 'POST',
        success: function (res) {
          repeat_flag = false;
          layer.msg(res.message);
          location.href = ns.url("saas://shop/basics/mini")
        }
      });
    });
  });
  function Listing(app_version, type) {
    console.log(app_version);
    if (type == 'delete') {
      layer.confirm('确定删除该版本吗？', {
        btn: ['确定', '取消']
      }, function () {
        $.ajax({
          url: ns.url("saas://shop/basics/miniListing"),
          data: {app_version: app_version, type},
          dataType: 'JSON',
          type: 'POST',
          success: function (res) {
            layer.msg(res.message);
            location.href = ns.url("saas://shop/basics/mini")
          }
        })
      });
    }
    if (type == 'audit_submit') {
      layer.confirm('确定提交审核吗？', {
        btn: ['确定', '取消']
      }, function () {
        $.ajax({
          url: ns.url("saas://shop/basics/miniListing"),
          data: {app_version: app_version, type},
          dataType: 'JSON',
          type: 'POST',
          success: function (res) {
            layer.msg(res.message);
            location.href = ns.url("saas://shop/basics/mini")
          }
        })
      });
    }
  }
  function back() {
    location.href = "{:addon_url('saas://shop/manage/lists')}";
  }
</script>
{/block}