@extends('layouts.app')

@section('content')
@include('layouts.sidebar')

<div class="page-content-wrapper py-3">



<!-- Top Products-->
<div class="top-products-area product-list-wrap">
  <div class="container">
    <div class="row g-3">

      <!-- Single Top Product Card -->
        @foreach($user as $staff)
            <div class="col-12">
                <div class="card single-product-card">
                    <div class="card-body">
                        <div class="d-flex align-items-center">
                        <div class="card-side-img">
                            <!-- Product Thumbnail -->
                            <a class="product-thumbnail d-block" href="shop-details.html">
                            @if ($staff->profile_photo)
								<img height="400" width="150" src="{{ URL::to('/') }}/uploads/profile/{{ $staff->profile_photo }}" alt="">
                            @else
								<img src="img/bg-img/no-image.jpg" alt="">
                            @endif
                            <!-- Badge -->
                            <span class="badge bg-primary">Staff</span>
                            </a>
                        </div>

                        <div class="card-content px-4 py-2">
                            <!-- Product Title -->
                            <a class="product-title d-block text-truncate mt-0" href="shop-details.html">{{ $staff->name }}</a>
                            <!-- Product Price -->
                            <p class="sale-price">{{ $staff->phone_number }}</span></p>
                            <!-- Add To Cart Button -->
                            <a class="btn btn-primary rounded-pill btn-sm" href="{{ route('view-staff', $staff->id) }}">View</a>
                            <a class="btn btn-primary rounded-pill btn-sm" href="{{ route('edit-staff', $staff->id) }}">Edit</a>
                            <a class="btn btn-primary rounded-pill btn-sm" href="{{ route('delete-staff', $staff->id) }}">Delete</a>
                        </div>
                        </div>
                    </div>
                </div>
            </div> 
        @endforeach
    </div>
  </div>

   <!-- Pagination-->
   <div class="shop-pagination pt-3">
      <div class="container">
        <div class="card">
          <div class="card-body py-3">
            <nav aria-label="Page navigation example">
              <ul class="pagination pagination-two justify-content-center">
                {!! $user->links() !!}
              </ul>
            </nav>
          </div>
        </div>
      </div>
    </div>
</div>
@endsection