@extends('theme.partial.master')
@section('page-title', $invitation->event->event_name)
@section('content')

<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>

@endsection