<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/js/bootstrap-datepicker.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/css/bootstrap-datepicker3.css"/>
 <script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/additional-methods.min.js"></script>
 <script src="<?php echo base_url()?>/public/validation/js/jquery.validate.js"></script>
 <link rel="stylesheet" href="<?php echo base_url()?>/public/admin_assets/prettyPhoto/css/prettyPhoto.css" type="text/css" />
<!-- Content Wrapper. Contains page content -->
      <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
          <h3>
            Insecpection
            
          </h3>         
        </section>

        <!-- Main content -->
        <section class="content"> 
			<div class="row">
				<!-- general form elements -->
				<div class="col-md-12">
					  <div class="box box-primary">
					  <div class="admin-tab-wrapper">
						<div class="admin_tab">
							<!--<button class="btn btn-primary dropdown-toggle btn-algnmt" type="button" data-toggle="dropdown">Action
							<span class="caret"></span></button>-->
							<ul>							 
			          		  <li><a href="<?php echo base_url('admin/inspection');?>">Back</a></li>	 
							</ul>
						</div>
					</div>
					
					<div class="ques_ans_sec">
    <div class="container">
	<?php $i = 1;?>
	<?php foreach($cms as $question){?>
    <div class="ques_ans_repeat">
      <h3>Q<?php echo $i;?>.&nbsp;<?php echo $question->question?><br/> <br/>Answer. <?php if($question->option == 1){?>
      
      <span class="ques_yes">Yes</span><?php }else{?> 
      
      <span class="ques_no">No</span>
	  
	  <?php }?>
	  </h3>
      
      
      <div class="ques_img_area">
	  
	  <?php if(!empty($question->inspection_answer_images)){ ?>
     
      <span>Images: </span> 
      
      <ul> 
	  <?php foreach($question->inspection_answer_images as $inspection_answer_image){?>
        <li class="ques_img_box"> <a href="<?php echo base_url();?>/public/admin_assets/images/inspection/<?php echo $inspection_answer_image['image'];?>" rel="prettyPhoto[pp_gal]"><img src="<?php echo base_url();?>/public/admin_assets/images/inspection/<?php echo $inspection_answer_image['image'];?>" alt="" class="img-thumbnail" style="height: 74px;"/></a> </li>	
		<?php }?>
      </ul>
	  
	  <?php } ?>
	  
    </div>
    </div>
	<?php $i++;}?>	
  </div>
  </div>
					
					
					
					
					
					
					
					
						
						<!-- /.box-header -->
						<!-- form start -->
						
					  </div>
				</div>
          <!-- /.box -->
          </div><!-- /.row -->	
        </section><!-- /.content -->
      </div><!-- /.content-wrapper -->



	  
	  
<style>
.ques_ans_repeat
{
margin-bottom: 20px;
}
.ques_ans_repeat h3 {
font-size: 18px;
font-weight: 400;
padding: 0;
margin: 0 0 10px 0;
}
.ques_ans_repeat h3 .ques_yes {
color: #127203;
}
.ques_ans_repeat h3 .ques_no {
color: #A61329;
}
.ques_img_area ul
{
list-style: none;
padding: 0;
margin: 0;
}
.ques_img_area ul li
{
margin: 0 5px;
display: inline-block; 
}
.ques_img_box {
width: 100px;
border: 1px solid #eee;
overflow: hidden;
}
.ques_img_box img {
width: 100%;
display: block;
}

.ques_img_area {
	padding: 0;
	margin: 0;
}	
	
.ques_img_area span {
  display: inline-block;
  font-size: 15px;
  padding: 0 0 4px;
}
	
.ques_ans_repeat {
  border-bottom: 1px dashed #999;
  padding: 5px 0 30px;
  width:93%;
}	
	
	
</style>
<script src="<?php echo base_url()?>/public/admin_assets/prettyPhoto/js/jquery.prettyPhoto.js"></script> 
<script>
$(document).ready(function () {
    $("a[rel^='prettyPhoto']").prettyPhoto();
});
</script>