<?php include('config.php');
include('checksession.php');
include('include/header.php');
?>

      <!-- Content Wrapper. Contains page content -->
      <div class="content-wrapper">
      <!-- Main content -->
      <section class="content">
         <div class="container-fluid">
         <div class="row">
            <div class="col-12">
               <div class="card card-primary">
                  <div class="card-header">
                     <h4 class="card-title">All Banner <a href="add_banner.php"  class="btn btn-tool btn-danger"  style="background:rgb(203, 114, 13); margin:0 0 0 30px; border:none;">
                        Add Banner</a></h4>
                     <div class="card-tools">
                        <button type="button" class="btn btn-tool" data-card-widget="collapse" title="Collapse">
                        <i class="fas fa-minus"></i>
                        </button>
                        <button type="button" class="btn btn-tool" data-card-widget="remove" title="Remove">
                        <i class="fas fa-times"></i>
                        </button>
                     </div>
                  </div>
                  <div class="card-body p-0">
                     <table class="table table-striped projects"  id="example4">
                        <thead>
                           <tr>
                              <th style="width: 1%">
                                  Sl No
                              </th>
                              <th style="width: 20%">
                                 Title
                              </th>
                               
                              <th style="width: 30%">
                                 Title 1
                              </th>
                              <!--<th style="width: 30%">-->
                              <!--   Right Arrow Text-->
                              <!--</th>-->
                              <th style="width: 20%">
                                 Desktop Image
                              </th>
                              <th style="width: 20%">
                                 Mobile Image
                              </th>
                              
                               
                             
                              <th style="width: 20%">
                                  Action
                              </th>
                           </tr>
                        </thead>
                        <tbody>
                            <?php 
                            $i=1;
                            $query=mysqli_query($conn,"select * from  tbl_slider  order by id asc");
                            while($row=mysqli_fetch_array($query)){ 
                          
                            ?>
                           <tr id="tr_<?=$row['id'];?>">
                              <td>
                               <?=$i;?>
                              </td>
                              <td>
                                
                                <?=$row['title'];?>
                                
                              </td>
                               <td>
                                
                                <?=$row['title1'];?>
                                
                              </td>
                              <!--<td>-->
                                
                              <!--  <?=$row['right_arrow_text'];?>-->
                                
                              <!--</td>-->
                               
                              <td>
                                 <ul class="list-inline">
                                    <li class="list-inline-item">
                                       <img alt="Avatar" class="table-avatar1" src="upload_image/<?=$row['desk_img'];?>" width="80">
                                    </li>
                                  
                                 </ul>
                              </td>

                               <td>
                                 <ul class="list-inline">
                                    <li class="list-inline-item">
                                       <img alt="Avatar" class="table-avatar1" src="upload_image/<?=$row['mob_img'];?>" width="80">
                                    </li>
                                  
                                 </ul>
                              </td>
                             
                              
                              <td class="project-actions text-right">
                                 <a class="btn btn-info btn-sm" href="edit_banner.php?id=<?=$row['id'];?>">
                                 <i class="fas fa-pencil-alt">
                                 </i>
                                 Edit
                                 </a>
                                 <a class="btn btn-danger btn-sm" href="javascript:void(0);" onclick="delete_banner(<?=$row['id'];?>)">
                                 <i class="fas fa-trash">
                                 </i>
                                 Delete
                                 </a>
                              </td>
                           </tr>
                           
                           <?php 
                           $i++;
                           } ?>
                           
                        </tbody>
                     </table>
                  </div>
                  <!-- /.card-body -->
               </div>
               <!-- /.card -->
      </section>
      <!-- Main content -->
      </div>
      <!-- /.content-wrapper -->
 
 <?php include('include/footer.php');?>
 
 <script>
      function delete_banner(id){
          var result = confirm("Want to delete this banner?");
            if (result) {
                $.ajax({

                            url: 'allajax.php',
                            type:'POST',
                            data: ({ 
                            action: 'delete_banner',
                            'id' :id
                            }),
                          success:function(result){
                            
                            console.log(result);
                            $("#tr_"+id).hide();
                           if(result==1){
                               alert('Banner deleted successfully.');
                               
                           }
                            
                            
                               }
                             });  
            }else{
                return false;
            }   
                     }
                     
 </script>