@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($customers as $customer)
            <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">
                        
                        </div>

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

   <!-- Pagination-->
   @if( $customers->hasPages() )
       <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">
                    {!! $customers->links() !!}
                  </ul>
                </nav>
              </div>
            </div>
          </div>
        </div>
    @endif 
</div>
@endsection