EVOLUTION-NINJA

Edit File: notifications.php

<?php echo view('includes/admin_header.php') ?>
<link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('public/assets/css/jquery-ui.css'); ?>" />
<link rel="stylesheet" href="<?php echo base_url('public/assets/toastr/toastr.min.css'); ?>">

<section class="content-header">
        <h1 style="padding-bottom:10px;border-bottom:2px dashed #ccc;margin-bottom:20px;">Notifications</h1>
    </section>

<section class="content">
    <a href="javascript:history.back()" class="btn btn-primary" style="float: right;">Back</a>
    <div class="row">
        <div class="col-sm-12">
            <ul class="nav nav-tabs">
                <li class="nav-item">
                    <a class="nav-link active" data-toggle="tab" href="#menu2">All Days</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" data-toggle="tab" href="#menu1">This Week</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" data-toggle="tab" href="#home">Today</a>
                </li>
            </ul>
        </div>
        <div class="col-sm-8 scroll">
            <div class="get_noti">
                <div class="get_noti_img">
                    <i class="fa fa-bell" aria-hidden="true"></i>
                    (<b class="thisweek_notification_count"><?php echo count($notification); ?></b>)
                </div>
                <div class="get_noti_name">
                    <p style="font-size:16px;">Notifications</p>
                </div>
            </div>
            <div id="thisweek_legal_notifications">
                <?php foreach ($notification as $value) { ?>
                    <div class="accept_job">
                        <div class="notification_card del_box">
                            <h4 style="color:#000;"><?php echo $value->category_type; ?></h4>
                            <p><?php echo $value->notification; ?></p>
                            <p class="time"><?php echo date("d-m-Y h:i:s", strtotime($value->created_at)); ?></p>
                            <button class="btn btn-danger delete-notification" data-notification-id="<?php echo $value->notification_id; ?>">Delete</button>
                        </div>
                    </div>
                <?php } ?>
            </div>
        </div>
        <div class="col-sm-4"></div>
    </div>
</section>

<footer class="main-footer">
			<div class="pull-right hidden-xs">
			
			</div>
			<strong>Copyright &copy; 2023-2024 AMCAD</strong> All rights
			reserved.
		</footer>

// $(document).ready(function() {
    //     // Load the initial tab content on page load
    //     loadTabContent('menu2');

//     // Handle tab clicks
    //     $('.nav-link').click(function() {
    //         var tabName = $(this).attr('href').substring(1); // Get the tab name
    //         loadTabContent(tabName);
    //     });

//     // Function to load tab content via AJAX
    //     function loadTabContent(tabName) {
    //         $.ajax({
    //             url: '<?php //site_url('tabs/loadTabContent') ?>/' + tabName,
    //             method: 'get',
    //             success: function(data) {
    //                 $('#tab-content-container').html(data);
    //             },
    //             error: function() {
    //                 console.log('Error loading tab content');
    //             }
    //         });
    //     }
    // });

</script>

.get_noti_img,
    .get_noti_name {
        display: table-cell;
        color: #fff;
    }

.main-footer{
		background-color: #468662;
		color: #fff;
		border-top: none;
        margin-left: 1px;
    }

.get_noti_img i {
        background: #FCFCFC;
        width: 40px;
        height: 40px;
        line-height: 40px;
        color: #CDDBF5;
        border-radius: 50%;
        text-align: center;
        font-size: 18px;
        margin-right: 10px;
    }

.get_noti_name {
        vertical-align: middle;
        margin-left: 10px;
    }

.get_noti_name p {
        margin-bottom: 0px;
    }

.input_text {
        border-left: 1px solid #acacac;
        border-right: 1px solid #acacac;
        padding: 10px;
    }

/* .accept_job {
         border-top: 1px solid #acacac;
        border-left: 1px solid #acacac;
        border-right: 1px solid #acacac;
        padding: 10px;
    }  */
	.nav-item{
		color:#CDDBF5;
	}
    .del_box{
        border-bottom: 1px dashed #acacac;
        padding: 10px;

}
    .scroll{
    overflow-y: scroll;
    height: 376px;
    
  
    }
    
</style>