|
|
@ -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,6 +134,7 @@ |
|
|
|
}); |
|
|
|
}); |
|
|
|
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: [ |
|
|
|
data: [ |
|
|
|
@foreach($educationAppointments as $appointment) |
|
|
|
@foreach($educationAppointments as $appointment) |
|
|
@ -148,23 +149,29 @@ |
|
|
|
}, |
|
|
|
}, |
|
|
|
@endforeach |
|
|
|
@endforeach |
|
|
|
], |
|
|
|
], |
|
|
|
classname: 'table clickable table-bordered lightgrey-weekends', |
|
|
|
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 |
|
|
|
|
|
|
|
] |
|
|
|
|
|
|
|
|
|
|
|
}); |
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
$calender.on('zabuto:calendar:day', function (e) { |
|
|
|
$calender.on('zabuto:calendar:day', function (e) { |
|
|
|
|
|
|
|
var now = new Date(); |
|
|
|
var date = e.date; |
|
|
|
var date = e.date; |
|
|
|
|
|
|
|
|
|
|
|
//get available time for selected date |
|
|
|
//get available time for selected date |
|
|
@ -185,6 +192,14 @@ |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
}); |
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if (e.today) { |
|
|
|
|
|
|
|
$(e.element).html('<span class="badge bg-primary">'+ e.date.getDate() +'</span>'); |
|
|
|
|
|
|
|
} else if (e.date.getTime() < now.getTime()) { |
|
|
|
|
|
|
|
$(e.element).html('<span class="badge bg-danger">'+ e.date.getDate() +'</span>'); |
|
|
|
|
|
|
|
} else { |
|
|
|
|
|
|
|
$(e.element).html('<span class="badge bg-success">'+ e.date.getDate() +'</span>'); |
|
|
|
|
|
|
|
} |
|
|
|
}) |
|
|
|
}) |
|
|
|
} |
|
|
|
} |
|
|
|
function dispalyAppointments(appointments,formated_date,id) { |
|
|
|
function dispalyAppointments(appointments,formated_date,id) { |
|
|
|