@extends('pwa.template.app.main')
@section('app-content')
  {{-- <div class="blog-details-post-thumbnail" style="background-image: url('{{ asset('storage/' . $entertainment->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 ">
    @switch($entertainment->tipe)
      @case('foto')
        <img src="{{ asset('storage/' . $entertainment->file) }}" alt="">
      @break

      @case('video')
        <video class="w-100" src="{{ asset('storage/' . $entertainment->file) }}" controls></video>
      @break
    @endswitch
    <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">
            <span> {{ $entertainment->judul }}</span>
            <span class="text-muted fs-6">{{ date_format(date_create($entertainment->tanggal), 'd M Y') }}</span>
          </h5>
          <a class="post-catagory mb-3 d-block" href="#">{{ $entertainment->kategori }}</a>
        </div>
      </div>
      <div class="post-content bg-white py-3 mb-3 dir-rtl h-100">
        <div class="container">
          {{ $entertainment->deskripsi }}
        </div>
      </div>
      {{-- <!-- All Comments-->
      <div class="rating-and-review-wrapper bg-white py-3 mb-3 dir-rtl">
        <div class="container">
          <h6>Comments (3)</h6>
          <div class="rating-review-content">
            <ul class="ps-0">
              <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">Very good product. It's just amazing!</p><span class="name-date">Designing World
                    12 Dec 2022</span>
                </div>
              </li>
              <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>Submit A Comment</h6>
          <form action="#" method="">
            <div class="mb-3">
              <textarea class="form-control" id="comments" name="comment" cols="30" rows="10"
                placeholder="Write your comment..."></textarea>
            </div>
            <button class="btn btn-primary" type="submit">Post Comment</button>
          </form>
        </div>
      </div> --}}
    </div>
  </div>
@endsection