<div class="row">
	<div class="col-md-6">
		<div class="single_alert alert alert-danger alert-dismissible">
	        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
	        <div class="d_flex_alert ">
	            <h4><i class="fas fa-exclamation-triangle"></i> <?= !empty(lang('rating_msg'))?lang('rating_msg'):"Be careful you can't change the rating anymore.";?></h4>
	            
	        </div>
	    </div>
		<div class="box box-primary">
			<div class="box-header with-border">
				<h3 class="box-title"><?= !empty(lang('rating'))?lang('rating'):"Rating";?></h3>
				<div class="box-tools pull-right">
					<button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
					<button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-remove"></i></button>
				</div>
			</div>
			<!-- /.box-header -->
			<form action="<?= base_url('admin/profile/add_rating') ?>" method="post" class="skill_form" enctype= "multipart/form-data">
				<div class="box-body" >

					<!-- csrf token -->
					<input type="hidden" name="<?= $this->security->get_csrf_token_name(); ?>" value="<?= $this->security->get_csrf_hash(); ?>">

					<div class="row">
						<div class="form-group">
		                  	<h5 class="text-center mb-3"><?=  !empty(lang('rating'))?lang('rating'):"Select Rating.";?></h5>
		                      <div class='rating-stars text-center'>
		                        <ul id='stars'>
		                          <li class='star' title='Poor' data-value='1'>
		                            <i class='fa fa-star fa-fw'></i>
		                          </li>
		                          <li class='star' title='Fair' data-value='2'>
		                            <i class='fa fa-star fa-fw'></i>
		                          </li>
		                          <li class='star' title='Good' data-value='3'>
		                            <i class='fa fa-star fa-fw'></i>
		                          </li>
		                          <li class='star' title='Excellent' data-value='4'>
		                            <i class='fa fa-star fa-fw'></i>
		                          </li>
		                          <li class='star' title='WOW!!!' data-value='5'>
		                            <i class='fa fa-star fa-fw'></i>
		                          </li>
		                        </ul>
		                      </div>
		                  </div>
		                  <div class="form-group col-md-12">
		                    <textarea name="msg" id="" class="form-control" cols="5" rows="5" placeholder="<?=  !empty(lang('comments'))?lang('comments'):"Comments.";?>"></textarea>
		                  </div>
					</div>
					
				    <input type="hidden" name="id" value="<?= isset($data['id']) && html_escape($data['id']) !=0?html_escape($data['id']):0 ?>">
				</div><!-- /.box-body -->
				<div class="box-footer" >
					<?php if(isset($data['id']) && html_escape($data['id']) !=0){ ?>
						<div class="pull-left">
			          		<a href="<?= base_url('admin/profile/facts'); ?>" class="btn btn-default btn-block btn-flat"><?= !empty(lang('cancel'))?lang('cancel'):"cancel";?></a>
			          	</div>
		          <?php } ?>
		          	<div class="pull-right">
		          		<input type="hidden" name="rating" class="rating" value="">
				          <button type="submit" class="btn btn-info c_btn"> <?=  !empty(lang('submit'))?lang('submit'):"Submit";?> &nbsp;<i class="fas fa-angle-double-right"></i></button>
		          	</div>
				</div>
			</form>
		</div>
	</div>
</div>			              