<main class="common_margin" id="main"> <div class="main-wrap"> <div class="calendar-section"> <div class="calendar-section-wrap"> <div class="calendar-main"> <div class="class-head"> <h3 class="common-heading">Calendar</h3> </div> <div class="calendar-cover" id="calendar"> <div class="calendar-date-year"> <img src="<?= base_url(); ?>assets_student/images/calendar2.png"> </div> <div id="Datepicker1" onchange = "showsessions($(this).datepicker().val())"></div> </div> </div> <div class="upcoming-section-wrap"> <div class="class-head"> <h3 class="common-heading"><span><?php echo date("d/m/Y"); ?></span></h3> </div> <div class="upcoming-cover"> <?php if($student_sess != ''){ foreach($student_sess as $c) { ?> <div class="upcoming-tab upcoming-classes-tab"> <div class="class-Sec"> <h4><?= $c['classroom_name']; ?></h4> <p>Grade</p> <img src="<?php echo base_url(); ?>assets_teacher/images/class2.png"> </div> <div class="class-det"> <div class="class-det-head"> <h5><?= $c['subject_name']; ?></h5> <div class="class-time"> <?php $pday = date("l"); $sessionDay = $c['day']; $s = $c['start']; // $s = "15:03"; $p = date("H:i"); $mins = (strtotime($s)-strtotime($p)) / 60; ?> <?php if(strtolower($pday) === strtolower($sessionDay) && abs($mins) <= 10) { ?> <div class="my-class-btn-wrap"><a href = "<?php echo $c['start_link']; ?>" ><button class="join-class-btn">Start</button></a></div> <?php } else { ?> <div class="date"><?php echo ucfirst($c['day']).', '.date('h:i a',strtotime($c['start'])); ?></div> <?php } ?> <div class="time"><i class="far fa-clock"></i><span><?php echo $c['duration']; ?></span></div> </div> </div> <p>Lorem ipsum dolor in sit amet, of consetetursadip scing elitr, sed. diam </p> </div> </div> <?php } } else { ?> <div class="upcoming-tab">No Sessions scheduled </div> <?php } ?> </div> </div> </div> </div> </div> </main> <script> function showsessions(dateval){ // alert(dateval); $.ajax({ type : 'POST', url : "<?= base_url(); ?>Teacher/calenderSessions", data:{dateval:dateval}, success:function(resposne){ $('.upcoming-section-wrap').html(resposne); } }); } </script>