<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>宴会申请单</title>
    <style>
      * {
        margin: 0;
        padding: 0;
      }
      .a4-container {
        width: 21cm;
        height: 29.7cm;
        margin: 0 auto;
      }
      table {
        color: #333;
        border-color: #ddd;
        margin: 0 auto;
        width: 100%;
      }
      table td {
        padding: 5px 3px;
      }
      table input {
        border: 0;
      }
      .topright {
        text-align: right;
      }
      img {
        max-width: 4cm;
      }
      .table-img {
        text-align: center;
      }
    </style>
  </head>
  <body>
    <div class="a4-container">
      <div
        style="
          font-size: 24px;
          text-align: center;
          line-height: 50px;
          margin-bottom: 20px;
        "
      >
        宴会申请单
      </div>
      <div class="topright">
        大区：<span>测试</span>&nbsp;&nbsp;&nbsp;&nbsp; 分区：<span>测试</span>
      </div>
      <table cellpadding="0" cellspacing="0" class="auto-style1" border="1">
        <tr>
          <td rowspan="3" style="width: 4rem">宴会信息</td>
          <td>是否通过审核</td>
          <td><input type="checkbox" checked="{{info.}}"  /></td>
          <td>宴会类别</td>
          <td>{{ info.category_name }}</td>
          <td>宴会日期</td>
          <td>{{ info.use_tm }}</td>
        </tr>
        <tr>
          <td>用酒人</td>
          <td>{{ info.user_name }}</td>
          <td>联系方式</td>
          <td>{{ info.user_phone }}</td>
          <td>宴会桌数</td>
          <td>{{ info.table_num }}</td>
        </tr>
        <tr>
          <td>宴会政策</td>
          <td colspan="3">{{ info.policy }}</td>
          <td>宴会地址</td>
          <td>{{ info.address }}</td>
        </tr>
        <tr>
          <td rowspan="2">申请信息</td>
          <td>申请终端</td>
          <td>{{ info.company_name }}</td>
          <td>申请人</td>
          <td>{{ info.applyer_name }}</td>
          <td>申请时间</td>
          <td>{{ info.tm }}</td>
        </tr>
        <tr>
          <td>申请人部门</td>
          <td><input type="text" value="" /></td>
          <td>审核人</td>
          <td><input type="text" /></td>
          <td>审核时间</td>
          <td>{{ info.permit_tm|default:"" }}</td>
        </tr>

        <tr>
          <td rowspan="1">用酒信息</td>
          <td colspan="6">
            <table cellpadding="0" cellspacing="0" border="1">
              <tr>
                <td>序号</td>
                <td>产品名称</td>
                <td>数量</td>
              </tr>
            {% for code in codes %}
              <tr>
                <td>{{ forloop.counter }}</td>
                <td>{{ code.product_name }}</td>
                <td>1</td>
              </tr>
            {% endfor %}
            </table>
          </td>
        </tr>

        <tr>
          <td rowspan="1">照片信息</td>
          <td colspan="6">
            <div
              style="display: grid;grid-template-columns: repeat(3, 33.33%);              "
            >
            {% for photo in photos %}
              <img src="{{photo.url}}"/>
            {% endfor %}
            </div>
          </td>
        </tr>

        <tr>
          <td colspan="7">
            备注：<br />
            <div style="text-align: right; line-height: 30px">
              签名：<input style="width: 80px" type="text" /><br />
              <input style="width: 60px" type="text" />年<input
                style="width: 60px"
                type="text"
              />月<input style="width: 60px" type="text" />日
            </div>
          </td>
        </tr>
      </table>
    </div>
  </body>
</html>
