@if ($invitations->isEmpty())
    <tr>
      <td colspan="5" class="text-center">لا يوجد دعوات</td>
    </tr>
    @else
    @foreach ($invitations as $invitation)
    <div class="product-wrapper-grid">
      <div class="row">
        <div class="col-xl-3 col-lg-4 col-sm-6">
          <div class="card">
            <div class="product-box">
              <div class="product-img"><img class="img-fluid"
                  src="{{ asset('storage/' . $invitation->qr_image_path) }}" alt="">
                <div class="product-hover">
                  <ul>
                    <li><a href="cart.html"><i class="icon-shopping-cart"></i></a></li>
                    <li><a data-bs-toggle="modal" data-bs-target="#exampleModalCenter"><i class="icon-eye"></i></a></li>
                  </ul>
                </div>
              </div>
              <div class="product-details">
                <div class="rating"><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i
                    class="fa fa-star-o"></i><i class="fa fa-star-o"></i></div><a href="product-page.html">
                  <h3>{{ $invitation->event->event_name }}</h3>
                </a>
                <p>{{ $invitation->event->event_description }}</p>
                <div class="product-price">{{ $invitation->event->event_date }}</div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    @endforeach
    @endif

    @if ($invitations->hasPages())
    <div class="mt-4 me-4">
      {{ $invitations->links('pagination::bootstrap-5') }}
    </div>
    @endif