Main Db appts. status-change moe UI update

resources/views/app/dashboard-mcp.blade.php

@@ -286,7 +286,7 @@
                 <div class="col-md-9">
                     <div class="row mcp-theme-1">
                         <div class="col-md-6 mcp-theme-1">
-                            <div id="mcp-dashboard-appointments" class="mb-4">
+                            <div id="mcp-dashboard-appointments" class="mb-4  max-height-200px overflow-auto">
 
                             </div>
                             <div class="card mb-4">

resources/views/app/mcp/dashboard/appointments-list.blade.php

@@ -52,11 +52,37 @@
                                             Completed
                                         </div>
                                     @endif
-                                    <div class="ml-2" moe relative>
+                                    <div class="ml-2" moe relative center>
                                         <a href="#" start show><i class="fa fa-edit"></i></a>
-                                        <form url="/api/appointment/updateStatus" hook="refreshDashboardAppointments">
+                                        <form url="/api/appointment/updateStatus" hook="refreshDashboardAppointments" center>
                                             <input type="hidden" name="uid" value="{{$appointment->uid}}">
-                                            <p class="text-nowrap mb-2 font-weight-bold text-secondary">Change appointment status</p>
+                                            <p class="text-nowrap mb-3 font-weight-bold text-secondary">Change appointment status</p>
+                                            <div class="mb-3 border bg-light p-2">
+                                                <div class="d-flex align-items-baseline mb-1">
+                                                    <span class="width-70px">Patient</span>
+                                                    <b>{{$appointment->clientName }}</b>
+                                                </div>
+                                                <div class="d-flex align-items-baseline mb-1">
+                                                    <span class="width-70px">Pro</span>
+                                                    <b>{{$appointment->proName}}</b>
+                                                </div>
+                                                <div class="d-flex align-items-baseline mb-1">
+                                                    <span class="width-70px">Date</span>
+                                                    <b>{{friendly_date($appointment->raw_date)}}</b>
+                                                </div>
+                                                <div class="d-flex align-items-baseline mb-1">
+                                                    <span class="width-70px">Time</span>
+                                                    <span>
+                                                        <b>{{ $appointment->friendlyStartTime }}</b> - <b>{{ $appointment->friendlyEndTime }}</b>
+                                                        <span class="text-secondary">{{ friendly_timezone($appointment->timezone) }}</span>
+                                                    </span>
+                                                </div>
+                                                <div class="d-flex align-items-baseline ">
+                                                    <span class="width-70px">Status</span>
+                                                    <b>{{ucwords(strtolower($appointment->status))}}</b>
+                                                </div>
+                                            </div>
+                                            <label for="" class="mb-2">New Status</label>
                                             <select name="status" class="form-control form-control-sm input-sm bg-light mb-2">
                                                 <option value="PENDING" {{$appointment->status === 'PENDING' ? 'selected' : ''}}>PENDING</option>
                                                 <option value="CONFIRMED" {{$appointment->status === 'CONFIRMED' ? 'selected' : ''}}>CONFIRMED</option>