|
|
@ -22,7 +22,7 @@ |
|
|
|
<button class="btn-appointment nav-link active" id="v-pills-education-tab" data-type = "1" data-bs-toggle="pill" data-bs-target="#v-pills-education" type="button" role="tab" aria-controls="v-pills-home" aria-selected="true"> |
|
|
|
<button class="btn-appointment nav-link active" id="v-pills-education-tab" data-type = "1" data-bs-toggle="pill" data-bs-target="#v-pills-education" type="button" role="tab" aria-controls="v-pills-home" aria-selected="true"> |
|
|
|
<i class="appointment-card-img"><img src="{{url('frontend/icons/visa-approved.svg')}}" class="img-fluid" alt=""></i>Education Services</button> |
|
|
|
<i class="appointment-card-img"><img src="{{url('frontend/icons/visa-approved.svg')}}" class="img-fluid" alt=""></i>Education Services</button> |
|
|
|
<button class="btn-appointment nav-link" id="v-pills-visa-tab" data-type = "2" data-bs-toggle="pill" data-bs-target="#v-pills-visa" type="button" role="tab" aria-controls="v-pills-visa" aria-selected="false"> |
|
|
|
<button class="btn-appointment nav-link" id="v-pills-visa-tab" data-type = "2" data-bs-toggle="pill" data-bs-target="#v-pills-visa" type="button" role="tab" aria-controls="v-pills-visa" aria-selected="false"> |
|
|
|
<i class="appointment-card-img"><img src="{{url('frontend/icons/visa-approved.svg')}}" class="img-fluid" alt=""></i>Visa Services</button> |
|
|
|
<i class="appointment-card-img"><img src="{{url('frontend/icons/visa-approved.svg')}}" class="img-fluid" alt=""></i>Migration | Visa Services</button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
@ -134,20 +134,39 @@ |
|
|
|
}); |
|
|
|
}); |
|
|
|
function displayCalendar($calender,id){ |
|
|
|
function displayCalendar($calender,id){ |
|
|
|
var id = id; |
|
|
|
var id = id; |
|
|
|
|
|
|
|
var now = new Date(); |
|
|
|
$calender.zabuto_calendar({ |
|
|
|
$calender.zabuto_calendar({ |
|
|
|
|
|
|
|
data: [ |
|
|
|
classname: 'table clickable table-bordered lightgrey-weekends', |
|
|
|
@foreach($educationAppointments as $appointment) |
|
|
|
|
|
|
|
@php |
|
|
|
|
|
|
|
$date = Carbon\Carbon::createFromFormat('Y-m-d', $appointment->date); |
|
|
|
|
|
|
|
$start_time = Carbon\Carbon::createFromFormat('H:i A', $appointment->start_time); |
|
|
|
|
|
|
|
$end_time = Carbon\Carbon::createFromFormat('H:i A', $appointment->end_time); |
|
|
|
|
|
|
|
@endphp |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
date: "{{ $date->format('Y-m-d') }}", |
|
|
|
|
|
|
|
content: "{{ $start_time->format('H:i') }} - {{ $end_time->format('H:i') }}" |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
@endforeach |
|
|
|
|
|
|
|
], |
|
|
|
|
|
|
|
classname: 'table event-colourful table-bordered lightgrey-weekends', |
|
|
|
week_starts: 'monday', |
|
|
|
week_starts: 'monday', |
|
|
|
show_days: true, |
|
|
|
show_days: true, |
|
|
|
cell_border: true, |
|
|
|
cell_border: true, |
|
|
|
today: true, |
|
|
|
|
|
|
|
show_days: true, |
|
|
|
show_days: true, |
|
|
|
weekstartson: 0, |
|
|
|
weekstartson: 0, |
|
|
|
today_markup: '<span class="badge bg-primary">[day]</span>', |
|
|
|
|
|
|
|
navigation_markup: { |
|
|
|
navigation_markup: { |
|
|
|
prev: '<i class="fas fa-chevron-circle-left"></i>', |
|
|
|
prev: '<i class="fas fa-chevron-circle-left"></i>', |
|
|
|
next: '<i class="fas fa-chevron-circle-right"></i>' |
|
|
|
next: '<i class="fas fa-chevron-circle-right"></i>' |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
events:[ |
|
|
|
|
|
|
|
@foreach($educationAppointments as $appointment) |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
date: "{{ $appointment->date }}", |
|
|
|
|
|
|
|
"classname": "clickable event-clickable" |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
@endforeach |
|
|
|
|
|
|
|
] |
|
|
|
|
|
|
|
|
|
|
|
}); |
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
@ -174,9 +193,8 @@ |
|
|
|
} |
|
|
|
} |
|
|
|
}); |
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if (e.today) { |
|
|
|
if (e.today) { |
|
|
|
$(e.element).css('color', 'blue'); |
|
|
|
$(e.element).html('<span class="badge bg-primary">'+ e.date.getDate() +'</span>'); |
|
|
|
} else if (e.date.getTime() < now.getTime()) { |
|
|
|
} else if (e.date.getTime() < now.getTime()) { |
|
|
|
$(e.element).html('<span class="badge bg-danger">'+ e.date.getDate() +'</span>'); |
|
|
|
$(e.element).html('<span class="badge bg-danger">'+ e.date.getDate() +'</span>'); |
|
|
|
} else { |
|
|
|
} else { |
|
|
|