<?php echo $header;?>
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>channel List</h1>
      <ol class="breadcrumb">
        <li><a href="dashboard"><i class="fa fa-dashboard"></i>Dashboard</a></li>
        <li class="active">channel List</li>
      </ol>
    </section>
    <!-- Main content -->
    <section class="content">
      <div class="row">
        <div class="col-xs-12">
          <div class="box">
            
          
              <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>SNO</th>
                  <th>Position</th>
                  <th>Client Name</th>
                  <th style="width: 230px;">Action</th>
                  
                </tr>
                </thead>
                <tbody>
                <?php if(!empty($content_array)){
                    $i=1;
                    foreach($content_array as $data){
                    ?>
                <tr>
                  <td><?php echo $i; ?> </td>
                  <td><?php echo $data->position;?></td>
                  <td><?php echo $data->client_name;?></td>
                  
                 
                  <td>              
                    <a class="edit" href="<?php echo base_url();?>admin/channel/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/channel/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/channel/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 channel</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/channel/delete_channel",
    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_channel').click(function(){
 
   $.ajax({
    url:"<?php echo base_url(); ?>admin/channel/deletechannel",
    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/channel/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/channel/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/channel/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/channel/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>