@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">Supermarkets</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">Supermarkets table</li>
                </ol>
              </nav>
            </div>
                            @if(Auth::user()->role == "All")

            <div class="col-12">
              <a href="{{Route('AddSupermarket')}}" class="btn btn-sm btn-neutral">New Supermarket +</a>
            </div>
            @endif
          </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">Supermarkets table</h3> <br>
              
                  <input class="form-control" id="myInput" type="text" placeholder="Search..">

              
            </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="name">Supermarkets name </th>
                    <th scope="col" class="sort" data-sort="budget">Supermarkets image</th>
                    <th scope="col" class="sort" data-sort="status">Status</th>
                    <th scope="col" class="sort" data-sort="status">Address</th>
                    <th scope="col" class="sort" data-sort="status">Tax</th>
                    <th scope="col" class="sort" data-sort="status">MobileNumber</th>
                    <th scope="col" class="sort" data-sort="status">Delivery Free</th>
                    <th scope="col" class="sort" data-sort="status">Rate</th>
                    <th scope="col" class="sort" data-sort="completion">action</th>
                    <th scope="col"></th>
                  </tr>
                </thead>
                <tbody class="list" id="myTable">
                    
                    

                    @foreach($data['data'] as $Supermarkets)
    
                        @if(!empty(Auth::user()->role) && isset(Auth::user()->role) && Auth::user()->role == 4)
                            @if(Auth::user()->StoreID == $Supermarkets['branch_id'])
                                 @include('SupermarketTable')
                            @break
                            @endif
                        @else
                           @include('SupermarketTable')
                        @endif
                    @endforeach
                    
                    
                    
       
                </tbody>
              </table>
            </div>
         
            <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='Supermarkets' id="PaginationResturentPrevious">
                                <input type="hidden" name="page" value="RHAxOUxjYkQxN0wzYjBTV0RPY2dxQT09">
                                </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='Supermarkets' id="PaginationResturentcurrent{{$i}}">
                                                    <input type="hidden" name="page" value="dWhnbThFazFVMVRHQ3NzSXNGdXdJZz09">
                                                    </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='Supermarkets' id="PaginationResturentNext">
                        <input type="hidden" name="page" value="RHAxOUxjYkQxN0wzYjBTV0RPY2dxQT09">
                        </form>
                        @endif
                     
                </ul>
              </nav>
            </div>
          </div>
        </div>
      </div>
      <!-- Dark table -->


    

@endsection