354 lines
18 KiB
JavaScript
354 lines
18 KiB
JavaScript
const HarbourRevisionOrderForm = (props) => {
|
|
const { caseReference } = props;
|
|
|
|
return (
|
|
<>
|
|
<div class="govuk-grid-row">
|
|
<div class="govuk-grid-column-two-thirds">
|
|
<h1 class="govuk-heading-m govuk-!-margin-top-5">
|
|
Enter your appeal information
|
|
</h1>
|
|
<form>
|
|
<div class="govuk-grid-column-full">
|
|
<div class="govuk-grid-row">
|
|
<div class="govuk-form-group">
|
|
<label
|
|
class="govuk-label "
|
|
for="pinswg_name"
|
|
>
|
|
Name
|
|
</label>
|
|
<input
|
|
type="text"
|
|
name="pinswg_name"
|
|
id="pinswg_name"
|
|
component="[object Object]"
|
|
class="govuk-input govuk-input--width-20"
|
|
disabled
|
|
value="CAS-00499-C4D7R4"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div class="govuk-grid-row">
|
|
<div class="govuk-form-group ">
|
|
<label
|
|
class="govuk-label "
|
|
for="pinswg_anticipatedgridreferenceeastingtext"
|
|
id="pinswg_anticipatedgridreferenceeastingtext_label"
|
|
>
|
|
Anticipated grid reference easting
|
|
</label>
|
|
<input
|
|
class="govuk-input govuk-input--width-20"
|
|
id="pinswg_anticipatedgridreferenceeastingtext"
|
|
value=""
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div class="govuk-grid-row">
|
|
<div class="govuk-form-group ">
|
|
<label
|
|
class="govuk-label "
|
|
for="pinswg_anticipatedgridreferencenorthingtext"
|
|
id="pinswg_anticipatedgridreferencenorthingtext_label"
|
|
>
|
|
Anticipated grid reference northing
|
|
</label>
|
|
<input
|
|
class="govuk-input govuk-input--width-20"
|
|
id="pinswg_anticipatedgridreferencenorthingtext"
|
|
value=""
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div class="govuk-grid-row">
|
|
<div class="govuk-form-group ">
|
|
<label
|
|
class="govuk-label "
|
|
for="pinswg_projectname"
|
|
id="pinswg_projectname_label"
|
|
>
|
|
Project name
|
|
</label>
|
|
<input
|
|
class="govuk-input govuk-input--width-20"
|
|
id="pinswg_projectname"
|
|
value=""
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div class="govuk-grid-row">
|
|
<div class="govuk-form-group ">
|
|
<label
|
|
class="govuk-label "
|
|
for="pinswg_projectdiscription"
|
|
id="pinswg_projectdiscription_label"
|
|
>
|
|
Project description
|
|
</label>
|
|
<input
|
|
class="govuk-input govuk-input--width-20"
|
|
id="pinswg_projectdiscription"
|
|
value=""
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div class="govuk-grid-row">
|
|
<div class="govuk-form-group ">
|
|
<label
|
|
class="govuk-label "
|
|
for="pinswg_projectlocation"
|
|
id="pinswg_projectlocation_label"
|
|
>
|
|
Project location
|
|
</label>
|
|
<input
|
|
class="govuk-input govuk-input--width-20"
|
|
id="pinswg_projectlocation"
|
|
value=""
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div class="govuk-grid-row">
|
|
<div class="govuk-form-group ">
|
|
<label
|
|
class="govuk-label "
|
|
for="pinswg_addresscounty"
|
|
id="pinswg_addresscounty_label"
|
|
>
|
|
Address county
|
|
</label>
|
|
<input
|
|
class="govuk-input govuk-input--width-20"
|
|
id="pinswg_addresscounty"
|
|
value=""
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div class="govuk-grid-row">
|
|
<div class="govuk-form-group ">
|
|
<label
|
|
class="govuk-label "
|
|
for="pinswg_addressline1"
|
|
id="pinswg_addressline1_label"
|
|
>
|
|
Address line 1
|
|
</label>
|
|
<input
|
|
class="govuk-input govuk-input--width-20"
|
|
id="pinswg_addressline1"
|
|
value=""
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div class="govuk-grid-row">
|
|
<div class="govuk-form-group ">
|
|
<label
|
|
class="govuk-label "
|
|
for="pinswg_addressline2"
|
|
id="pinswg_addressline2_label"
|
|
>
|
|
Address line 2
|
|
</label>
|
|
<input
|
|
class="govuk-input govuk-input--width-20"
|
|
id="pinswg_addressline2"
|
|
value=""
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div class="govuk-grid-row">
|
|
<div class="govuk-form-group ">
|
|
<label
|
|
class="govuk-label "
|
|
for="pinswg_addresstown"
|
|
id="pinswg_addresstown_label"
|
|
>
|
|
Address Town
|
|
</label>
|
|
<input
|
|
class="govuk-input govuk-input--width-20"
|
|
id="pinswg_addresstown"
|
|
value=""
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div class="govuk-grid-row">
|
|
<div class="govuk-form-group ">
|
|
<label
|
|
class="govuk-label "
|
|
for="pinswg_agentcontactname"
|
|
id="pinswg_agentcontactname_label"
|
|
>
|
|
Agent contact name
|
|
</label>
|
|
<input
|
|
class="govuk-input govuk-input--width-20"
|
|
id="pinswg_agentcontactname"
|
|
value=""
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div class="govuk-grid-row">
|
|
<div class="govuk-form-group ">
|
|
<label
|
|
class="govuk-label "
|
|
for="pinswg_emailaddress"
|
|
id="pinswg_emailaddress_label"
|
|
>
|
|
Email Address
|
|
</label>
|
|
<input
|
|
class="govuk-input govuk-input--width-20"
|
|
id="pinswg_emailaddress"
|
|
value=""
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div class="govuk-grid-row">
|
|
<div class="govuk-form-group ">
|
|
<label
|
|
class="govuk-label "
|
|
for="pinswg_salutation"
|
|
id="pinswg_salutation_label"
|
|
>
|
|
Salutation
|
|
</label>
|
|
<input
|
|
class="govuk-input govuk-input--width-20"
|
|
id="pinswg_salutation"
|
|
value=""
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div class="govuk-grid-row">
|
|
<div class="govuk-form-group ">
|
|
<label
|
|
class="govuk-label "
|
|
for="pinswg_firstname"
|
|
id="pinswg_firstname_label"
|
|
>
|
|
First Name
|
|
</label>
|
|
<input
|
|
class="govuk-input govuk-input--width-20"
|
|
id="pinswg_firstname"
|
|
value=""
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div class="govuk-grid-row">
|
|
<div class="govuk-form-group ">
|
|
<label
|
|
class="govuk-label "
|
|
for="pinswg_lastname"
|
|
id="pinswg_lastname_label"
|
|
>
|
|
Last Name
|
|
</label>
|
|
<input
|
|
class="govuk-input govuk-input--width-20"
|
|
id="pinswg_lastname"
|
|
value=""
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div class="govuk-grid-row">
|
|
<div class="govuk-form-group ">
|
|
<label
|
|
class="govuk-label "
|
|
for="pinswg_organisation"
|
|
id="pinswg_organisation_label"
|
|
>
|
|
Organisation
|
|
</label>
|
|
<input
|
|
class="govuk-input govuk-input--width-20"
|
|
id="pinswg_organisation"
|
|
value=""
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div class="govuk-grid-row">
|
|
<div class="govuk-form-group ">
|
|
<label
|
|
class="govuk-label "
|
|
for="pinswg_postcode"
|
|
id="pinswg_postcode_label"
|
|
>
|
|
Post Code
|
|
</label>
|
|
<input
|
|
class="govuk-input govuk-input--width-20"
|
|
id="pinswg_postcode"
|
|
value=""
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div class="govuk-grid-row">
|
|
<div class="govuk-form-group ">
|
|
<label
|
|
class="govuk-label "
|
|
for="pinswg_role"
|
|
id="pinswg_role_label"
|
|
>
|
|
Role
|
|
</label>
|
|
<input
|
|
class="govuk-input govuk-input--width-20"
|
|
id="pinswg_role"
|
|
value=""
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div class="govuk-grid-row">
|
|
<div class="govuk-form-group ">
|
|
<label
|
|
class="govuk-label "
|
|
for="pinswg_telephonenumber"
|
|
id="pinswg_telephonenumber_label"
|
|
>
|
|
Telephone Number
|
|
</label>
|
|
<input
|
|
class="govuk-input govuk-input--width-20"
|
|
id="pinswg_telephonenumber"
|
|
value=""
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div class="govuk-grid-row">
|
|
<div class="govuk-form-group ">
|
|
<label
|
|
class="govuk-label "
|
|
for="pinswg_webaddress"
|
|
id="pinswg_webaddress_label"
|
|
>
|
|
Web Address
|
|
</label>
|
|
<input
|
|
class="govuk-input govuk-input--width-20"
|
|
id="pinswg_webaddress"
|
|
value=""
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="govuk-button-group">
|
|
<button
|
|
type="submit"
|
|
class="govuk-button"
|
|
data-module="govuk-button"
|
|
>
|
|
Submit
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default HarbourRevisionOrderForm;
|