EVOLUTION-NINJA

Edit File: dob_calendar.php

<?php echo view('includes/header');?>

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fullcalendar@3.0.0/dist/fullcalendar.min.css">
<script src="https://cdn.jsdelivr.net/npm/fullcalendar@3.0.0/dist/fullcalendar.min.js"></script>

<section class="content-header">
			<h1>DOB Calendar </h1>				
</section>

</div>
		
	</section>

.content-wrapper, .right-side {			
		//min-height:900px !important;
	}	
	
	a {
	 color: inherit; 
	}

</style>
				
<script type="text/javascript">
$(document).ready(function(){
    $('#calendar').fullCalendar({
        eventLimit: true,
        editable: false,
        lazyFetching: false,

events: function(start, end, timezone, callback) {
            $.ajax({
                url: '<?php echo site_url("get-dob-dates");?>',
                type: 'POST',
                success: function(response) {
                    // console.log('AJAX Success:', response);
                    var current_year = (new Date()).getFullYear();
                    var events = [];

$.each(response.dob_list, function(key, value) {
                        var birthday = current_year + '-' + value.dob;
                        var mobile = value.mobile;

events.push({
                            title: value.customer_name,
                            start: birthday,
                            backgroundColor: "",
                            borderColor: "",
                            url: "<?php echo site_url('user-booking-details')?>/" + value.booking_id
                        });
                    });

callback(events);
                },
                error: function(xhr, status, error) {
                    console.error("AJAX Error: ", status, error);
                    alert("An error occurred while fetching data.");
                }
            });
        }
    });
});
</script>

<?php echo view('includes/footer');?>