<?= $this->extend('App\Views\website\index') ?>
<?= $this->section('content') ?>
<section class="about-hero" style="background: linear-gradient(rgba(17, 26, 76, 0.85), rgba(17, 26, 76, 0.9)), 
url(<?= $singleEvent->photo; ?>) no-repeat;background-size: cover;background-position: top center;">
  <div class="container">
      <div class="row">
          <div class="col-xxl-8 col-xl-9 mx-auto">
              <h2 data-aos="fade-up"><?= $singleEvent->event_name;?></h2>
                <nav class="breadcrumb" data-aos="fade-up">
                    <a href="<?= base_url(); ?>">Home</a> &raquo; &nbsp;<a href="<?= base_url('upcoming-events'); ?>">Events</a> &raquo; <span class="ms-2"><?= $singleEvent->event_name;?></span>
                </nav>
          </div>
      </div>
  </div>
</section>
<section class="events-area">
    <div class="container">
        <div class="row">
            <div class="col-xl-9 col-md-8 mb-3">
                <div class="card shadow-sm">
                    <img src="<?= $singleEvent->photo?>" class="img-fluid rounded">
                    <div class="meta-details">
                        
                    </div>
                </div><!-- card !-->
            </div><!-- main !-->
            <div class="col-xl-3 col-md-4 mb-3"></div><!-- sidebar !-->
        </div>
    </div>
</section>


<?= $this->endSection() ?>