<?php defined('BASEPATH') or exit('No direct Access is Allowed'); ?>
<style>

.container-tb {
    height: 500px;
    width: 100%;
    overflow: auto;
    border: 2px solid #999;
}
* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
table {
    border-collapse: collapse;
    table-layout: fixed;
    width: auto;
    min-width: 100%;
}
td, th {
    border: 1px solid #ccc;
    padding-left: 10px;
    padding-right: 10px;
    white-space: nowrap;
}
thead td, thead th {
    border-top: none;
    border-bottom: none;
}
tfoot td, thead th {
    border-top: none;
    border-bottom: none;
}
td.fth-header, th.fth-header, td.fth-footer, th.fth-footer {
    border-top: none !important;
    border-bottom: none !important;
}
td.fth-header, th.fth-header {
        padding: 3px;
    background-color: #444;
    border-bottom: rgba(0,0,0,0.2);
    color: white;
}
/* td.fth-footer, th.fth-footer {
    background-color:  #444;
    border-top:  rgba(0,0,0,0.2);
    color: white;
} */

.input-sm {
    height: 34px;
    padding: 7px 8px;
	}
	.padding_20 {
    padding: 0;
}
.emp_style
{
margin-top:12px;
}
.collapse_tool{
    position: absolute;
    right: 10px;
      top: 8px;
}
.padding_box {
    padding:5px!important;
    margin-top: 0px!important;
	}
.wrap {
    position: absolute;
    overflow: hidden;
    top: 18%;
    right: 1.1%;
    bottom: auto;
    padding: 14px 0px;
  display: block;
  border-radius: 4px;
  transform: translateY(20px);
  transition: all 0.5s;
  visibility: hidden;
}
.wrap .content {
  opacity: 0;
}
.wrap:before {
  position: absolute;
  width: 1px;
  height: 1px;
  background: white;
  content: "";
  bottom: 10px;
  left: 50%;
  top: 95%;
  color: #fff;
  border-radius: 50%;
  -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.wrap.active {
  display: block;
  visibility: visible;
 box-shadow: 0px 14px 12px silver;
  transition: all 600ms;
  transform: translateY(0px);
  transition: all 0.5s;
      font-family: sans-serif;
	      width: 94%;
}
.wrap.active:before {
  height: 2000px;
  width: 2000px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  margin-left: -1000px;
  margin-top: -1000px;
  display: block;
  -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.wrap.active .content {
  position: relative;
  z-index: 1;
  opacity: 1;
  transition: all 600ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
button_collapse{
padding: 6px 11px 6px 6px;
    outline: none;
    /* border-radius: 50%; */
    /* background: #007fed; */
    color: #fff;
    font-size: 13px;
    display: block;
    /* position: absolute; */
    /* left: 50%; */
    /* bottom: 67px; */
    top: -1px;
    margin-left: -28px;
    transition: transform 0.25s;
	}
	a.btn.btn-sm.btn-social.btn-github.pull-right.button_collapse {
    font-size: 13px!important;
    /* font-weight: 900; */
    font-family: sans-serif!important;
}
.button_collapse:hover {
  text-decoration: none;

}
.button_collapse.active {
     /* padding: 6px 19px 6px 6px; */
    margin-top:1px;
    font-size: 13px;
    /* font-weight: 900; */
    font-family: sans-serif;
    transition: transform 0.5s;
}

.content_pop {
    min-height:0px;
    padding: 0;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0px;
    padding-right: 0;
}
.btn_mrgin{
margin-top:12px;
}
.select2-container {
    font-size: 12px;
}
.select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {
    border: 1px solid #d2d6de;
    border-radius: 0;
    padding: 6px 10px;
    height: 34px;
    margin-top: 12px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 13px;
    right: 1px;
    width: 20px;
}
select.input-sm {
     height: 34px;
}
</style>
<div class="content-wrapper">
  <!-- Content Header (Page header) -->

  <!-- Main content -->
  <section class="content">
  <div class="row">
    <div class="col-xs-12">
      <div class="box">
          <div class="box-header">
		  <div class="box-header with-border padding_box">
				<div class="create pu">
        <!-- <div class="col-md-2 pull-right">
        <form action="<?=site_url('admin/Adminlte/download_excel_page')?>" class="exconvert"  method="post">
        <input type="hidden" id="expo1" name="expo1">
        <input type="submit" value="Excel" class="form-control btn-social btn-success input-sm"  />
        </form>
        </div> -->
				<div class="box-tools pull-right collapse_tool">
						<a href="#" class="btn btn-sm btn-social btn-github button_collapse" style="margin-left:3px;">
						<i class="fa fa-fw fa-search  text-green"></i>Search</a>
            <?=anchor("admin/course/Course/create","Add Course",["class"=>"btn btn-sm btn-social btn-github"])?>
				</div>
			</div>
          <div class="col-md-12" id="respose">
          <?php if ($this->session->flashdata('failure') == TRUE): ?>
                <div class="alert alert-error"><?php echo $this->session->flashdata('failure'); ?></div>
                <?php endif; ?>
                <?php if ($this->session->flashdata('success') == TRUE): ?>
                <div class="alert alert-success"><?php echo $this->session->flashdata('success'); ?></div>
            <?php endif; ?>
          </div>

          </div>
        <!--<div class="box-body" style="font-size:8px;">-->
        <div class="box-body table-responsive no-padding" >
        <div  id="reportsummary">
        <!-- <table id="example2" class="table table-bordered table-hover  table-responsive" style="font-size: 10px;">-->

  <div id="tableContainer2" class="container-tb">
        <table class="table-hover">
          <thead >
            <tr>
                <th>Sr.</th>
                <th>Student</th>
                <th>Wallet Amount</th>
            </tr>
          </thead>
          <tbody  style="font-size: 12px;" >
			<?php if( count($list) ):$sn=1;
			$count = $this->uri->segment(4);
			foreach($list as $lists ): ?>
            <tr>
                <td><?php echo  $sn; ?>  </td>
                <td><?php echo  strtoupper($lists->student_name);?></td>
                <td><i class="fa fa-fw fa-rupee"></i><?php echo  strtoupper($lists->wallet_amount);?></td>

            </tr>
            <?php $sn++;?>
			<?php endforeach; ?>
            <?php else : ?>
            <tr>
              <td><strong>No record found</strong></td>
            </tr>
            <?php endif; ?>

          </tbody>
        <?php echo form_close();?>

        </table>
        </div>
        </div>
        <?php $count++; //echo  $link; ?>
        </div>
    </div>
  </div>
</div>
</section>
</div>
<?php /*?>
<script>
   $(document).ready(function() {
	resetcheckbox();
	$('#selectall').click(function(event) {  //on click
		if (this.checked) { // check select status
			$('.checkbox1').each(function() { //loop through each checkbox
				this.checked = true;  //select all checkboxes with class "checkbox1"
			});
		} else {
			$('.checkbox1').each(function() { //loop through each checkbox
				this.checked = false; //deselect all checkboxes with class "checkbox1"
			});
		}
	});
	$("#del_all").on('click', function(e) {
		e.preventDefault();
		var checkValues = $('.checkbox1:checked').map(function()
		{
			return $(this).val();
		}).get();
		console.log(checkValues);

		$.each( checkValues, function( i, val ) {
			$("#"+val).remove();
			});
//                    return  false;
		$.ajax({
			url: '<?=site_url("Pdf/task_all");?>',
			type: 'post',
			data: 'ids=' + checkValues
		}).done(function(data) {
			$("#respose").html(data);
			$('#selectall').attr('checked', false);
		});
	});

	function  resetcheckbox(){
	$('input:checkbox').each(function() { //loop through each checkbox
	this.checked = false; //deselect all checkboxes with class "checkbox1"
	   });
	}
});

</script>


<script>
   $(document).ready(function() {
	resetcheckbox();
	$('#selectall').click(function(event) {  //on click
		if (this.checked) { // check select status
			$('.checkbox1').each(function() { //loop through each checkbox
				this.checked = true;  //select all checkboxes with class "checkbox1"
			});
		} else {
			$('.checkbox1').each(function() { //loop through each checkbox
				this.checked = false; //deselect all checkboxes with class "checkbox1"
			});
		}
	});
	$("#del_single").on('click', function(e) {
		e.preventDefault();
		var checkValues = $('.checkbox1:checked').map(function()
		{
			return $(this).val();
		}).get();
		console.log(checkValues);

		$.each( checkValues, function( i, val ) {
			$("#"+val).remove();
			});
//                    return  false;
		$.ajax({
			url: '<?=site_url("Pdf/task_single_invoice");?>',
			type: 'post',
			data: 'ids=' + checkValues
		}).done(function(data) {
			$("#respose").html(data);
			$('#selectall').attr('checked', false);
		});
	});

	function  resetcheckbox(){
	$('input:checkbox').each(function() { //loop through each checkbox
	this.checked = false; //deselect all checkboxes with class "checkbox1"
	   });
	}
});

</script>
<?php */?>
<?php /*?>
<style>
tbody td, tfoot th,thead th {width: 5.5%;float: left;word-wrap: break-word;text-align:justify;text-align: right;}
</style>
<?php  */?>

			<div class='wrap'>
	<div class='content content_pop'>
		<div class="col-md-12">
		   <?=form_open('admin/Adminlte/course_list_search');?>
				<div class="">

				   	<div class="col-md-2 padding_20 emp_style">
						<select id='sel_category' class="form-control input-sm" name="category">
							<option value="" >Select Category</option>
							<?php
							foreach($category as $category1){
								echo "<option value='".$category1['id']."'>".strtoupper($category1['category_code'])." | ".strtoupper($category1['category'])."</option>";
							}
							?>
						</select>
                   </div>

					<div class="col-md-2  padding_20 emp_style">
						<select id='sel_class' class="form-control input-sm" name="class" >
							<option value="" >Select class</option>
						</select>
					</div>
					<div class="col-md-2 padding_20 emp_style">
						<select id='sel_subject' class="form-control input-sm" name="subject" >
							<option value="" >Select subject</option>
						</select>
					</div>

					<div class="col-md-2 padding_20 emp_style">
						<select id='sel_course_list' class="form-control input-sm" name="course" >
							<option value="" >Select course</option>
						</select>
					</div>
					<div class="col-md-2 padding_20">
						<?=form_dropdown('subject_code',$subject_code ,set_value('subject_code',$data_taskpo['subject_code']),['class'=>'form-control input-sm select2 select2-hidden-accessible',
						"tabindex"=>"-1","aria-hidden"=>"true","style"=>"width: 100%;"]);?>
                   </div>

					<div class="col-md-2  padding_20 emp_style">
						<?php $options=array(''=>'Search Type','and'=>'And','or'=>'OR');?>
						<?=form_dropdown('seach_term',$options,set_value('seach_term','and'),['class'=>'form-control input-sm','style'=>'']);?>
					</div>
					<div class="col-md-2  padding_20 emp_style">
						<?php $options=array(''=>'Order By','ASC'=>'Ascending','DESC'=>'Descending','RANDOM'=>'Random');?>
						<?=form_dropdown('order_by',$options,set_value('order_by','ASC'),['class'=>'form-control input-sm']);?>
					</div>

				</div>
				<div class="btn_mrgin1">

				 <?=form_submit('search','search',['class'=>'btn btn-primary btn_mrgin btn-sm']);?>
				</div>
			<?php echo form_close();?>
			</div>
	</div>
</div>
