1#@!#!123s

: / home / bmsnrajganj / public_html / erp / application / views / admin /
Filename : dashboard_yuvi_newui.php
back
<head>
 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
</head>
<?php $currency_symbol = $this->customlib->getSchoolCurrencyFormat();?>

<style type="text/css">
    body{
        font-family:auto;


    }
  
.topprograssstart:hover{
    background-color: #dceeff;
}
  

   
    .borderwhite{border-top-color: #fff !important;}
    .box-header>.box-tools {display: none;}
    .sidebar-collapse #barChart{height: 100% !important;}
    .sidebar-collapse #lineChart{height: 100% !important;}
    /* Custom CSS for attendance cards */

.info-box{
    width=400px;
}

/* For small devices (phones, 768px and below) */
@media (max-width: 768px) {
    .fixed-size-block {
        width: 100%; /* Set the width to 100% for small devices */
    }
}

/* For medium devices (tablets, 768px to 992px) */
@media (min-width: 768px) and (max-width: 992px) {
    .fixed-size-block {
        width: 50%; /* Set the width to 50% for medium devices */
    }
}

/* For large devices (desktops, 992px and above) */
@media (min-width: 992px) {
    .fixed-size-block {
        width: 25%; /* Set the width to 33.33% for large devices */
    }
}

.ab{
    width:auto;
}


</style>


<!-- ================================================================== -->
<!-- ========= START: YOUR NEW, CORRECTED DASHBOARD STYLES ============ -->
<!-- ================================================================== -->
<style type="text/css">
    .main-box {
        border: 1px solid rgb(56, 111, 143);
        margin: 4px;
        /* This creates 8px of horizontal space per box (4px left + 4px right) */
        margin-top: 20px;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        border-radius: 8px;
        height: 90px;
        display: flex;
        flex-direction: column;
        font-size: 20px;
        position: relative;
        background-color: #dceeff;
        /* Your original background color */
        float: left;
        box-sizing: border-box;
        transition: all 0.2s ease-in-out;
    }

    .main-box:hover {
        transform: translateY(-2px);
        box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 10px;
    }

    .head-box {
        position: absolute;
        background-color: #228fe3;
        width: 50px;
        height: 50px;
        top: -17px;
        left: 15px;
        border-radius: 5px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: white;
        font-size: 24px;
    }

    .upper-box {
        width: 100%;
        height: 50%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .upper-text-box {
        margin-right: 15px;
        font-weight: 500;
        font-family: "Lucida Sans", sans-serif;
        text-transform: uppercase;
        font-size: 14px;
        color: #333;
    }

    .lower-box {
        width: 100%;
        height: 50%;
        display: flex;
        justify-content: space-around;
        align-items: center;
        padding: 0 5px;
    }

    .lower-text-box {
        border-radius: 4px;
        text-decoration: none !important;
        border: 1px solid #023e7d;
        padding: 4px 8px;
        font-size: 12px;
        color: #023e7d;
        background-color: #fff;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        transition: all 0.2s ease-in-out;
    }

    .lower-text-box:hover {
        background-color: #023e7d;
        color: white;
    }

    /* --- Responsive rules for .main-box --- */
    /* Using calc() to subtract the horizontal margin (4px + 4px = 8px) from the width */

    /* For large devices (desktops) -> 4 columns */
    @media (min-width: 992px) {
        .main-box {
            width: calc(25% - 8px);
        }
    }

    /* For medium devices (tablets) -> 2 columns */
    @media (min-width: 768px) and (max-width: 991px) {
        .main-box {
            width: calc(50% - 8px);
        }
    }

    /* For small devices (phones) -> 1 column */
    @media (max-width: 767px) {
        .main-box {
            width: calc(100% - 8px);
        }
    }

    /* Original styles from your file */
    .borderwhite { border-top-color: #fff !important; }
    .box-header>.box-tools { display: none; }
</style>
<!-- ================================================================== -->
<!-- ======================== END: NEW STYLES ========================= -->
<!-- ================================================================== --><!-- ================================================================== -->
<!-- ========= START: YOUR NEW, CORRECTED DASHBOARD STYLES ============ -->
<!-- ================================================================== -->
<style type="text/css">
    .main-box {
        border: 1px solid rgb(56, 111, 143);
        margin: 4px;
        /* This creates 8px of horizontal space per box (4px left + 4px right) */
        margin-top: 20px;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        border-radius: 8px;
        height: 90px;
        display: flex;
        flex-direction: column;
        font-size: 20px;
        position: relative;
        background-color: #dceeff;
        /* Your original background color */
        float: left;
        box-sizing: border-box;
        transition: all 0.2s ease-in-out;
    }

    .main-box:hover {
        transform: translateY(-2px);
        box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 10px;
    }

    .head-box {
        position: absolute;
        background-color: #228fe3;
        width: 50px;
        height: 50px;
        top: -17px;
        left: 15px;
        border-radius: 5px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: white;
        font-size: 24px;
    }
    
          .head-inner-box {
        /* border: 2px solid white; */
        border-top: 2px solid white;
        border-left: 2px solid white;
        border-radius: 10px;
        padding: 2px;
        background-color: transparent;
        width: 50%;
        height: 50%;

        & img {
          /* background-color: white; */
          width: 100%;
          height: 100%;
          filter: brightness(0) invert(1)
            drop-shadow(2px 2px 2px #D84432);
        }
      }

    .upper-box {
        width: 100%;
        height: 50%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .upper-text-box {
        margin-right: 15px;
        font-weight: 500;
        font-family: "Lucida Sans", sans-serif;
        text-transform: uppercase;
        font-size: 14px;
        color: #333;
    }

    .lower-box {
        width: 100%;
        height: 50%;
        display: flex;
        justify-content: space-around;
        align-items: center;
        padding: 0 5px;
    }

    .lower-text-box {
        /*border-radius: 4px;*/
        /*text-decoration: none !important;*/
        /*border: 1px solid #023e7d;*/
        /*padding: 4px 8px;*/
        /*font-size: 12px;*/
        /*color: #023e7d;*/
        /*background-color: #fff;*/
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        transition: all 0.2s ease-in-out;
    }
    
          .lower-text-box {
        background-color: #dceeff;
        background-color: oklab(77.622% -0.03043 -0.08158);
        border-radius: 4px;
        text-decoration: none;
        display: inline-block;
        margin: 10px;
        border: 1px solid rgb(0, 0, 0);
        padding: 5px 2px;
        font-size: 14px;
        color: black;
        width: 45%;
        text-align: center;
         white-space: nowrap; 
         overflow: hidden;
        /* color: white; */
    

        &:hover {
          background-color: #023e7d;
          color: white;
        }

        &::first-letter {
          text-transform: uppercase;
        }
      }

    .lower-text-box:hover {
        background-color: #023e7d;
        color: white;
    }

    /* --- Responsive rules for .main-box --- */
    /* Using calc() to subtract the horizontal margin (4px + 4px = 8px) from the width */

    /* For large devices (desktops) -> 4 columns */
    @media (min-width: 992px) {
        .main-box {
            width: calc(25% - 8px);
        }
    }

    /* For medium devices (tablets) -> 2 columns */
    @media (min-width: 768px) and (max-width: 991px) {
        .main-box {
            width: calc(50% - 8px);
        }
    }

    /* For small devices (phones) -> 1 column */
    @media (max-width: 767px) {
        .main-box {
            width: calc(100% - 8px);
        }
    }

    /* Original styles from your file */
    .borderwhite { border-top-color: #fff !important; }
    .box-header>.box-tools { display: none; }
</style>
<!-- ================================================================== -->
<!-- ======================== END: NEW STYLES ========================= -->
<!-- ================================================================== -->


 
<div class="content-wrapper" style="" id="content-wrapper" >
    <section class="content" style="">
        <div>
            <?php if ($mysqlVersion && $sqlMode && strpos($sqlMode->mode, 'ONLY_FULL_GROUP_BY') !== false) {?>
                <div class="alert alert-danger">
                    Smart School may not work properly because ONLY_FULL_GROUP_BY is enabled, consult with your hosting provider to disable ONLY_FULL_GROUP_BY in sql_mode configuration.
                </div>
            <?php }?>
            <?php
            $show    = false;
            $role    = $this->customlib->getStaffRole();
            $role_id = json_decode($role)->id;
            foreach ($notifications as $notice_key => $notice_value) {
                if ($role_id == 7) {
                    $show = true;
                } elseif (date($this->customlib->getSchoolDateFormat()) >= date($this->customlib->getSchoolDateFormat(), $this->customlib->dateyyyymmddTodateformat($notice_value->publish_date))) {
                    $show = true;
                }
                if ($show) {
            ?>
                    <div class="dashalert alert alert-success alert-dismissible" role="alert">
                        <button type="button" class="alertclose close close_notice" data-dismiss="alert" aria-label="Close" data-noticeid="<?php echo $notice_value->id; ?>"><span aria-hidden="true">&times;</span></button>
                        <a href="<?php echo site_url('admin/notification') ?>"><?php echo $notice_value->title; ?></a>
                    </div>
            <?php
                }
            }
            ?>
        </div>

        

       

        <div class="row">
        

</div><!-- Row -->

       

        <!-- Right header section -->
        <div class="row" >
            <div class="col-lg-9 col-md-9 col-sm-12 col80" >
                
<!--=================== test html code block ====================== -->
      <div class="row">          
                
<?php for ($i = 0; $i < 12; $i++): ?>
    <div class="main-box">
      <!-- head box  -->
      <div class="head-box">
        <div class="head-inner-box">
          <!--<img src="img/graduates.png" alt="" />-->
          
          <i class="fa fa-user-plus ftlayer"></i>
        </div>
      </div>

      <!-- upper box  -->
      <div class="upper-box">
        <div class="upper-text-box">students</div>
      </div>

      <!-- lower box  -->
       
      <div class="lower-box">
        <a href="#" class="lower-text-box">addmission</a>

        <a href="#" class="lower-text-box"> add. inqary</a>
      </div>
    </div>
<?php endfor; ?>
    </div>
    
 <!--===================== ends here =======================               -->
                


          
            <?php
            if ($this->module_lib->hasActive('fees_collection')) {
    if ($this->rbac->hasPrivilege('Monthly fees_collection_widget', 'can_view')) {
        ?>
                                <div class="col-md-4 col-sm-6">
                                    <div class="info-box">
                                        <a href="<?php echo site_url('studentfee') ?>">
                                            <span class="info-box-icon bg-info-box-icon bg-orange">
                                                <!--green-->
                                                <i class="fas fa-coins"></i></span>
                                            <div class="info-box-content">
                                                <span class="info-box-text"><?php echo $this->lang->line('monthly_fees_collection'); ?></span>
                                                <span class="info-box-number"><?php echo $currency_symbol . $month_collection; ?></span>
                                            </div>
                                        </a>
                                    </div>
                                </div>
    <?php }
}
?>
<?php
if ($this->module_lib->hasActive('fees_collection')) {
    if ($this->rbac->hasPrivilege('Monthly fees_collection_widget', 'can_view')) {
 
        ?>

                                <div class="col-md-4 col-sm-6">
                                    <div class="info-box">
                                        <a href="<?php echo site_url('admin/expense') ?>">
                                            <span class="info-box-icon bg-BLACK">
                                                <!--red-->
                                                <i class="fas fa-piggy-bank"></i></span>
                                            <div class="info-box-content">
                                                <span class="info-box-text"><?php echo $this->lang->line('monthly_expenses'); ?></span>
                                                <span class="info-box-number"><?php echo $currency_symbol . $month_expense; ?></span>
                                            </div>
                                        </a>
                                    </div>
                                </div>
    <?php }
    
}
 ?>
 <?php
if ($this->module_lib->hasActive('expense')) {
    if ($this->rbac->hasPrivilege('monthly_expense_widget', 'can_view')) {
        ?>


                            <div class="col-md-4 col-sm-6">
                                <div class="info-box">
                                    <a href="<?php echo site_url('student/search') ?>">
                                        <span class="info-box-icon bg-DARK GRAY">
                                            <!--aqua-->
                                            <i class="fas fa-user-graduate"></i></span>
                                        <div class="info-box-content">
                                            <span class="info-box-text"><?php echo $this->lang->line('student'); ?></span>
                                            <span class="info-box-number"><?php echo $total_students; ?></span>
                                        </div>
                                    </a>
                                </div>
                            </div>
<?php
}
}?>





                <!-- Existing content -->
            </div><!-- ./col-lg-9 -->

            <div class="col-lg-3 col-md-3 col-sm-12 col20" >

                
          
                               
        <?php
if ($this->module_lib->hasActive('fees_collection')) {
    if ($this->rbac->hasPrivilege('fees_awaiting_payment_widegts', 'can_view')) {
        ?>
                    <div class="col-md-4 col-sm-6" style="width:100%">
                        <div class="topprograssstart">
                            <p class="text-uppercase mt5 clearfix"><i class="fa fa-money ftlayer"></i><?php echo $this->lang->line('fees') . " " . $this->lang->line('awaiting') ; ?><span class="pull-right"><?php echo $total_paid; ?>/<?php echo $total_fees ?></span>
                            </p>
                            <div class="progress-group">
                                <div class="progress progress-minibar">
                                    <div class="progress-bar progress-bar-aqua" style="width: <?php echo $fessprogressbar; ?>%"></div>
                                </div>
                            </div>
                        </div><!--./topprograssstart-->
                    </div><!--./col-md-3-->

                    <?php
}
}
?>

            <?php
if ($this->module_lib->hasActive('front_office')) {
    if ($this->rbac->hasPrivilege('conveted_leads_widegts', 'can_view')) {
        ?>
                    <div class="col-md-4 col-sm-6" style="width:100%">
                        <div class="topprograssstart">
                            <p class="text-uppercase mt5 clearfix"><i class="fa fa-ioxhost ftlayer"></i> <?php echo $this->lang->line('converted') . " " . $this->lang->line('leads') ?><span class="pull-right"><?php echo $total_complete + 0; ?>/<?php echo $total_enquiry; ?></span>
                            </p>
                            <div class="progress-group">
                                <div class="progress progress-minibar">
                                    <div class="progress-bar progress-bar-red" style="width: <?php echo $fenquiryprogressbar; ?>%"></div>
                                </div>
                            </div>
                        </div><!--./topprograssstart-->
                    </div><!--./col-md-3-->
                    <?php
}
}
if ($this->rbac->hasPrivilege('staff_present_today_widegts', 'can_view')) {
    ?>
                <div class="col-md-4 col-sm-6" style="width:100%">
                    <div class="topprograssstart">
                        <p class="text-uppercase mt5 clearfix"><i class="fa fa-calendar-check-o ftlayer"></i><?php echo $this->lang->line('staff') . ' ' . $this->lang->line('present') . ' ' . $this->lang->line('today'); ?><span class="pull-right"><?php echo $Staffattendence_data + 0; ?>/<?php echo $getTotalStaff_data; ?></span>
                        </p>
                        <div class="progress-group">
                            <div class="progress progress-minibar">
                                <div class="progress-bar progress-bar-green" style="width: <?php echo $percentTotalStaff_data; ?>%"></div>
                            </div>
                        </div>
                    </div><!--./topprograssstart-->
                </div><!--./col-md-3-->
                <?php
}
if ($this->module_lib->hasActive('student_attendance') && $sch_setting->attendence_type == 0) {
    if ($this->rbac->hasPrivilege('student_present_today_widegts', 'can_view')) {
        ?>


                    <div class="col-md-4 col-sm-6" style="width:100%">
                        <div class="topprograssstart">
                            <p class="text-uppercase mt5 clearfix"><i class="fa fa-calendar-check-o ftlayer"></i><?php echo $this->lang->line('student') . ' ' . $this->lang->line('present') . ' ' . $this->lang->line('today'); ?><span class="pull-right"> <?php echo 0 + $attendence_data['total_half_day'] + $attendence_data['total_late'] + $attendence_data['total_present']; ?>/<?php echo $total_students; ?></span>
                            </p>
                            <div class="progress-group">
                                <div class="progress progress-minibar">
                                    <div class="progress-bar progress-bar-yellow" style="width: <?php if ($total_students > 0) {echo (0 + $attendence_data['total_half_day'] + $attendence_data['total_late'] + $attendence_data['total_present'] / $total_students * 100);}?>%"></div>
                                </div>
                            </div>
                        </div><!--./topprograssstart-->
                    </div><!--./col-md-3-->
                <?php }
}
?>

     <div class="col-md-4 col-sm-6 rolecount" style="width:100%">
                  
        <?php
if ($this->rbac->hasPrivilege('staff_role_count_widget', 'can_view')) {
    $counter = 0; // Initialize a counter variable
    foreach ($roles as $key => $value) {
        if ($counter < 3) { // Check if the counter is less than 2
            ?>
            <div class="topprograssstart">
                            <p class="text-uppercase mt5 clearfix"><i class="fa fa-calendar-check-o ftlayer"></i><?php echo $key; ?><span class="pull-right"><?php echo $value; ?></span>
                            </p>
                            <div class="progress-group">
                                <div class="progress progress-minibar">
                                    <div class="progress-bar progress-bar-yellow" style="width: <?php echo ($value > 100 ? 100 : $value); ?>%;"></div>
                                </div>
                            </div>
                        </div>
            <?php
            $counter++; // Increment the counter after displaying a key-value pair
        } else {
            break; // Exit the loop after displaying 2 key-value pairs
        }
    }
}
?>



        
                    </div>
                
   



                    </div><!--./col-lg-3-->



        </div><!-- ./row -->

        <!-- End of right header section -->
        
        
        <!--=============================== lets implements graph here =================================-->
        
                              <div style="background-color: black; border: 2px solid red; color: white; width: 100%; height: 100px; display: flex; align-items: center; justify-content: center;">
  Test Div
</div>  


        <!--========================================  implementation of graphs starts here =========================================-->

        <!-- Remaining content -->






        </div><!--./row-->
  <script>
    document.addEventListener('DOMContentLoaded', () => {
      const contentWrapper = document.getElementById('content-wrapper');

      function addMobileStyles() {
        if (window.innerWidth <= 768) {
          contentWrapper.style.margin = '0';
          contentWrapper.style.padding = '0';
          contentWrapper.style.minHeight = 'auto'; // Removing min-height for small screens
        } else {
          contentWrapper.style.margin = '';
          contentWrapper.style.padding = '';
          contentWrapper.style.minHeight = '728px'; // Restoring min-height for larger screens
        }
      }

      addMobileStyles();

      window.addEventListener('resize', addMobileStyles);
    });
  </script>       


</div>

<div id="newEventModal" class="modal fade " role="dialog">
    <div class="modal-dialog modal-dialog2 modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title"><?php echo $this->lang->line("add_new_event"); ?></h4>
            </div>
            <div class="modal-body">

                <div class="row">
                    <form role="form"  id="addevent_form" method="post" enctype="multipart/form-data" action="">
                        <div class="form-group col-md-12">
                            <label for="exampleInputEmail1"><?php echo $this->lang->line('event'); ?> <?php echo $this->lang->line('title'); ?></label><small class="req"> *</small>
                            <input class="form-control" name="title" id="input-field">
                            <span class="text-danger"><?php echo form_error('title'); ?></span>

                        </div>

                        <div class="form-group col-md-12">
                            <label for="exampleInputEmail1"><?php echo $this->lang->line('description'); ?></label>
                            <textarea name="description" class="form-control" id="desc-field"></textarea></div>
                     <div class="row">

                        <div class="form-group col-md-6">
                            <label for="exampleInputEmail1"><?php echo $this->lang->line('event') . " " . $this->lang->line('from') ?></label>
                            <div class="input-group">
                                <div class="input-group-addon">
                                    <i class="fa fa-calendar"></i>
                                </div>
                                <input type="text" autocomplete="off" name="event_from" class="form-control pull-right event_from">
                            </div>
                        </div>

                        <div class="form-group col-md-6">
                            <label for="exampleInputEmail1"><?php echo $this->lang->line('event') . " " . $this->lang->line('to') ?></label>
                            <div class="input-group">
                                <div class="input-group-addon">
                                    <i class="fa fa-calendar"></i>
                                </div>
                                <input type="text" autocomplete="off" name="event_to" class="form-control pull-right event_to">
                            </div>
                        </div>
                            </div>
                        <div class="form-group col-md-12">
                            <label for="exampleInputEmail1"><?php echo $this->lang->line('event'); ?> <?php echo $this->lang->line('color'); ?></label>
                            <input type="hidden" name="eventcolor" autocomplete="off" id="eventcolor" class="form-control">
                        </div>
                        <div class="form-group col-md-12">

                            <?php
$i      = 0;
$colors = '';
foreach ($event_colors as $color) {
    $color_selected_class = 'cpicker-small';
    if ($i == 0) {
        $color_selected_class = 'cpicker-big';
    }
    $colors .= "<div class='calendar-cpicker cpicker " . $color_selected_class . "' data-color='" . $color . "' style='background:" . $color . ";border:1px solid " . $color . "; border-radius:100px'></div>";
    $i++;
}
echo '<div class="cpicker-wrapper">';
echo $colors;
echo '</div>';
?>
                        </div>

                        <div class="form-group col-md-12">
                            <label for="exampleInputEmail1"><?php echo $this->lang->line('event'); ?> <?php echo $this->lang->line('type'); ?></label>
                            <br/>
                            <label class="radio-inline">

                                <input type="radio" name="event_type" value="public" id="public"><?php echo $this->lang->line('public'); ?>
                            </label>
                            <label class="radio-inline">

                                <input type="radio" name="event_type" value="private" checked id="private"><?php echo $this->lang->line('private'); ?>
                            </label>
                            <label class="radio-inline">

                                <input type="radio" name="event_type" value="sameforall" id="public"><?php echo $this->lang->line('all'); ?> <?php echo json_decode($role)->name; ?>
                            </label>
                            <label class="radio-inline">

                                <input type="radio" name="event_type" value="protected" id="public"><?php echo $this->lang->line('protected'); ?>
                            </label> </div>

                        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                            <input type="submit" class="btn btn-primary submit_addevent pull-right" value="<?php echo $this->lang->line('save'); ?>"></div> </form>
                </div>

            </div>
        </div>
    </div>
</div>
<div id="viewEventModal" class="modal fade " role="dialog">
    <div class="modal-dialog modal-dialog2 modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title"><?php echo $this->lang->line('edit') ?> <?php echo $this->lang->line('event') ?></h4>
            </div>
            <div class="modal-body">

                <div class="row">
                    <form role="form"   method="post" id="updateevent_form"  enctype="multipart/form-data" action="" >
                        <div class="form-group col-md-12">
                            <label for="exampleInputEmail1"><?php echo $this->lang->line('event') ?><?php echo $this->lang->line('title') ?></label>
                            <input class="form-control" name="title" placeholder="" id="event_title">
                        </div>
                        <div class="form-group col-md-12">
                            <label for="exampleInputEmail1"><?php echo $this->lang->line('description') ?></label>
                            <textarea name="description" class="form-control" placeholder="" id="event_desc"></textarea></div>
                      <div class="row">

                        <div class="form-group col-md-6">
                            <label for="exampleInputEmail1"><?php echo $this->lang->line('event') . " " . $this->lang->line('from') ?></label>
                            <div class="input-group">
                                <div class="input-group-addon">
                                    <i class="fa fa-calendar"></i>
                                </div>
                                <input type="text" autocomplete="off" name="event_from" class="form-control pull-right event_from">
                            </div>
                        </div>

                        <div class="form-group col-md-6">
                            <label for="exampleInputEmail1"><?php echo $this->lang->line('event') . " " . $this->lang->line('to') ?></label>
                            <div class="input-group">
                                <div class="input-group-addon">
                                    <i class="fa fa-calendar"></i>
                                </div>
                                <input type="text" autocomplete="off" name="event_to" class="form-control pull-right event_to">
                            </div>
                        </div>
                            </div>
                        <input type="hidden" name="eventid" id="eventid">
                        <div class="form-group col-md-12">
                            <label for="exampleInputEmail1"><?php echo $this->lang->line('event') ?><?php echo $this->lang->line('color') ?></label>
                            <input type="hidden" name="eventcolor" autocomplete="off" placeholder="Event Color" id="event_color" class="form-control">
                        </div>
                        <div class="form-group col-md-12">
                            
                            <?php
$i      = 0;
$colors = '';
foreach ($event_colors as $color) {
    $colorid = trim($color, "#");
    $color_selected_class = 'cpicker-small';
    if ($i == 0) {
        $color_selected_class = 'cpicker-big';
    }
    $colors .= "<div id=" . $colorid . " class='calendar-cpicker cpicker " . $color_selected_class . "' data-color='" . $color . "' style='background:" . $color . ";border:1px solid " . $color . "; border-radius:100px'></div>";
    $i++;
}
echo '<div class="cpicker-wrapper selectevent">';
echo $colors;
echo '</div>';
?>
                        </div>
                        <div class="form-group col-md-12">
                            <label for="exampleInputEmail1"><?php echo $this->lang->line('event') ?><?php echo $this->lang->line('type') ?></label>
                            <label class="radio-inline">

                                <input type="radio" name="eventtype" value="public" id="public"><?php echo $this->lang->line('public') ?>
                            </label>
                            <label class="radio-inline">

                                <input type="radio" name="eventtype" value="private" id="private"><?php echo $this->lang->line('private') ?>
                            </label>
                            <label class="radio-inline">

                                <input type="radio" name="eventtype" value="sameforall" id="public"><?php echo $this->lang->line('all') ?> <?php echo json_decode($role)->name; ?>
                            </label>
                            <label class="radio-inline">

                                <input type="radio" name="eventtype" value="protected" id="public"><?php echo $this->lang->line('protected') ?>
                            </label>
                        </div>

                        <div class="col-xs-11 col-sm-11 col-md-11 col-lg-11">

                            <input type="submit" class="btn btn-primary submit_update pull-right" value="<?php echo $this->lang->line('save'); ?>">
                        </div>
                        <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1">
<?php if ($this->rbac->hasPrivilege('calendar_to_do_list', 'can_delete')) {?>
                                <input type="button" id="delete_event" class="btn btn-primary submit_delete pull-right" value="<?php echo $this->lang->line('delete'); ?>">
<?php }?>
                        </div>
                    </form>
                </div>

            </div>
        </div>
    </div>
</div>
<style>
    canvas {
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
    }
</style>

<script>
    $(document).ready(function () {

    $(document).on('click', '.close_notice', function () {
    var data = $(this).data();
    $.ajax({
    type: "POST",
            url: base_url + "admin/notification/read",
            data: {'notice': data.noticeid},
            dataType: "json",
            success: function (data) {
            if (data.status == "fail") {

            errorMsg(data.msg);
            } else {
            successMsg(data.msg);
            }

            }
    });
    });
    });
</script>