@extends('pwa.template.app.main')
@section('app-content')
{{-- <div class="blog-details-post-thumbnail" style="background-image: url('{{ asset('storage/' . $ebook->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/' . $ebook->cover) }}" 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">
                    <span> {{ $ebook->judul }}</span>
                    <span class="text-muted fs-6">{{ date_format(date_create($ebook->tanggal), 'd M Y') }}</span>
                </h5>
                <a class="post-catagory mb-3 d-block" href="#">{{ $ebook->category->nama }}</a>
                <a class="mt-3 btn btn-danger w-100" href="{{asset('storage/' . $ebook->file)}}" target="_blank">Baca ebook</a>
                
            </div>
        </div>
        <div class="post-content bg-white py-3 mb-3 dir-rtl h-100">
            <div class="container">
                {!! $ebook->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