@extends('frontend.layouts.master')
@section('content')
<div class="about_block">
  <div class="container">
      <div class="row align-items-center justify-content-start">
          <div class="col-md-7 aos-init aos-animate" data-aos="fade-right" data-aos-delay="0"
              data-aos-duration="800">
              <div class="hero-block-content">
                  <h1 class="hero-block-content-title text-white pb-1 m-0">Product</h1>
                  <div class="breadcrumb-div">
                      <nav aria-label="breadcrumb" style="--bs-breadcrumb-divider: '>';">
                          <ol class="breadcrumb m-0">
                              <li class="breadcrumb-item"><a href="{{route('frontend.index')}}"
                                      class="breadcrumb-item-link fs-5">Home</a></li>
                              <li class="breadcrumb-item active fs-5" aria-current="page">product</li>
                          </ol>
                      </nav>
                  </div>
              </div>
          </div>
      </div>
  </div>
</div>
@if(!empty($product) && ($product)->count() > 0)
<div class="what-we-offer section-block pt-3">
  <div class="container">
      <div class="row">
        <div class="row pb-3 g-3">
            @foreach($product as $products)
              <div class="col-md-3 col-lg-3 col-6 mt-md-3 mt-0 mb-3">
                  <div class="service-card-block">
                    <div class="service-card-block-img-">
                      <img src="{{$products->image}}" class="img-fluid">
                  </div>
                    <div class="service-card-block-content-">
                      <h3 class="service-card-block-content-title mt-2">
                        <a href="{{ $products->product_link }}">{{$products->title}}</a>
                      </h3>
                      <p class="text-over service-card-block-content-subtitle mb-2">{!!$products->description!!}</p>
                      <div class="btn-div">
                        <a class="nav-btn w-100 text-center" href="{{$products->product_link}}">Aplly Now <i class="bi bi-arrow-right ps-2"></i> </a>
                      </div>
                      </div>
                  </div>
              </div>
              @endforeach
          </div>
          {{-- <div class="row pt-4">
              <nav aria-label="Page navigation example">
                  <ul class="pagination justify-content-center m-0">
                    <li class="page-item">
                      <a class="page-link" href="#" aria-label="Previous">
                        <span aria-hidden="true">&laquo;</span>
                      </a>
                    </li>
                    <li class="page-item"><a class="page-link" href="#">1</a></li>
                    <li class="page-item"><a class="page-link" href="#">2</a></li>
                    <li class="page-item"><a class="page-link" href="#">3</a></li>
                    <li class="page-item">
                      <a class="page-link" href="#" aria-label="Next">
                        <span aria-hidden="true">&raquo;</span>
                      </a>
                    </li>
                  </ul>
                </nav>
          </div> --}}
      </div>
  </div>
</div>
@endif

@endsection