EVOLUTION-NINJA

Edit File: new_dashboard.php

<?php //$this->load->view('includes/admin_header.php');?>

<div class="content-wrapper">
		<br>
			<section class="home-yas">
				<div class="container">
				  <div class="mid-image">
					<img src="<?php echo base_url('assets_dashboard/images/mid-img.png');?>" alt="First slide" class="img-responsive center-block">
				  </div>
				</div>
			</section>

<section class="home-mid-one">
				<div class="container-fluid">
					<div class="row">
					    <div class="col-sm-12">
					        <div class="col-sm-7">
    						  <div class="events-block">
    							
    							<div class="events-tabs">
    								<ul class="nav nav-tabs">
									<?php $cnt=1; foreach($years as $year){ ?>
    									  <li id="tabs<?php echo $cnt;?>" ><a data-toggle="tab" href="#home<?php echo $cnt; ?>" onclick="tabs(<?php echo $cnt;?>)"><?php echo $year->year; ?></a></li>
									<?php $cnt++; }?>
    									 
    								</ul>

<?php  } } $cnts++;?>			 	
    								  </div>
								
    								 
    								</div>
									<?php  }  }?>
    							</div>
    						  </div>
    						</div>
    						<div class="col-sm-5">
    						    
    			    <?php foreach($feedback as $fb) { ?>
					<div class="polling-block">
						<input type="hidden" class="feedback_id" name="feedback_id" value="<?php echo $fb->id;?>">
						<h3><?php echo $fb->feedback;?></h3>
						<form class="add_feedbacks">
							
							<div class="poll-radio">
								<div>
									<?php $options = json_decode($fb->options); $key=1; foreach($options as $fb_options) { ?>
									<label class="radio-inline chec-1"><input type="radio" name="optradio" class="select_option" value="<?php echo $key; ?>">
										<span class="rad-box"><?php echo $key;?></span><?php echo $fb_options; ?>
									</label>
									<?php $key++; } ?>
								</div>
							</div>
							
						</form>
					</div>
					<?php } ?>
					
					<div class="polling-res">
						
							<?php foreach($feedback_count as $keys=>$fb_count) { $keyss=$keys+1; foreach($fb_count as $count) { ?>
								<div class="progress pol-prog">
									
		  							<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40"
		  								aria-valuemin="0" aria-valuemax="100" style="width:<?php echo $count;?>%">
		    								
		  							</div>
		  							<span class="prog-letter"><?php echo $keyss;?></span>
		  							
								</div>
							<?php  } } ?>
						
						
					</div>
					
            					
            					
            				</div>
					    </div>
					</div>
				</div>
			</section>
		</div>
		
		
<?php //$this->load->view('includes/admin_footer.php');?>
	<script>
$(document).ready(function(){
	var a;
	var b;
	 function tabs(a) {
		alert(a);
		alert(b);
	  
    }
	
    
});
</script>

e.preventDefault();

var select_option = $("input[name='optradio']:checked").val();
		var feedback_id = $(".feedback_id").val();

$.ajax({
			type:'post',
			url:'<?php echo base_url("controller/add_feedbacks"); ?>',
			data:{'select_option':select_option,'feedback_id':feedback_id},
			async: false,

success:function(data){
                  //alert('Added!');
                  location.reload();
                }
			 
		});
		
	});
</script>
<style>
	.home-mid-one{
		padding: 2% 0%;
	}
	.events-block{
	  border: 2px solid #0065B3;
	  padding: 10px;
	  text-align: justify;
	  line-height: 2;
      height: 403px;
      overflow-y: hidden;
	}
	.events-block h5{
	  color: #0065B3;
	  font-weight: bold;
	  padding-bottom: 10px;
	  padding-left: 40px;
	  padding-right: 40px;
	  border-bottom: 2px solid #0065B3;
	  display: inline-block;
	  margin-left: 35%;
	}
	.events-tabs .nav-tabs{
	  border-bottom: none!important;
	  text-align: center!important;
	  margin-bottom: 20px;
	}
	.events-tabs .nav-tabs>li{
	  float: none!important;
	  display: inline-block!important;
	  font-weight: bold!important;  
	}
	.events-tabs .nav-tabs>li>a{
	  color: #C1C1C1!important;
	}
	.events-tabs .nav-tabs>li>a:hover{
	  color: #0065B3!important;
	  border-bottom: 2px solid #0065B3!important;
	  border-right: transparent!important;
	  border-top:transparent!important;
	  border-left: transparent!important;
	  background: white;
	}
	.events-tabs .nav-tabs>li.active>a,.events-tabs .nav-tabs>li.active>a:focus,.events-tabs .nav-tabs>li.active>a:hover{
	  color: #0065B3!important;
	  border-bottom: 2px solid #0065B3!important;
	  border-right: none!important;
	  border-top:none!important;
	  border-left: none!important;
	}
	.home-tab-list{
	  list-style-type: none;
	}
	.home-tab-list li{
	  display: flex;
	  color: #2D2D2D;
	  font-weight: bold;
	}
	.home-tab-list li:before{
	  content: "\f192 ";
	  font-family: FontAwesome;
	  margin-right: 10px;
	  color: #2D2D2D;
	}
	.tab-in{
	  padding-left: 22px;
	  color:#AFAFAF;
	  font-size: 12px; 
	}
	.polling-block{
	  margin: 15px 0px;
	}
	.polling-block h3{
	  font-weight: bold;
	  padding-bottom: 10px;
	  border-bottom: 4px solid #0065B3;
	  color: #3C3C3C;
	  margin-top: 0;
	}
	.polling-block h3:before{
	  content: "\f192 ";
	  font-family: FontAwesome;
	  margin-right: 10px;
	  color: #3C3C3C;
	  font-size: 22px;
	}
	.poll-radio label{
	  font-size: 12px;
    color: #000;
    font-weight: 600;
    line-height: 2;
    margin-right: 0px;
    padding-left: 33px;
    position: relative;
	}
	.poll-radio input[type="radio"]{
	  opacity: 0;
	}
	.rad-box{
	  position: absolute;
	  top: 0;
	  left: 0;
	  background:#0065B3;
	  width: 30px;
	  height: 30px;
	  text-align: center;  
	  color: white;
	}

.polling-res{
	  border: 2px solid #0065B3;
	  padding: 10px;
	}

.poll-radio input:checked ~ .rad-box{
	  background: #65B200;
	}
	.pol-prog{
	  position: relative;
	  padding-left: 30px;
	  margin-bottom: 15px;
	}
	.prog-letter{
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 30px;
	  height: 30px;
	  text-align: center;
	  background: #0065B3;
	  color: white;
	}
	.footer-bl{
	  padding-top: 20px;
	}
</style>