@extends('pwa.template.app.main')
@section('app-content')
  {{-- <div class="blog-details-post-thumbnail" style="background-image: url('{{ asset('storage/' . $laporan->file) }}')">
    <div class="container">
      <div class="post-bookmark-wrap">
        <!-- Post Bookmark--><a class="post-bookmark" href="#"><i class="fa-solid fa-bookmark"></i></a>
      </div>
    </div>
  </div> --}}
  <div class="container px-0 ">
    <img src="{{ asset('storage/' . $laporan->foto) }}" alt="">
    <div class="product-description pb-3">
      <!-- Product Title & Meta Data-->
      <div class="product-title-meta-data bg-white mb-3 py-3 dir-rtl" style="border-radius: 0;">
        <div class="container">
          <h5 class="post-title d-flex justify-content-between mb-0">
            <span> {{ $laporan->nama }}</span>
            <span class="text-muted fs-6">{{ date_format(date_create($laporan->tanggal), 'd M Y') }}</span>
          </h5>
          <p>Pelapor : {{ $laporan->user->nama }}</p>
          <span class="post-catagory d-block"><i class="fa-solid fa-location-dot me-1"></i>{{ $laporan->lokasi }}</span>
        </div>
      </div>
      <div class="post-content bg-white py-3 mb-3 dir-rtl h-100">
        <div class="container">
          <h6>Keterangan Laporan</h6>
          {{ $laporan->keterangan }}
        </div>
      </div>
      @if ($laporan->tanggapan != null)
        <div class="post-content bg-white py-3 mb-3 dir-rtl h-100">
          <div class="container">
            <h6>Tanggapan Admin</h6>
            {{ $laporan->tanggapan }}
          </div>
        </div>
      @endif
      <!-- All Comments-->
      <div class="rating-and-review-wrapper bg-white py-3 mb-3 dir-rtl">
        <div class="container">
          <h6>Komentar Warga ({{ count($comments) }})</h6>
          <div class="rating-review-content">
            <ul class="ps-0">
              @foreach ($comments as $c)
                <li class="single-user-review d-flex">
                  <div class="user-thumbnail mt-0"><img src="img/bg-img/7.jpg" alt=""></div>
                  <div class="rating-comment">
                    <p class="comment mb-0">{{ $c->message }}</p>
                    <span class="name-date">{{ $c->from }}</span>
                  </div>
                </li>
              @endforeach
              {{-- <li class="single-user-review d-flex">
                <div class="user-thumbnail mt-0"><img src="img/bg-img/8.jpg" alt=""></div>
                <div class="rating-comment">
                  <p class="comment mb-0">Very excellent product. Love it.</p><span class="name-date">Designing World 8
                    Dec 2022</span>
                </div>
              </li>
              <li class="single-user-review d-flex">
                <div class="user-thumbnail mt-0"><img src="img/bg-img/9.jpg" alt=""></div>
                <div class="rating-comment">
                  <p class="comment mb-0">What a nice product it is. I am looking it's.</p><span
                    class="name-date">Designing
                    World 28 Nov 2022</span>
                </div>
              </li> --}}
            </ul>
          </div>
        </div>
      </div>
      <!-- Comment Form-->
      <div class="ratings-submit-form bg-white py-3 dir-rtl">
        <div class="container">
          <h6>Berikan komentar anda</h6>
          <form action="{{ route('list-laporan.comment', $laporan->id) }}" method="post">
            @csrf
            <div class="mb-3">
              <textarea class="form-control" id="comments" name="message" cols="30" rows="10"
                placeholder="Tulis komentar anda ..."></textarea>
            </div>
            <button class="btn btn-primary" type="submit">Posting Komentar</button>
          </form>
        </div>
      </div>
    </div>
  </div>
@endsection