<link href="<?php echo base_url() ?>resource_library/css/clndr.css" rel="stylesheet">
<style>
    .deep_green{
        background: #d3edb0;
    }
    .light_green{
        background: #e8f6d5;
    }
    #loading_image{
        padding: 0px;
        height: 300px;
        position: absolute;
        top: 300px;
        z-index: 1;
        width: 100%;
        line-height: 300px;
    }
    #loading_image1{
        padding: 0px;
        height: 300px;
        position: absolute;
        top: 800px;
        z-index: 1;
        width: 100%;
        line-height: 300px;
    }
</style>
<script>
    $(document).ready(function () {
        $(".cal1").click(function () {
            var base_url = '<?php echo base_url(); ?>';
            var ttImg = base_url + '/image/calendar_select_date.png';
            var SelectedClass = document.getElementById("TTDateClassValue").value;

            $(".day").css("background", "none");
            $(SelectedClass).css("background", "url(" + ttImg + ") no-repeat center");
        });
    });
</script>

<div class="col-sm-10">
    <div class="row gray_ttc">
        <div class="col-sm-12" style="margin-top: 20px;">
            <span class="col-sm-8 text-center"><h3>All Course Notification</h3></span>
            <span class="col-sm-4 text-left" style="padding-top: 30px;">
                <a href="<?php echo base_url('admin/mark-all-as-read/1'); ?>">Mark all as read</a>
            </span>
        </div>
        <input type="hidden" name="TTDateValue" id="TTDateValue" value="">
        <input type="hidden" name="TTDateClassValue" id="TTDateClassValue" value="">
        <input type="hidden" id="baseUrl" value="<?php echo base_url(); ?>">
        <input type="hidden" id="notificationType" value="1">
        <div class="col-sm-12 padding-zero">
            <div class="padding-zero col-sm-12" >
                <div class="cal1 col-sm-8 col-sm-offset-2  padding-zero"></div>
            </div>
            <div class="col-sm-12 form-group">
                <br>
            </div>
            <div class="col-sm-12" id="viewNotification" style="display: none;">
                
            </div>
            <div style="padding: 0px;opacity: 1; display: none" id="loading_image">
                <img src="<?php echo base_url() ?>image/course-loader.gif" 
                     height="60" width="60" style="margin: 20% 45%;">
            </div>
            <div style="padding: 0px;opacity: 1; display: none" id="loading_image1">
                <img src="<?php echo base_url() ?>image/course-loader.gif" 
                     height="60" width="60" style="margin: 20% 45%;">
            </div>
        </div><!-- /.row gray -->
    </div>
</div>

<script src="<?php echo base_url()?>back_end_resource/notification/notification.js"></script>
<script src="<?php echo base_url()?>resource_library/js/underscore-min.js"></script>
<script src="<?php echo base_url()?>resource_library/js/clndr.js"></script>
<script src="<?php echo base_url()?>resource_library/js/calender.js"></script>
