@extends('layouts.app')

@section('content')
<h2 class="fs-15 text-center text-muted mb-3">HALO MASBUP</h2>
<h2 class="display-4 mb-3 text-center">DAFTAR LAPORAN KAMU</h2>
<p class="lead text-center mb-6 px-md-16 px-lg-0">Hai warga kediri, {{$count_data}} laporan kamu ditemukan. Ayo pantau terus perkembangannya.</p>
<div class="position-relative">
  <div class="shape rounded-circle bg-soft-yellow rellax w-16 h-16" data-rellax-speed="1" style="bottom: 0.5rem; right: -1.7rem;"></div>
  <div class="shape bg-dot primary rellax w-16 h-16" data-rellax-speed="1" style="top: -1rem; left: -1.7rem;"></div>
  <div class="swiper-container dots-closer mb-6" data-margin="0" data-nav="true" data-dots="true" data-items-xl="2" data-items-md="2" data-items-xs="1">
    <div class="swiper">
      <div class="swiper-wrapper">
      @foreach ($data as $key => $value)
        <div class="swiper-slide">
          <div class="item-inner">
            <div class="card">
              <div class="card-body">
                <blockquote class="icon mb-0">
                  <div class="blockquote-details">
                    <span class="badge gradient-1 rounded-pill"> #{{$value->aduan_id}} </span>
                    <div class="info">
                      <h5 class="mb-1">Laporan</h5>
                      <p class="mb-0">{{$value->aduan_date}}</p>
                    </div>
                  </div>
                  <p>{{$value->aduan_pesan}}</p>
                  <div class="text-center">
                    <form method="POST" action="{{ route('halo_masbup.detail_laporan')}}">
                      @csrf
                      <input type="hidden" name="tiket" id="tiket" value="{{$value->aduan_id}}">
                      <input type="hidden" name="gambar" id="gambar" value="{{$value->gambar}}">
                      <button type="submit" class="btn btn-sm btn-primary btn-icon btn-icon-start rounded">  <i class="uil uil-eye"></i> Detail </button>
                    </form>
                  </div>
                </blockquote>
              </div>
            </div>
          </div>
        </div>
        @endforeach
        <!--/.swiper-slide -->
        
      </div>
      <!--/.swiper-wrapper -->
    </div>
    <!-- /.swiper -->
  </div>
  <!-- /.swiper-container -->
</div>
<!-- /.position-relative -->
@endsection

@section('script')
<script>

</script>
@endsection