Form

<!-- booking-registration.component.html --><form [formGroup]="bookingForm" (ngSubmit)="onSubmit()">

<label>User ID:</label>
<input type="text" formControlName="userId" required /><label>Receiver Name:</label> <input type="text" formControlName="receiverName" required />

<label>Receiver Address:</label> <input type="text" formControlName="receiverAddress" required />

<label>Receiver PIN:</label> <input type="text" formControlName="receiverPin" required pattern="^[0-9]{6}$" />

<label>Receiver Mobile:</label> <input type="text" formControlName="receiverMobile" required pattern="^[0-9]{10}$" />

<label>Parcel Weight (grams):</label> <input type="number" formControlName="parcelWeightInGram" required min="1" />

<label>Parcel Contents Description:</label> <input type="text" formControlName="parcelContentsDescription" required />

<label>Parcel Delivery Type:</label> <input type="text" formControlName="parcelDeliveryType" required />

<label>Parcel Packing Preference:</label> <input type="text" formControlName="parcelPackingPreference" required />

<label>Parcel Pickup Time:</label> <input type="datetime-local" formControlName="parcelPickupTime" required />

<label>Parcel Dropoff Time:</label> <input type="datetime-local" formControlName="parcelDropoffTime" required />

<label>Parcel Service Cost:</label> <input type="number" formControlName="parcelServiceCost" required min="0.01" step="0.01" />

<label>Status:</label> <select formControlName="status" required> <option value="PENDING">PENDING</option> <option value="CONFIRMED">CONFIRMED</option> <option value="DELIVERED">DELIVERED</option> </select>

<button type="submit">Submit</button>

</form>