@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">Branches Store</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"> Branches Store Table</li>
                </ol>
              </nav>
            </div><br>
            <div class="col-12 ">
                   <form method="GET" class="makeITinline" action="/showAddBranchepage">
                         
                          <input type="hidden" name="StoreID" value="">
                          <button class="btn btn-sm btn-neutral">New Branch+</button>
                  </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">Branch Store table</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">Store image</th>
                    <th scope="col" class="sort" data-sort="name">branch Name</th>
                    <th scope="col" class="sort" data-sort="name">branch Name Ar </th>
                    <th scope="col" class="sort" data-sort="status">Status</th>
                    <th scope="col" class="sort" data-sort="status">location name en</th>
                    <th scope="col" class="sort" data-sort="status">location name ar</th>
                    <th scope="col" class="sort" data-sort="status">latitude</th>
                    <th scope="col" class="sort" data-sort="status">longitude</th>
                    <th scope="col" class="sort" data-sort="completion">action</th>
                  </tr>
                </thead>
                <tbody class="list">
                    @foreach($Branches as $branch)
                    <tr id="Branch{{$branch['id']}}">
                        
                        
                        <td><img src={{$branch['Store_image']}}  width="75" ></td>
                        <td>{{$branch['branch_name']}}</td>
                        <td>{{$branch['branch_name_ar']}}</td>
                        <td>
                        <span class="badge badge-dot mr-4">
                        @if($branch['Status'] == 0) 
                        <i class="bg-warning"></i>
                        @elseif($branch['Status'] == 1)
                        <i class="bg-success"></i>
                        @endif
                        </span>
                        <span class="status">
                        @if($branch['Status'] == 0) 
                        InActive
                        @elseif($branch['Status'] == 1)
                        Active
                        @endif
                        </span>
                        
                        </td>
                        <td>{{$branch['location_name_en']}}</td>
                        <td>{{$branch['location_name_ar']}}</td>
                        <td>{{$branch['latitude']}}</td>
                        <td>{{$branch['longitude']}}</td>
                        <td>
                            
          
    
                    <form method="GET"  class="makeITinline" action="/EditBranch">
                        
                        <input type="hidden" name="branchId" value="{{$branch['id']}}" >
                        
                    <button type="submit" class="btn btn-outline-primary">
                    <i class="fas fa-pencil-alt"></i>
                    </button>
                    </form>


        
                    <form   class="makeITinline"  >
                    <button type="button"class="btn btn-outline-danger" id="DeleteBranch" onsubmit="return false"  onclick='deleteBranch("{{$branch['id']}}")'><i class="fas fa-trash-alt"></i></button>
                    </form>
                
                
                
                        </td>
                        
                    </tr>
                    @endforeach
                </tbody>
              </table>
            </div>
            <!-- Card footer -->
            <!--<div class="card-footer py-4">-->
            <!--  <nav aria-label="...">-->
            <!--    <ul class="pagination justify-content-end mb-0">-->
            <!--      <li class="page-item disabled">-->
            <!--        <a class="page-link" href="#" tabindex="-1">-->
            <!--          <i class="fas fa-angle-left"></i>-->
            <!--          <span class="sr-only">Previous</span>-->
            <!--        </a>-->
            <!--      </li>-->
            <!--      <li class="page-item active">-->
            <!--        <a class="page-link" href="#">1</a>-->
            <!--      </li>-->
            <!--      <li class="page-item">-->
            <!--        <a class="page-link" href="#">2 <span class="sr-only">(current)</span></a>-->
            <!--      </li>-->
            <!--      <li class="page-item"><a class="page-link" href="#">3</a></li>-->
            <!--      <li class="page-item">-->
            <!--        <a class="page-link" href="#">-->
            <!--          <i class="fas fa-angle-right"></i>-->
            <!--          <span class="sr-only">Next</span>-->
            <!--        </a>-->
            <!--      </li>-->
            <!--    </ul>-->
            <!--  </nav>-->
            <!--</div>-->
          </div>
        </div>
      </div>
      <!-- Dark table -->



@endsection