tracking_kits/App/Views/Kit/SwitchBoardPurpleEnvelopeEdit.asp

<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>
			<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">KitID</th>
			<th style="text-align: left">VOTERID</th>
			<th style="text-align: left">LASTNAME</th>
			<th style="text-align: left">FIRSTNAME</th>
			<th style="text-align: left">MIDDLENAME</th>
			<th style="text-align: left">SUFFIX</th>
			<th style="text-align: left">PRECINCT</th>
			<th style="text-align: left">ADDRESS1</th>
			<th style="text-align: left">ADDRESS2</th>
			<th style="text-align: left">ADDRESS3</th>
			<th style="text-align: left">ADDRESS4</th>
			<th style="text-align: left">ADDRESS5</th>
			<th style="text-align: left">APPSENT</th>
			<th style="text-align: left">APPRETURNED</th>
			<th style="text-align: left">BALSENT</th>
			<th style="text-align: left">BALRETURNED</th>
			<th style="text-align: left">CountingBoard</th>
			<th style="text-align: left">UOCAVASTATUS</th>
			<th style="text-align: left">EMAILADDRESS</th>
			<th style="text-align: left">PHONENUMBER</th>
			<th style="text-align: left">BALLOT_NUMBER</th>
			<th style="text-align: left">CassADDRESS1</th>
			<th style="text-align: left">CassADDRESS2</th>
			<th style="text-align: left">CassADDRESS3</th>
			<th style="text-align: left">CassADDRESS4</th>
			<th style="text-align: left">CassADDRESS5</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>", "InkjetRecords", "Edit", Array("Id", KitLabels.ID), Array("class", "btn btn-primary")) %>
					</td>
			<td><% = H(KitLabels.ID) %></td>
			<td><% = H(KitLabels.KitId) %></td>
			<td><% = H(KitLabels.VOTERID) %></td>
			<td><% = H(KitLabels.LASTNAME) %></td>
			<td><% = H(KitLabels.FIRSTNAME) %></td>
			<td><% = H(KitLabels.MIDDLENAME) %></td>
			<td><% = H(KitLabels.SUFFIX) %></td>
			<td><% = H(KitLabels.PRECINCT) %></td>
			<td><% = H(KitLabels.ADDRESS1) %></td>
			<td><% = H(KitLabels.ADDRESS2) %></td>
			<td><% = H(KitLabels.ADDRESS3) %></td>
			<td><% = H(KitLabels.ADDRESS4) %></td>
			<td><% = H(KitLabels.ADDRESS5) %></td>
			<td><% = H(KitLabels.APPSENT) %></td>
			<td><% = H(KitLabels.APPRETURNED) %></td>
			<td><% = H(KitLabels.BALSENT) %></td>
			<td><% = H(KitLabels.BALRETURNED) %></td>
			<td><% = H(KitLabels.CountingBoard) %></td>
			<td><% = H(KitLabels.UOCAVASTATUS) %></td>
			<td><% = H(KitLabels.EMAILADDRESS) %></td>
			<td><% = H(KitLabels.PHONENUMBER) %></td>
			<td><% = H(KitLabels.BALLOT_NUMBER) %></td>
			<td><% = H(KitLabels.CassADDRESS1) %></td>
			<td><% = H(KitLabels.CassADDRESS2) %></td>
			<td><% = H(KitLabels.CassADDRESS3) %></td>
			<td><% = H(KitLabels.CassADDRESS4) %></td>
			<td><% = H(KitLabels.CassADDRESS5) %></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>