158 lines
7.3 KiB
JavaScript
158 lines
7.3 KiB
JavaScript
import Link from "next/link";
|
|
import { useRouter } from "next/router";
|
|
import useTranslation from "next-translate/useTranslation";
|
|
|
|
export default function SearchForCase() {
|
|
let { t } = useTranslation();
|
|
|
|
const router = useRouter();
|
|
const { locale } = router;
|
|
return (
|
|
<div className="card" id="searchforcase-card">
|
|
<div className="card-body">
|
|
<div class="govuk-body-m ">
|
|
<legend class="govuk-fieldset__legend govuk-fieldset__legend--l">
|
|
<h1 class="govuk-fieldset__heading govuk-heading-m">
|
|
Search for a case
|
|
</h1>
|
|
</legend>
|
|
<div class="govuk-form-group">
|
|
<label class="govuk-label" for="address-county">
|
|
Case Reference (last 7 digits)
|
|
</label>
|
|
<input
|
|
class="govuk-input govuk-!-width-two-thirds"
|
|
id="address-county"
|
|
name="address-county"
|
|
type="text"
|
|
/>
|
|
</div>
|
|
<fieldset class="govuk-fieldset">
|
|
<legend class="govuk-fieldset__legend govuk-fieldset__legend--l">
|
|
<h3 class="govuk-heading-m">Site Location</h3>
|
|
</legend>
|
|
<div class="govuk-form-group">
|
|
<label class="govuk-label" for="address-line-1">
|
|
First Line of Address{" "}
|
|
<span class="govuk-visually-hidden">
|
|
line 1 of 2
|
|
</span>
|
|
</label>
|
|
<input
|
|
class="govuk-input"
|
|
id="address-line-1"
|
|
name="address-line-1"
|
|
type="text"
|
|
autocomplete="address-line1"
|
|
/>
|
|
</div>
|
|
|
|
<div class="govuk-form-group">
|
|
<label class="govuk-label" for="address-town">
|
|
Town/City (nearest)
|
|
</label>
|
|
<input
|
|
class="govuk-input govuk-!-width-two-thirds"
|
|
id="address-town"
|
|
name="address-town"
|
|
type="text"
|
|
autocomplete="address-level2"
|
|
/>
|
|
</div>
|
|
|
|
<div class="govuk-form-group">
|
|
<label class="govuk-label" for="address-county">
|
|
County
|
|
</label>
|
|
<input
|
|
class="govuk-input govuk-!-width-two-thirds"
|
|
id="address-county"
|
|
name="address-county"
|
|
type="text"
|
|
/>
|
|
</div>
|
|
|
|
<div class="govuk-form-group">
|
|
<label class="govuk-label" for="address-postcode">
|
|
Postcode
|
|
</label>
|
|
<input
|
|
class="govuk-input govuk-input--width-10"
|
|
id="address-postcode"
|
|
name="address-postcode"
|
|
type="text"
|
|
autocomplete="postal-code"
|
|
/>
|
|
</div>
|
|
</fieldset>
|
|
<div class="govuk-form-group">
|
|
<label class="govuk-label" for="address-postcode">
|
|
Local Planning Authority
|
|
</label>
|
|
<input
|
|
class="govuk-input govuk-input--width-10"
|
|
id="address-postcode"
|
|
name="address-postcode"
|
|
type="text"
|
|
autocomplete="postal-code"
|
|
/>
|
|
</div>
|
|
<div class="govuk-form-group">
|
|
<label class="govuk-label" for="address-postcode">
|
|
LPA Reference Number
|
|
</label>
|
|
<input
|
|
class="govuk-input govuk-input--width-10"
|
|
id="address-postcode"
|
|
name="address-postcode"
|
|
type="text"
|
|
autocomplete="postal-code"
|
|
/>
|
|
</div>
|
|
<div class="govuk-form-group">
|
|
<label class="govuk-label" for="sort">
|
|
Case Type
|
|
</label>
|
|
<select class="govuk-select" id="sort" name="sort">
|
|
<option value="">-- Select --</option>
|
|
<option value="Any/All">Any/All</option>
|
|
<option value="Advertisement Appeals">
|
|
Advertisement Appeals
|
|
</option>
|
|
<option value="Called in Planning Applications">
|
|
Called in Planning Applications
|
|
</option>
|
|
<option value="Discontinuance Notice Appeals">
|
|
Discontinuance Notice Appeals
|
|
</option>
|
|
<option value="Enforcement Listed Building and Conservation Area Appeals">
|
|
Enforcement Listed Building and Conservation
|
|
Area Appeals
|
|
</option>
|
|
<option value="Enforcement Appeals">
|
|
Enforcement Appeals
|
|
</option>
|
|
<option value="Householder Appeals">
|
|
Householder Appeals
|
|
</option>
|
|
<option value="Lawful Development Certificate Appeals">
|
|
Lawful Development Certificate Appeals
|
|
</option>
|
|
<option value="Planning Appeals">
|
|
Planning Appeals
|
|
</option>
|
|
<option value="Planning Obligation Appeals">
|
|
Planning Obligation Appeals
|
|
</option>
|
|
<option value="Planning Listed Building and Conservation Area Appeals">
|
|
Planning Listed Building and Conservation Area
|
|
Appeals
|
|
</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|