<div class="row">
	<div class="col-md-5">
		<div class="box box-primary">
			<div class="box-header with-border">
				<h3 class="box-title"><?= get_features_name('skills');?></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_skills') ?>" 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 col-md-12">
					      	<label for="title"><?= !empty(lang('title'))?lang('title'):"title";?></label>
					        <input type="text" name="title" id="title" class="form-control" placeholder="<?= !empty(lang('title'))?lang('title'):"Title";?>" value="<?= !empty($s_skill['title'])?html_escape($s_skill['title']):set_value('title'); ?>" required>
					        <span class="error"><?= form_error('title'); ?></span>
					    </div>
					    <div class="col-md-12">
							<label><?= !empty(lang('level'))?lang('level'):"level";?></label>
							<input type="number" name="level" id="level" class="form-control" placeholder="<?= !empty(lang('level'))?lang('level'):"Level";?>" value="<?= !empty($s_skill['level'])?html_escape($s_skill['level']):set_value('level'); ?>" required>
					        <span class="error"><?= form_error('Level'); ?></span>
						</div>
					</div>
				    <input type="hidden" name="id" value="<?= isset($s_skill['id']) && $s_skill['id'] !=0?$s_skill['id']:0 ?>">
				</div><!-- /.box-body -->
				<div class="box-footer">
					<?php if(isset($s_skill['id']) && $s_skill['id'] !=0){ ?>
						<div class="pull-left">
			          		<a href="<?= base_url('admin/profile/skills'); ?>" class="btn btn-default btn-block btn-flat"><?= !empty(lang('cancel'))?lang('cancel'):"cancel";?></a>
			          	</div>
		          <?php } ?>
		          	<div class="pull-right">
		          		<button type="submit" name="register" class="btn btn-primary btn-block btn-flat"><?= !empty(lang('submit'))?lang('submit'):"submit";?></button>
		          	</div>
				</div>
			</form>
		</div>
	</div>
	<div class="col-md-7">
		<div class="box box-info">
			<div class="box-header with-border">
				<h3 class="box-title"><?= get_features_name('skills');?></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 -->
			<div class="box-body">
				<div class="upcoming_events">
					<div class="table-responsive">
						<table class="table table-bordered">
							<thead>
								<tr>
									<th><?= !empty(lang('sl'))?lang('sl'):"sl";?></th>
									<th><?= !empty(lang('title'))?lang('title'):"title";?></th>
									<th ><?= !empty(lang('username'))?lang('username'):"username";?></th>
									<th><?= !empty(lang('level'))?lang('level'):"level";?></th>
									<th><?= !empty(lang('status'))?lang('status'):"status";?></th>
									<th><?= !empty(lang('action'))?lang('action'):"action";?></th>
								</tr>
							</thead>
							<tbody>
								<?php $i=1; foreach ($skills as $row): ?>
									<tr>
										<td><?= $i;?></td>
										<td><?= html_escape($row['title']) ?></td>
										<td><?= html_escape(get_user_info_by_id($row['user_id'])['username']); ?></td>
										<td>
											<div class="progress">
											  	<div class="progress-bar" role="progressbar" aria-valuenow="<?= $row['level'] ?>"
											        aria-valuemin="0" aria-valuemax="100" style="width:<?= $row['level'] ?>%">
											    <?= $row['level'] ?>%
											  	</div>
											</div>

											</td>
										<td class="text-center">
											<a href="javascript:;" data-id="<?= html_escape($row['id']);?>" data-status="<?= html_escape($row['status']);?>" data-table="skills" class="label <?= $row['status']==1?'label-success':'label-danger'?> change_status"> <i class="fa <?= $row['status']==1?'fa-check':'fa-close'?>"></i>&nbsp; <?= $row['status']==1?(!empty(lang('live'))?lang('live'):"Live"): (!empty(lang('hide'))?lang('hide'):"Hide");?></a>

										</td>
										<td>
											<a href="<?= base_url('admin/profile/edit_skills/'.html_escape($row['id'])); ?>" class="btn btn-info btn-sm"><i class="fa fa-edit"></i> <?= !empty(lang('edit'))?lang('edit'):"edit";?></a>
											<a href="<?= base_url('delete-item/'.html_escape($row['id']).'/skills'); ?>" class="btn btn-danger btn-sm action_btn" data-msg="<?= !empty(lang('want_to_delete'))?lang('want_to_delete'):'Want to delete?' ;?>"><i class="fa fa-trash"></i> <?= !empty(lang('delete'))?lang('delete'):"Delete";?></a>
										</td>
									</tr>
								<?php $i++; endforeach ?>
							</tbody>
						</table>
					</div>
				</div>	
			</div><!-- /.box-body -->
		</div>
	</div>
</div>
