Pro availability - set display_timezone UI

resources/views/app/practice-management/pro-availability.blade.php

@@ -588,6 +588,41 @@
             @if($pro->is_enrolled_as_mcp && $pro->is_considered_for_mcp_assignment)
                 @include('layouts.confirm-hours-of-availability-notification')
             @endif
+            @if($pro->is_enrolled_as_mcp && $pro->is_considered_for_mcp_assignment)
+                <div class="my-3 border p-3 rounded bg-light d-flex align-items-baseline">
+                    <i class="fa fa-globe-americas"></i>
+                    <div class="flex-grow-1 ml-2">
+                        <div class="d-flex align-items-baseline">
+                            <span class="">Display Timezone:</span><b class="ml-2">{{$pro->display_timezone ?: '(not set)'}}</b>
+                            <div moe class="ml-3">
+                                <a href="#" start show class="font-weight-bold">Edit</a>
+                                <form url="/api/pro/putDisplayTimezone">
+                                    <input type="hidden" name="uid" value="{{$pro->uid}}">
+                                    <div class="mb-2">
+                                        <label class="text-sm text-secondary mb-1">Display Timezone:</label>
+                                        <select name="timezone" class="form-control form-control-sm width-200px">
+                                            <option value="EASTERN" {{$pro->display_timezone === 'EASTERN' ? 'selected' : ''}}>Eastern</option>
+                                            <option value="CENTRAL" {{$pro->display_timezone === 'CENTRAL' ? 'selected' : ''}}>Central</option>
+                                            <option value="MOUNTAIN" {{$pro->display_timezone === 'MOUNTAIN' ? 'selected' : ''}}>Mountain</option>
+                                            <option value="PACIFIC" {{$pro->display_timezone === 'PACIFIC' ? 'selected' : ''}}>Pacific</option>
+                                            <option value="ALASKA" {{$pro->display_timezone === 'ALASKA' ? 'selected' : ''}}>Alaska</option>
+                                            <option value="HAWAII" {{$pro->display_timezone === 'HAWAII' ? 'selected' : ''}}>Hawaii</option>
+                                            <option value="PUERTO_RICO" {{$pro->display_timezone === 'PUERTO_RICO' ? 'selected' : ''}}>Puerto Rico</option>
+                                        </select>
+                                    </div>
+                                    <div class="form-group m-0">
+                                        <button submit class="btn btn-primary btn-sm mr-2">Submit</button>
+                                        <button cancel class="btn btn-default border btn-sm mr-2">Cancel</button>
+                                    </div>
+                                </form>
+                            </div>
+                        </div>
+                        <div class="text-sm text-secondary mt-1">
+                            Your patients will see your availability in this timezone (if set) while booking appointments.
+                        </div>
+                    </div>
+                </div>
+            @endif
             <div class="card">
                 <div class="card-header px-3 py-1 d-flex align-items-center">
                     <strong class="">
@@ -597,13 +632,13 @@
                     <div class="ml-auto d-inline-flex align-items-center">
                         <span class="font-weight-bold text-secondary mr-2">Timezone:</span>
                         <select id="calendar-timezone" class="form-control form-control-sm ml-auto width-200px">
-                            <option value="EASTERN" selected>Eastern</option>
-                            <option value="CENTRAL">Central</option>
-                            <option value="MOUNTAIN">Mountain</option>
-                            <option value="PACIFIC">Pacific</option>
-                            <option value="ALASKA">Alaska</option>
-                            <option value="HAWAII">Hawaii</option>
-                            <option value="PUERTO_RICO">Puerto Rico</option>
+                            <option value="EASTERN" {{!$pro->display_timezone || $pro->display_timezone === 'EASTERN' ? 'selected' : ''}}>Eastern</option>
+                            <option value="CENTRAL" {{$pro->display_timezone === 'CENTRAL' ? 'selected' : ''}}>Central</option>
+                            <option value="MOUNTAIN" {{$pro->display_timezone === 'MOUNTAIN' ? 'selected' : ''}}>Mountain</option>
+                            <option value="PACIFIC" {{$pro->display_timezone === 'PACIFIC' ? 'selected' : ''}}>Pacific</option>
+                            <option value="ALASKA" {{$pro->display_timezone === 'ALASKA' ? 'selected' : ''}}>Alaska</option>
+                            <option value="HAWAII" {{$pro->display_timezone === 'HAWAII' ? 'selected' : ''}}>Hawaii</option>
+                            <option value="PUERTO_RICO" {{$pro->display_timezone === 'PUERTO_RICO' ? 'selected' : ''}}>Puerto Rico</option>
                         </select>
                     </div>
                 </div>

resources/views/layouts/confirm-hours-of-availability-notification.blade.php

@@ -38,7 +38,7 @@
 		</div>
 		@else
 		<div>
-			<span>Hours of Avaliability last confirmed on <b><i class="fas fa-history"></i> {{ friendly_date($pro->hours_of_availability_confirmed_at) }}</b></span>
+			<span>Hours of Availability last confirmed on <b><i class="fas fa-history"></i> {{ friendly_date($pro->hours_of_availability_confirmed_at) }}</b></span>
 		</div>
 
 		<div>