<h2><%= H(Model.Title & " " & Model.Kit.Jurisdiction) %></h2>
	<%= HTML.Hidden("nonce", HTMLSecurity.GetAntiCSRFToken("KitEditForm")) %>
	<%= HTML.Hidden("Id", Model.Kit.ID) %>
	<div class="row">

		<div class="col-md-6">
			<h2>Job Number: <%= Model.Kit.JobNumber %></h2>
 			<p><strong>Jurisdiction:</strong> <%= Model.Kit.Jurisdiction %></p>
			<p><strong>Label Count:</strong> <%= Model.Kit.LabelCount %></p>
			<p><strong>Created On:</strong> <%= Model.Kit.CreatedOn %></p>
			<p><strong>Labels Printed On :</strong> <%= Model.Kit.LabelsPrinted %></p>
			<p><strong>Exported to SnailWorks On:</strong> <%= Model.Kit.ExportedToSnailWorks %></p>
			<%= HTML.LinkToExt("Download SnailWorks File","Kit", "DownloadTrackingkitSnailWorks", Array("Id",Model.Kit.ID,"_P","1"),Array("class","btn btn-primary")) %>
			<button class="btn btn-primary" id="DP">Download Labels Pdf</button>
			<button class="btn btn-primary" id="toggleChild">Show Label Records</button>
      </div>
	</div>
	<div class="row">
		<div class="col-md-4">
		<table id="KitLabels" class="table table-striped child-records" style="display:none">
	<thead>
		<tr>
			<th></th>
			<th style="text-align: left">ID</th>
			<th style="text-align: left">Set Number</th>
			<th style="text-align: left">KitId</th>
			<th style="text-align: left">OutboundSerial</th>
			<th style="text-align: left">InBoundSerial</th>
			<th style="text-align: left">Outbound Font Encoded</th>
			<th style="text-align: left">InBound Font Encoded</th>
			<th style="text-align: left">OutboundIMBDigits</th>
			<th style="text-align: left">InBoundIMBDigits</th>
			<th style="text-align: left">OutboundIMB</th>
			<th style="text-align: left">InBoundIMB</th>
			<th></th>
		</tr>
	</thead>
<tbody>
        <% dim it : set it = Model.Labels.Iterator %>
			<% dim KitLabels %>
			<% While it.HasNext %>
				<% set KitLabels = it.GetNext() %>
				<tr>
					<td>
						<%= HTML.LinkToExt("<i class='bi bi-search'></i>", "KitLabels", "Edit", Array("Id", KitLabels.ID), Array("class", "btn btn-primary")) %>
					</td>
			<td><% = H(KitLabels.ID) %></td>
			<td><% = H(KitLabels.SetNumber) %></td>
			<td><% = H(KitLabels.KitId) %></td>
			<td><% = H(KitLabels.OutboundSerial) %></td>
			<td><% = H(KitLabels.InBoundSerial) %></td>
			<td><% = H(KitLabels.OutboundIMB) %></td>
			<td><% = H(KitLabels.InBoundIMB) %></td>
			<td><% = H(KitLabels.OutboundIMBDigits) %></td>
			<td><% = H(KitLabels.InBoundIMBDigits) %></td>
			<td><img src='data:image/png;base64, <% = KitLabels.OutboundIMBPNG%>' alt='Barcode'</td>
			<td><img src='data:image/png;base64, <% = KitLabels.INBOUNDIMBPNG %>' alt='Barcode'</td>
</tr>
					<% Wend %>
    </tbody>
</table>
		</div>
	</div>
  <script>
    document.getElementById('toggleChild').addEventListener('click', function() {
      var childRecords = document.querySelector('.child-records');
      if (childRecords.style.display === 'none') {
        childRecords.style.display = 'block';
        this.textContent = 'Hide Label Records';
      } else {
        childRecords.style.display = 'none';
        this.textContent = 'Show Label Records';
      }
    });
  </script>