import { template } from 'lodash';

const code = `
<% if (qrCodeUrl) { %>
<div>
  <% if (clientType === 'amap') { %>
  请使用管理员或体验者的支付宝账户登录高德客户端进行扫描体验
  <% } else { %>
    管理员及体验者可通过支付宝扫描下方二维码体验
  <% } %>
</div>
<div style="background:#eee;width: 256px;height: 256px;margin: 20px 0;">
  <img src="<%= qrCodeUrl %>" />
</div>
<% } %>
<h2>
如何设置体验版本的页面路径?
</h2>
<ol>
  <li>
  <% if (qrCodeUrl) { %>
    <div style="margin: 20px 0;">扫描上方二维码体验</div>
  <% } else { %>
    <div style="margin: 20px 0;">
      打开在线
      <a
        href="https://open.alipay.com/mini/dev/sub/dev-manage?appId=<%= appId %>&bundleId=<%= bundleId %>"
        target="_blank"
      >
        版本管理
      </a>
      ，设置小程序体验版本
    <div>
    <% } %>
  </li>
  <li>
      <div>打开联调开关</div>
      <img
        src="https://gw.alipayobjects.com/mdn/rms_49914d/afts/img/A*OIn1RIC9A8kAAAAAAAAAAABkARQnAQ"
        style="height: 400px;margin: 20px 0;"
      />
      <img
        src="https://gw.alipayobjects.com/mdn/rms_49914d/afts/img/A*ABbAT5Yqgy4AAAAAAAAAAABkARQnAQ"
        style="height: 400px;margin: 20px 0;"
      >
  </li>
  <li>
    <div>
    打开在线
    <a
      href="https://open.alipay.com/mini/dev/sub/app-qrcode?appId=<%= appId %>&bundleId=<%= bundleId %>"
      target="_blank"
    >
      码管理
    </a>
    <div>
    <img
        src="https://gw.alipayobjects.com/mdn/rms_49914d/afts/img/A*-hKDS7CU6PgAAAAAAAAAAABkARQnAQ"
        style="height: 400px;margin: 20px 0;"
      />
  </li>
  <li>
    <div>小程序码设置成功后，重新扫码即可</div>
    <img
      src="https://gw.alipayobjects.com/mdn/rms_49914d/afts/img/A*p0HdSad-SNIAAAAAAAAAAABkARQnAQ"
      style="height: 400px;margin: 20px 0;"
      />
  </li>
</ol>
`;

export default template(code);