@extends('header.header')
@section('content')

<div class="header bg-primary pb-6  pt-5">
      <div class="container-fluid">
        <div class="header-body">
          <div class="row align-items-center py-4">
            <div class="col-lg-6 col-7">
              <h6 class="h2 text-white d-inline-block mb-0">Slider</h6>
              <nav aria-label="breadcrumb" class="d-none d-md-inline-block ml-md-4">
                <ol class="breadcrumb breadcrumb-links breadcrumb-dark">
                  <li class="breadcrumb-item"><a href="#"><i class="fas fa-home"></i></a></li>
                  <li class="breadcrumb-item"><a href="/">Dashboard</a></li>
                  <li class="breadcrumb-item active" aria-current="page">Slider table</li>
                </ol>
              </nav>
            </div>
            <div class=" col-12">



              <form method="GET" id="myForm" action="/Slider" style="display: inline-block;">
                @csrf
                <input type="hidden" name="vendor_id" value=1 >
                 <input type="hidden" name="sliderType" value="vendor" >

                sliderType
                    <a href="#" class="btn btn-sm btn-neutral" onclick="document.getElementById('myForm').submit();">Restaurants Slider</a>
               </form>

               <form method="GET" id="myForm2" action="/Slider" style="display: inline-block;">
                @csrf
                <input type="hidden" name="vendor_id" value=2 >
                                 <input type="hidden" name="sliderType" value="vendor" >

                    <a href="#" class="btn btn-sm btn-neutral" onclick="document.getElementById('myForm2').submit();">Supermarket Slider</a>
               </form>

               <form method="GET" id="myForm3" action="/Slider" style="display: inline-block;">
                @csrf
                <input type="hidden" name="vendor_id" value=3 >
                                 <input type="hidden" name="sliderType" value="vendor" >

                    <a href="#" class="btn btn-sm btn-neutral" onclick="document.getElementById('myForm3').submit();">Pharmacies Slider</a>
               </form>




            </div>
          </div>
        </div>
      </div>
    </div>


    <div class="container-fluid mt--6">
      <div class="row">
        <div class="col">
          <div class="card">
            <!-- Card header -->
            <div class="card-header border-0">
              <h3 class="mb-0">
  
         
              
                 <div class=""> 
                                    </div>
                       </h3>
            </div>
            <!-- Light table -->
            <div class="table-responsive">
              <table class="table align-items-center table-flush">
                <thead class="thead-light">
                  <tr>
                    <th scope="col" class="sort" data-sort="budget">Slider image</th>

                    <th scope="col" class="sort" data-sort="status">Status</th>



                    <th scope="col" class="sort" data-sort="completion">action</th>
                    <th scope="col"></th>
                  </tr>
                </thead>
                <tbody class="list">
                    @foreach($data['data'] as $slider)
                    

                    @if($slider['vendor_id'] == $vendor_id )
                    <tr id="slider{{$slider['id']}}">
                      <td>
                          <img src={{$slider['Silder_image']}} width="75" >
                       </td>
                       
                       

            
                      <td>
                        <span class="badge badge-dot mr-4">
                            Active
                        <!--@if($slider['Status'] == 0) -->
                        <!--  <i class="bg-warning"></i>-->
                        <!--  @elseif($slider['Status'] == 1)-->
                        <!--  <i class="bg-success"></i>-->
                        <!--  @endif-->
  
                        <!--  <span class="status">-->
                        <!--      @if($slider['Status'] == 0) -->
                        <!--      InActive-->
                        <!--      @elseif($slider['Status'] == 1)-->
                        <!--      Active-->
                        <!--      @endif-->
                        <!--  </span>-->
                        </span>
                      </td>
             
            

    
               

  
                
                      <td id="ignorStyle">
                
                
                
                <form method="GET" class="makeITinline" action="/EditSliderPage">
                  @csrf
                  <input type="hidden" name="sliderID" value="{{$slider['id']}}">
                  
    

                  <button class="btn btn-outline-primary" id="updateCat"  ><i class="fas fa-pencil-alt"></i></button>
                </form>





             


            
                     
                        
          





                    <form   class="makeITinline"  >
                    
                    

                    <button type="button"class="btn btn-outline-danger" id="DeleteSlider" onsubmit="return false"  onclick="Deleteslider('{{$slider['id']}}')"><i class="fas fa-trash-alt"></i></button>

                    </form>
                      </td>
                    </tr>
                    @endif

 
                    @endforeach
  

                </tbody>
              </table>
            </div>
            <!-- Card footer -->
            <div class="card-footer py-4">
              <nav aria-label="...">
                <ul class="pagination justify-content-end mb-0">
                    
                              @if(isset($data['prev_page_url']) && $data['prev_page_url'] != NULL )
                                    <li class="page-item ">
                                    <a class="page-link"   tabindex="-1" onclick="event.preventDefault();document.getElementById('PaginationResturentPrevious').submit()">
                                    <i class="fas fa-angle-left"></i>
                                    <span class="sr-only">Previous</span>
                                    </a>
                                    </li> 
                                    <form action='Slider' id="PaginationResturentPrevious">
                                    <input type="hidden" name="page" value="RHAxOUxjYkQxN0wzYjBTV0RPY2dxQT09">
                                      <input type="hidden" name="vendor_id" value="">
                                      <input type="hidden" name="sliderType" value="vendor">

                                   
                                     
                                    </form>
                                    @endif
                                    
                                    
                                    @if($data['current_page'] <= 4)
                                        
                                                                                @else
                                               @if($data['current_page']==$data['last_page'])
                                                                                                     @else
                                                                                                           
                                                             @if($data['current_page'] >= $last4page && $data['current_page']< $data['last_page'])
                                                         
                                                                                                                    
                                                             @else
                                                       
                                                                                                                     
                                                             @endif
                                                   
                                                   
                                               
                                               @endif
                                    @endif
                                    
                                    
                                            @for($i =$from;$i <= $to;$i++)
                                                        @if($data['current_page'] ==  $i)
                                                        <li class="page-item active">
                                                        <a class="page-link" onclick="event.preventDefault();document.getElementById('PaginationResturentcurrent{{$i}}').submit()">{{$i}}</a>
                                                        </li>
                                                        @else
                                                         <li class="page-item ">
                                                        <a class="page-link" onclick="event.preventDefault();document.getElementById('PaginationResturentcurrent{{$i}}').submit()">{{$i}}</a>
                                                        </li>
                                                        @endif
                                                        
                                                        <form action='Slider' id="PaginationResturentcurrent{{$i}}">
                                                        <input type="hidden" name="page" value="dWhnbThFazFVMVRHQ3NzSXNGdXdJZz09">
                                                        <input type="hidden" name="vendor_id" value="">
                                                        <input type="hidden" name="sliderType" value="vendor">
                                                        </form>
                                              
                                            @endfor
                                            
                                            
                                 
                
                              
                         
                 
                               
                               
                               @if(isset($data['next_page_url']) && $data['next_page_url'] != NULL  )
                              <li class="page-item">
                                <a class="page-link" onclick="event.preventDefault();document.getElementById('PaginationResturentNext').submit()">
                                  <i class="fas fa-angle-right"></i>
                                  <span class="sr-only">Next</span>
                                </a>
                              </li>
                            <form action='Slider' id="PaginationResturentNext">
                                <input type="hidden" name="page" value="RHAxOUxjYkQxN0wzYjBTV0RPY2dxQT09">
                                <input type="hidden" name="vendor_id" value="">
                                <input type="hidden" name="sliderType" value="vendor">
                            </form>
                            @endif
                            
                            
                </ul>
              </nav>
            </div>
          </div>
        </div>
      </div>
      <!-- Dark table -->


    

@endsection