<?php echo $header;?>
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>Feature List</h1>
      <ol class="breadcrumb">
        <li><a href="dashboard"><i class="fa fa-dashboard"></i>Dashboard</a></li>
        <li class="active">Feature List</li>
      </ol>
    </section>
    <!-- Main content -->
    <section class="content">
      <div class="row">
        <div class="col-xs-12">
          <div class="box">
            <!-- /.box-header -->
            <div class="box-body">
        
            <!-- <div class="col-md-3">
                <a class="btn btn-primary" href="<?php echo base_url();?>admin/feature/export_csv">Export List</a>
               </div> -->
               <div class="col-md-4">
                 <div class="row">
                   <div class="col-md-6">
                     <button type="button" name="delete_all" id="delete_all" class="btn btn-danger">Delete</button>
                   </div>
                   <div class="col-md-6">
                    <button type="button" name="delete_all_feature" id="delete_all_feature" class="btn btn-danger">Delete All</button>
                   </div>
                 </div>
               
               </div>
               <div class="col-md-4">
                  <div class="row">
                    <div class="col-md-6">
                      <button type="button" name="make_featured" id="make_featured" class="nam btn btn-sucess">Make Featured</button>
                    </div>
                    <div class="col-md-6">
                      <button type="button" name="remove_featured" id="remove_featured" class="nam btn btn-danger">Remove Featured</button>
                    </div>
                  </div>
               
               </div>
               
               <div class="col-md-4">
                 <div class="row">
                   <div class="col-md-6">
                    <button type="button" name="make_activated" id="make_activated" class="nam btn-sucess">Activate</button>
                   </div>
                   <div class="col-md-6">
                    <button type="button" name="remove_activated" id="remove_activated" class="nam btn-danger">Deactivate</button>
                   </div>
                 </div>
               </div>
             </div>
              <table id="example2"   class="table display table-bordered table-hover">
                <thead>
                <?php if( $this->session->flashdata('message') !='' ){ ?>
                     <tr><td colspan="4" class="err_msg"><?php echo $this->session->flashdata('message'); ?></td></tr>
                <?php }?> 
                <tr>
                  <th>Value</th>
                  <th>SNO</th>
                  <th>Feature Name</th>
                  <th>Status</th>
                  <th style="width: 230px;">Action</th>
                  
                </tr>
                </thead>
                <tbody>
                <?php if(!empty($content_array)){
                    $i=1;
                    foreach($content_array as $data){
                    ?>
                <tr>
                  <td><input type="checkbox" class="delete_check" value="<?php echo $data->id;?>" /></td>
                  <td><?php echo $i;?></td>
                  
                  <td><?php echo $data->feature_name;?></td>               
                  <td> 
                  <?php $status = $data->status; 
                  if ($status == 'active') {?> 
                      <a title="Click to Deactivate" href="<?php echo base_url();?>admin/feature/update_status?sid=<?php echo $data->id;?>&svalue=<?php echo $status?>" class="btn btn success"><span class="fa fa-toggle-on"></a> 
                  <?php } else {?> 
                      <a title="Click to Activate" href="<?php echo base_url();?>admin/feature/update_status?sid=<?php echo $data->id;?>&svalue=<?php echo $status?>" class="btn btn-danger"><span class="fa fa-toggle-off"></a> 
                  <?php } ?>
                </td>
                <td>              
                    <a class="edit" href="<?php echo base_url();?>admin/feature/edit/<?php echo $data->id;?>"><i class="fas fa-external-link-square-alt"></i></a>
                    <a class="delete delete_record" href="javascript:" data-record-id="<?php echo $data->id;?>"><i class="far fa-trash-alt"></i></a>
                </td>
                </tr>
                <?php $i++;} } ?>
            
              </table>
            </div>
            <!-- /.box-body -->
          </div>
        </div>
        <!-- /.col -->
      </div>
      <!-- /.row -->
    </section>
    <!-- /.content -->
  </div>
  <div class="add_more_button">
    <a href="<?php echo base_url();?>admin/feature/add"><span id="add_more_icon"><i class="fa  fa-plus"></i></span><span id="add_more_content">Add More</span></a>
  </div>
  <script type="">
  $(function(){
     $('.delete_record').on('click',function(){
        var record_id=$(this).data('record-id');
        $('.delete_button').attr('data-delete-id',record_id);
        $('#deleteModal').modal('show');
        
     });
     $('.delete_button').on('click',function(){
        var record_id=$(this).data('delete-id');
        var location = "<?php echo urldecode(base_url()."admin/feature/delete"); ?>/"+record_id;     
        window.location.href=location;
     });
     
  });

  </script>
  <script>
  $(document).ready(function() {
    $('#example2').DataTable( {
          
        } );
    });
  </script>
  
<div class="example-modal">
        <div class="modal modal-danger" id="deleteModal">
          <div class="modal-dialog">
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">Delete Feature</h4>
              </div>
              <div class="modal-body">
                <p>Are you sure want to delete.?</p>
              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-outline pull-left" data-dismiss="modal">Cancel</button>
                <button type="button" data-delete-id='' class="btn btn-outline delete_button">Delete</button>
              </div>
            </div>
            <!-- /.modal-content -->
          </div>
          <!-- /.modal-dialog -->
        </div>
        <!-- /.modal -->
</div>  
  <?php echo $footer;?>
  <script>
    $(document).ready( function () {
    $('#example2').DataTable();
    });
  </script>
  

<style>
.removeRow
{
 background-color: #FF0000;
    color:#FFFFFF;
}
</style>

<script>
$(document).ready(function(){
 
 $('.delete_check').click(function(){
  if($(this).is(':checked'))
  {
   $(this).closest('tr').addClass('removeRow');
  }
  else
  {
   $(this).closest('tr').removeClass('removeRow');
  }
 });

 $('#delete_all').click(function(){
  var checkbox = $('.delete_check:checked');
  if(checkbox.length > 0)
  {
   var checkbox_value = [];
   $(checkbox).each(function(){
    checkbox_value.push($(this).val());
   });
   $.ajax({
    url:"<?php echo base_url(); ?>admin/feature/delete_feature",
    method:"POST",
    data:{checkbox_value:checkbox_value},
    success:function()
    {
      alert('Records Deleted Successfully');

     location.reload();
    }
   })
  }
  else
  {
   alert('Select atleast one records');
  }
 });

});
</script>

<script>
$(document).ready(function(){
 
 $('#delete_all_feature').click(function(){
 
   $.ajax({
    url:"<?php echo base_url(); ?>admin/feature/deletefeature",
    method:"POST",
    success:function()
    {
      alert('Records Deleted Successfully');

     location.reload();
    }
   })
  
 });

});
</script>


<script>
$(document).ready(function(){
 
 $('.make_featured').click(function(){
  if($(this).is(':checked'))
  {
   $(this).closest('tr').addClass('removeRow');
  }
  else
  {
   $(this).closest('tr').removeClass('removeRow');
  }
 });

 $('#make_featured').click(function(){
  var checkbox = $('.delete_check:checked');
  if(checkbox.length > 0)
  {
   var checkbox_value = [];
   $(checkbox).each(function(){
    checkbox_value.push($(this).val());
   });
   $.ajax({
    url:"<?php echo base_url(); ?>admin/feature/make_featured",
    method:"POST",
    data:{checkbox_value:checkbox_value},
    success:function()
    {
      alert('Records Updated Successfully');
     location.reload();
    }
   })
  }
  else
  {
   alert('Select atleast one records');
  }
 });

});
</script>

<script>
$(document).ready(function(){
 
 $('.remove_featured').click(function(){
  if($(this).is(':checked'))
  {
   $(this).closest('tr').addClass('removeRow');
  }
  else
  {
   $(this).closest('tr').removeClass('removeRow');
  }
 });

 $('#remove_featured').click(function(){
  var checkbox = $('.delete_check:checked');
  if(checkbox.length > 0)
  {
   var checkbox_value = [];
   $(checkbox).each(function(){
    checkbox_value.push($(this).val());
   });
   $.ajax({
    url:"<?php echo base_url(); ?>admin/feature/remove_featured",
    method:"POST",
    data:{checkbox_value:checkbox_value},
    success:function()
    {
      alert('Records Updated Successfully');
     location.reload();
    }
   })
  }
  else
  {
   alert('Select atleast one records');
  }
 });

});
</script>


<script>
$(document).ready(function(){
 
 $('.make_activated').click(function(){
  if($(this).is(':checked'))
  {
   $(this).closest('tr').addClass('removeRow');
  }
  else
  {
   $(this).closest('tr').removeClass('removeRow');
  }
 });

 $('#make_activated').click(function(){
  var checkbox = $('.delete_check:checked');
  if(checkbox.length > 0)
  {
   var checkbox_value = [];
   $(checkbox).each(function(){
    checkbox_value.push($(this).val());
   });
   $.ajax({
    url:"<?php echo base_url(); ?>admin/feature/make_activated",
    method:"POST",
    data:{checkbox_value:checkbox_value},
    success:function()
    {
     alert('Records Activated Successfully');
     location.reload();
    }
   
   })
  }
  else
  {
   alert('Select atleast one records');
  }
 });

});
</script>

<script>
$(document).ready(function(){
 
 $('.remove_activated').click(function(){
  if($(this).is(':checked'))
  {
   $(this).closest('tr').addClass('removeRow');
  }
  else
  {
   $(this).closest('tr').removeClass('removeRow');
  }
 });

 $('#remove_activated').click(function(){
  var checkbox = $('.delete_check:checked');
  if(checkbox.length > 0)
  {
   var checkbox_value = [];
   $(checkbox).each(function(){
    checkbox_value.push($(this).val());
   });
   $.ajax({
    url:"<?php echo base_url(); ?>admin/feature/remove_activated",
    method:"POST",
    data:{checkbox_value:checkbox_value},
    success:function()
    {
      alert('Records De-activated Successfully');
      location.reload();
    }
   })
  }
  else
  {
   alert('Select atleast one records');
  }
 });

});
</script>