<style>
  .logo {
    margin-top: 5px;
    width: 75px;
    height: 28px;
  }

  .inprocess-table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8px;
    line-height: 1.2;
    margin: 0;
  }

  .inprocess-table td {
    padding: 1px 2px;
    vertical-align: top;
    white-space: nowrap;
  }
</style>
<div style="
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
">
  <div style="
 width:8.9cm;
    height:6.5cm;
    border:2px solid #000;
    font-family:Arial,sans-serif;
    box-sizing:border-box;
    padding:0;
    overflow:hidden;
    font-size:12px;
">

    <% let data = ipcdata[0]; %>
    <% if(confi_tbl.CalibrationReport != 3) { %>
    <div style="text-align:center;font-weight:bold;font-size:12px;margin-bottom:2px;">
      <%- data.Bin_Header %>
    </div>

    <div style="text-align:center;font-weight:bold;font-size:10px;margin-bottom:3px;">
      <%- data.Bin_Initial %> → <%- data.Bin_Next %>
    </div>

    <table style="
        width:100%;
        border-collapse:collapse;
        font-size:9px;
        line-height:1.1;
    ">
      <tr>
        <td style="font-weight:bold;width:25%;">Lot No.</td>
        <td style="width:3%;">:</td>
        <td style=""><%= data.Bin_Lot %></td>
      </tr>

      <tr>
        <td style="font-weight:bold;vertical-align:top;">Product</td>
        <td style="vertical-align:top;">:</td>
        <td style="line-height:10px;word-break:break-word;">
          <%= data.Bin_ProductName %>
        </td>
      </tr>

      <tr>
        <td style="font-weight:bold;">Batch No.</td>
        <td style="">:</td>
        <td style=""><%= data.Bin_BatchNo %></td>
      </tr>

      <tr>
        <td style="font-weight:bold;">Balance Code</td>
        <td style="">:</td>
        <td style=""><%= data.Bin_InstrumentID %></td>
      </tr>

      <tr>
        <td style="font-weight:bold;">Containers</td>
        <td style="">:</td>
        <td style=""><%= data.Bin_Total %></td>
      </tr>

      <tr>
        <td style="font-weight:bold;">Container No.</td>
        <td style="">:</td>
        <td style=""><%= data.Bin_SrNoWeighment %> of <%= data.Bin_Total %></td>
      </tr>

      <tr>
        <td style="font-weight:bold;">Container Code</td>
        <td style="">:</td>
        <td style=""><%= data.Bin_BinID %></td>

        <td style="
                
                width:70px;
                text-align:center;
                vertical-align:middle;
            ">
          <img src="<%= qrCode %>" width="65" height="65" style="display:block;margin:auto;" />
        </td>
      </tr>

      <tr>
        <td style="font-weight:bold;padding:0;">Gross Wt.</td>
        <td style="padding:0;">:</td>
        <td style="padding:0;"><%= data.Bin_GrossWt %></td>
      </tr>

      <tr>
        <td style="font-weight:bold;padding:0;">Tare Wt.</td>
        <td style="padding:0;">:</td>
        <td style="padding:0;"><%= data.Bin_TareWt %></td>
      </tr>

      <tr>
        <td style="font-weight:bold;padding:0;">Net Wt.</td>
        <td style="padding:0;">:</td>
        <td style="padding:0;"><%= data.bin_NetWeight %></td>
      </tr>

      <tr>
        <td style="font-weight:bold;padding:0;">Use Before</td>
        <td style="padding:0;">:</td>
        <td style="padding:0;"><%= moment(data.Bin_ExpDt).format(date_Format) %></td>
      </tr>

      <tr>
        <td style="font-weight:bold;padding:0;">Mfg Date</td>
        <td style="padding:0;">:</td>
        <td style="padding:0;"><%= moment(data.Bin_MfgDt).format(date_Format) %></td>
      </tr>
      <tr>
        <td style="font-weight:bold;padding:0;">
          Done By/Date
        </td>
        <td style="padding:0;">:</td>
        <td> <%= data.Bin_UserID %> (<%= data.Bin_UserName %>) <%= data.Bin_PrDate %></td>
      </tr>
      <tr>
        <td style="font-weight:bold;padding:0;">
          Checked By
        </td>
        <td style="padding:0;">:</td>
        <td></td>
      </tr>
    </table>

    <!-- <table style="width:100%;margin-top:2px;">
        <tr>
            <td style="font-size:8px;line-height:10px;">
                <b>Checked By :</b><br>
                <%= data.Bin_CheckedByID %><br>
                <%= data.Bin_CheckedByName %>
            </td>
        </tr>
    </table> -->
    <% } else { %>
    <% if (logoPath) { %>
    <img src="<%= logoPath %>" class="logo">
    <% } %>
    <div style="text-align:center;font-weight:bold;font-size:12px;margin-bottom:2px;">
      <%- data.Bin_Header %>
    </div>

    <div style="text-align:center;font-weight:bold;font-size:10px;margin-bottom:3px;">
      <%- data.Bin_Initial %> → <%- data.Bin_Next %>
    </div>

    <table class="inprocess-table">
      <tr>
        <td style="font-weight:bold;">Product</td>
        <td style="width:12px;text-align:center;">:</td>
        <td><%= data.Bin_ProductName %></td>
      </tr>

      <tr>
        <td colspan="6" style="height:10px;"></td>
      </tr>

      <tr>
        <td style="font-weight:bold;">Balance ID No.</td>
        <td style="width:12px;text-align:center;">:</td>
        <td><%= data.Bin_InstrumentID %></td>

        <td style="font-weight:bold;">MBMR No.</td>
        <td style="width:12px;text-align:center;">:</td>
        <td><%= data.Bin_ProductID %></td>
      </tr>
      <tr>
        <td colspan="6" style="height:10px;"></td>
      </tr>

      <tr>
        <td style="font-weight:bold;">Batch No.</td>
        <td style="width:12px;text-align:center;">:</td>
        <td><%= data.Bin_BatchNo %></td>

        <td style="font-weight:bold;">Gross Weight</td>
        <td style="width:12px;text-align:center;">:</td>
        <td><%= data.Bin_GrossWt %> Kg</td>
      </tr>
      <tr>
        <td colspan="6" style="height:10px;"></td>
      </tr>

      <tr>
        <td style="font-weight:bold;">No. of <br>Containers</td>
        <td style="width:12px;text-align:center;">:</td>
        <td><%= data.Bin_Total %></td>

        <td style="font-weight:bold;">Tare Weight</td>
        <td style="width:12px;text-align:center;">:</td>
        <td><%= data.Bin_TareWt %> Kg</td>
      </tr>
      <tr>
        <td colspan="6" style="height:10px;"></td>
      </tr>

      <tr>
        <td style="font-weight:bold;">Container No.</td>
        <td style="width:12px;text-align:center;">:</td>
        <td><%= data.Bin_SrNoWeighment %> of <%= data.Bin_Total %></td>

        <td style="font-weight:bold;">Net Weight</td>
        <td style="width:12px;text-align:center;">:</td>
        <td><%= data.bin_NetWeight %> Kg</td>
      </tr>
      <tr>
        <td colspan="6" style="height:10px;"></td>
      </tr>

      <tr>
        <td style="font-weight:bold;">Lot No.</td>
        <td style="width:12px;text-align:center;">:</td>
        <td><%= data.Bin_Lot %></td>

        <td style="font-weight:bold;">Date</td>
        <td style="width:12px;text-align:center;">:</td>
        <td><%= moment(data.Bin_MfgDt).format(date_Format) %></td>
      </tr>
      <tr>
        <td colspan="6" style="height:10px;"></td>
      </tr>

      <tr>
        <td style="font-weight:bold;">Use Before</td>
        <td style="width:12px;text-align:center;">:</td>
        <td><%= moment(data.Bin_ExpDt).format(date_Format) %></td>

        <td colspan="4"></td>
      </tr>
      <tr>
        <td colspan="6" style="height:10px;"></td>
      </tr>

      <tr>
        <td style="font-weight:bold;">Signature</td>
        <td style="width:12px;text-align:center;">:</td>
        <td><%= data.Bin_UserID %> (<%= data.Bin_UserName %>)</td>
      </tr>
      <tr>
        <td colspan="6" style="height:10px;"></td>
      </tr>
    </table>
    <% } %>
  </div>
</div>