<?php echo $header;?>
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>Product List</h1>
      <ol class="breadcrumb">
        <li><a href="dashboard"><i class="fa fa-dashboard"></i>Dashboard</a></li>
        <li class="active">Product 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="row">
              <?php if(isset($filter_name)){?> Filter Name : 
                <?php echo $filter_name; ?>
                <a href="<?php echo base_url();?>admin/product">All Products</a>
                <?php } ?>
               
               <div class="col-md-2">
                <a class="btn btn-primary" href="<?php echo base_url();?>admin/product/export_csv" id="export_btn">Export List</a>
               </div>
               <div class="col-md-3">
                 <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_product" id="delete_all_product" 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-3">
                 <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 remove_activated">Deactivate</button>
                   </div>
                 </div>
               </div>
             </div>
          
            <div class="row">
            <form id="category" method="GET">
            <div class="col-md-6">
            <select class="form-control" name="product_category" id="product_category" onchange="this.form.submit()">
                <option value="">Select Category Type</option>
                  <?php                      
                      foreach($category as $categories){
                        echo '<option value="'.$categories->id.'">'.$categories->category_name.'</option>';
                      
                     }
                    ?>
                </select>
            </form>    
            </div>

            <form id="subcategory" method="GET">
            <div class="col-md-6">
            <select class="form-control" name="product_subcategory" id="product_subcategory" onchange="this.form.submit()">
                  <option value="">Select SubCategory Type</option>
                  <?php                      
                      foreach($subcategory as $categor){
                        echo '<option value="'.$categor->id.'">'.$categor->name.'</option>';
                      }
                     
                    ?>
                </select>
            </form>    
            </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>Product Name</th>
                  <th>Status</th>
                  <th style="width: 230px;">Make Featured Product</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->product_name;?>-<?php echo $data->product_tagline;?></td>               
                 
                 <td> 
                  <?php $status = $data->status; 
                  if ($status == 'active') {?> 
                      <a title="Click to Deactivate" href="<?php echo base_url();?>admin/product/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/product/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> 
                  <?php $featured = $data->is_featured; 
                  if ($featured == 'no') {?> 
                      <a title="Click To Remove Featured" href="<?php echo base_url();?>admin/product/update_featured?sid=<?php echo $data->id;?>&svalue=<?php echo $featured?>" class="btn btn-danger"><span class="fa fa-toggle-off"></a> 
                  <?php } else {?> 
                      <a title="Click to Make Featured" href="<?php echo base_url();?>admin/product/update_featured?sid=<?php echo $data->id;?>&svalue=<?php echo $featured?>" class="btn btn-success"><span class="fa fa-toggle-on"></a> 
                  <?php } ?>
                </td>
                
                <td>              
                    <a class="edit" href="<?php echo base_url();?>admin/product/edit/<?php echo $data->id;?>"><i class="fas fa-external-link-square-alt"></i></a>
                       <a class="Copy" href="<?php echo base_url();?>admin/product/duplicate/<?php echo $data->id;?>"><i class="fas fa-copy"></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/product/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/product/delete"); ?>/"+record_id;     
        window.location.href=location;
     });
     
  });

  </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 Product</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/product/delete_product",
    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_product').click(function(){
 
   $.ajax({
    url:"<?php echo base_url(); ?>admin/product/deleteproduct",
    method:"POST",
    success:function()
    {
      alert('Records Deleted Successfully');

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

});
</script>


<script>
$(document).ready(function(){
 
 $('.make_featured').click(function(){
   debugger;
  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/product/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/product/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/product/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/product/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>