181 lines
5.2 KiB
Plaintext
181 lines
5.2 KiB
Plaintext
@{
|
|
ViewData["Title"] = "Tar Ball Sampling Form";
|
|
Layout = "~/Views/Shared/_Layout.cshtml";
|
|
}
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>
|
|
<h3>Tarball Sampling Form</h3>
|
|
</title>
|
|
<style>
|
|
div {
|
|
padding-top:10px;
|
|
padding-bottom:10px:
|
|
}
|
|
.container {
|
|
width: 1200px; /* Approximate width for A4 aspect ratio */
|
|
margin: 20px auto;
|
|
padding: 20px;
|
|
background-color: #fff;
|
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
|
|
overflow: hidden;
|
|
.details-cell
|
|
}
|
|
|
|
.form-header {
|
|
display: table;
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.form-header th, .form-header td {
|
|
border: 1px solid #ccc;
|
|
padding: 10px;
|
|
text-align: center;
|
|
}
|
|
.logo-cell {
|
|
width: 40%;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
}
|
|
.logo-cell img {
|
|
max-width: 20%; /*limit the cell's width*/
|
|
height: auto;
|
|
}
|
|
.title-cell {
|
|
width: 40%;
|
|
vertical-align: middle;
|
|
font-size: 14px;
|
|
}
|
|
.details-cell {
|
|
width: 10%;
|
|
text-align: left;
|
|
font-size: 14px;
|
|
}
|
|
|
|
table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
th, td {
|
|
border: 1px solid #ccc;
|
|
padding: 10px;
|
|
text-align: left;
|
|
}
|
|
|
|
th {
|
|
background-color: #f2f2f2;
|
|
text-align: center;
|
|
}
|
|
|
|
td {
|
|
background-color: #fff;
|
|
}
|
|
|
|
</style>
|
|
</head>
|
|
|
|
<!--to be updated later for user input,etc-->
|
|
<body>
|
|
<div>
|
|
<a href="/MMS/Marine/GenerateReport" class="btn btn-primary">Download PDF</a>
|
|
</div>
|
|
<div class="container">
|
|
<table class="form-header">
|
|
<tr>
|
|
<td class="logo-cell" rowspan="4">
|
|
<!-- Replace with company logo -->
|
|
<img src="company-logo.png" alt="Company Logo">
|
|
</td>
|
|
<td class="details-cell" rowspan="4">
|
|
<h3>TARBALL SAMPLING FORM</h3>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="details-cell">Document: </td>
|
|
<td class="details-cell"><strong>F-MM06</strong></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="details-cell">Effective Date: </td>
|
|
<td class="details-cell"><strong>1 April 2025</strong></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="details-cell">Revision No.: </td>
|
|
<td class="details-cell"><strong>02</strong></td>
|
|
</tr>
|
|
</table>
|
|
<div>
|
|
<!-- -->
|
|
<p>Please be informed that we have observed the following conditions:</p>
|
|
</div>
|
|
<div>
|
|
<table>
|
|
<tr>
|
|
<td>
|
|
<p>STATE</p>
|
|
</td>
|
|
<td>
|
|
<p></p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<p>STATION ID</p>
|
|
</td>
|
|
<td>
|
|
<p></p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<p>LOCATION</p>
|
|
</td>
|
|
<td>
|
|
<p></p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<p>TARBALL SURVEY LOCATION LONGITUDE & LATITUDE </p>
|
|
</td>
|
|
<td>
|
|
<p></p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<p>DATE / TIME</p>
|
|
</td>
|
|
<td>
|
|
<p></p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<form>
|
|
<p><strong>SURVEY FINDING:</strong></p>
|
|
<p>Tar Ball</p>
|
|
<input type="radio" id="yes" name="tarball" value="yes">
|
|
<label for="yes">YES</label>
|
|
<input type="radio" id="no" name="tarball" value="no">
|
|
<label for="no">NO</label>
|
|
<br><br>
|
|
<p>If YES, Tar Ball falls under the Classification of:</p>
|
|
<input type="checkbox" id="sand" name="classification" value="sand">
|
|
<label for="sand">Sand</label>
|
|
<input type="checkbox" id="non-sandy" name="classification" value="non-sandy">
|
|
<label for="non-sandy">Non-sandy</label>
|
|
<input type="checkbox" id="coquina" name="classification" value="coquina">
|
|
<label for="coquina">Coquina</label>
|
|
<br><br>
|
|
<p><em>*Tick wherever applicable</em></p>
|
|
</form>
|
|
|
|
</div> <!--A4 CONTAINER-->
|
|
</body>
|
|
</html> |