From 291df2525b90ba3edf1df55bae418350c8ae6b9f Mon Sep 17 00:00:00 2001
From: Sk Shaifat Murshed <shaifat.murshed@sentientgeeks.com>
Date: Tue, 4 Feb 2025 16:13:04 +0530
Subject: [PATCH] Issue Fixes

---
 .../view-appointment.component.html           | 26 ++++++++++++-------
 1 file changed, 16 insertions(+), 10 deletions(-)

diff --git a/angular/src/app/appointment/view-appointment/view-appointment.component.html b/angular/src/app/appointment/view-appointment/view-appointment.component.html
index 18280e5..500d51c 100644
--- a/angular/src/app/appointment/view-appointment/view-appointment.component.html
+++ b/angular/src/app/appointment/view-appointment/view-appointment.component.html
@@ -105,9 +105,9 @@
       <div class="field col-md-5">
         <label>Gender</label>
         <div class="flex align-items-center">
-          <p-radioButton name="gender" value="Male" [(ngModel)]="appointment.gender" inputId="male" required></p-radioButton>
+          <p-radioButton name="gender" value="1" [(ngModel)]="appointment.gender" inputId="male" required></p-radioButton>
           <label for="male" class="ml-2 mr-3">Male</label>
-          <p-radioButton name="gender" value="Female" [(ngModel)]="appointment.gender" inputId="female" required></p-radioButton>
+          <p-radioButton name="gender" value="2" [(ngModel)]="appointment.gender" inputId="female" required></p-radioButton>
           <label for="female" class="ml-2">Female</label>
         </div>
       </div>
@@ -117,8 +117,9 @@
         <label for="mobile">Mobile No</label>
         <span class="p-input-icon-left">
           <i class="pi pi-phone"></i>
-          <input pInputText id="mobile" name="mobile" [(ngModel)]="appointment.mobile" required />
+          <input pInputText id="mobile" name="mobile" [(ngModel)]="appointment.mobile" required pattern="\\d{10}" />
         </span>
+        <small class="p-error" *ngIf="appointmentForm.controls.mobile?.invalid && appointmentForm.controls.mobile?.touched">Enter a valid 10-digit mobile number</small>
       </div>
       <div class="field col-md-11">
         <label for="mobile">Address</label>
@@ -127,30 +128,34 @@
           <input pInputText id="Address" name="Address" [(ngModel)]="appointment.Address" required />
         </span>
       </div>
+  
       <div class="field col-md-5">
         <label for="email">Email ID</label>
         <span class="p-input-icon-left">
           <i class="pi pi-envelope"></i>
-          <input pInputText id="email" name="email" [(ngModel)]="appointment.email" required email />
+          <input pInputText id="email" name="email" [(ngModel)]="appointment.email" required email pattern="^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$" />
         </span>
+        <small class="p-error" *ngIf="appointmentForm.controls.email?.invalid && appointmentForm.controls.email?.touched">Enter a valid email address</small>
       </div>
-<!--       
+      <div class="field col-md-1"></div>
+      
       <div class="field col-md-5">
         <label for="dob">Date of Birth</label>
-        <p-calendar id="dob" name="dob" [(ngModel)]="appointment.dob" [showIcon]="true" required></p-calendar>
-      </div> -->
-      <div class="field col-md-1"></div>
+        <p-calendar id="dob" required name="dob" [(ngModel)]="appointment.dob" [showIcon]="true" required></p-calendar>
+        <small class="p-error" *ngIf="appointmentForm.controls.dob?.invalid && appointmentForm.controls.dob?.touched">DOB Required</small>
+      
+    </div>
       
       <div class="field col-md-5">
         <label for="doctor">Consulting Doctor</label>
         <p-dropdown id="doctor" name="doctor" [(ngModel)]="appointment.doctor" [options]="doctorOptions" placeholder="Select Doctor" optionLabel="label" optionValue="value" required></p-dropdown>
       </div>
+      <div class="field col-md-1"></div>
       
       <div class="field col-md-5">
         <label for="date">Date of Appointment</label>
         <p-calendar id="date" name="date" [(ngModel)]="appointment.date" [showIcon]="true" required></p-calendar>
       </div>
-      <div class="field col-md-1"></div>
       
       <div class="field col-md-5">
         <label for="time">Time Of Appointment</label>
@@ -159,9 +164,10 @@
           <input pInputText id="time" name="time" type="time" [(ngModel)]="appointment.time" required />
         </span>
       </div>
+      <div class="field col-md-1"></div>
 
       <!-- Injury (Full Width) -->
-      <div class="field col-11">
+      <div class="field col-md-5">
         <label for="injury">Injury/Condition</label>
         <span class="p-input-icon-left">
           <i class="pi pi-exclamation-triangle"></i>