@extends('layouts/utama')

@section('konten')
<div class="laporan-container">
  <h2 class="text-center mb-4">Laporan Tahun 2023</h2>
  <div class="images-stack">

    <div class="image-wrapper">
      <img 
        src="{{ asset('img/laporan/2023/1.jpg') }}" 
        alt="Halaman 1" 
        class="laporan-image"
      >
    </div>

    <div class="image-wrapper">
      <img 
        src="{{ asset('img/laporan/2023/2.jpg') }}" 
        alt="Halaman 2" 
        class="laporan-image"
      >
    </div>

    <div class="image-wrapper">
      <img 
        src="{{ asset('img/laporan/2023/3.jpg') }}" 
        alt="Halaman 3" 
        class="laporan-image"
      >
    </div>

    <div class="image-wrapper">
      <img 
        src="{{ asset('img/laporan/2023/4.jpg') }}" 
        alt="Halaman 4" 
        class="laporan-image"
      >
    </div>

    <div class="image-wrapper">
      <img 
        src="{{ asset('img/laporan/2023/5.jpg') }}" 
        alt="Halaman 5" 
        class="laporan-image"
      >
    </div>

    <div class="image-wrapper">
      <img 
        src="{{ asset('img/laporan/2023/6.jpg') }}" 
        alt="Halaman 6" 
        class="laporan-image"
      >
    </div>

    <div class="image-wrapper">
      <img 
        src="{{ asset('img/laporan/2023/7.jpg') }}" 
        alt="Halaman 7" 
        class="laporan-image"
      >
    </div>

  </div>
</div>
@endsection