@extends('layouts.frontend')
@section('title')
{{ $book->title }}
@endsection
@section('meta')
<meta property="og:image" content="{{ $book->cover_image ? $book->cover_image->getUrl() : '/img/placeholder.jpg' }}">
<meta property="og:description" content="Oleh: {{ $book->author->name ?? '-' }}, Keyword: {{ $book->keywords ?? "-" }}">
@endsection
@section('content')
<div class="container">

    <div class="row">
        <div class="col-md-3 pb-2">
            <img src="{{ $book->cover_image ? $book->cover_image->getUrl() : '/img/placeholder.jpg' }}" width="100%">
            <div class="d-block d-sm-none mt-2">
                <h4>{{ $book->title }}</h4>
                <div><strong>{{ $book->version }}</strong></div>
                <div class="pb-2"><i class="fa fa-user"></i> <a href="{{ route('guest.author', $book->author->id) }}">{{ $book->author->name ?? '' }}</a></div>
                @foreach($book->categories as $category)
                    <a href="{{ route('guest.category', $category->name) }}"><span class="badge badge-info">{{ $category->name }}</span></a>
                @endforeach
                <div class="rating pt-2 pb-2">
                    <span style="color: orange">
                        {!! $book->rating > 0 ? '<i class="fa fa-star"></i>' : '' !!}
                        {!! $book->rating > 1 ? '<i class="fa fa-star"></i>' : '' !!}
                        {!! $book->rating > 2 ? '<i class="fa fa-star"></i>' : '' !!}
                        {!! $book->rating > 3 ? '<i class="fa fa-star"></i>' : '' !!}
                        {!! $book->rating > 4 ? '<i class="fa fa-star"></i>' : '' !!}
                    </span>
                    <small>{{ $book->view }} dilihat ({{ $book->bookNotes->count() }} review)</small><br>
                </div>                
            </div>
            <div class="p-2 text-center">
                Tersedia:<br>
                <i class="fa fa-file-pdf" style="font-size: 1.2rem"></i>
            </div>
            <div class="mb-2">
                <a class="btn btn-block btn-info" href="{{ route('frontend.books.read', $book->slug) }}"><i class="fa fa-eye"></i> Baca</a>
                <!-- @if($book->file_url)
                    <a class="btn btn-block btn-info" target="_blank()" href="{{ $book->file_url }}"><i class="fa fa-eye"></i> Baca</a>
                @endif -->
            </div>
            <div class="text-center mb-2">
                @auth
                    <form method="POST" action="{{ route('frontend.favorites.toggle') }}" style="display:inline">
                        @csrf
                        <input type="hidden" name="book_id" value="{{ $book->id }}">
                        <button type="submit" class="btn btn-link p-0" title="{{ $isFavorited ? 'Hapus dari favorit' : 'Tambah ke favorit' }}">
                            <i class="fa fa-heart" style="font-size: 1.8rem; color: {{ $isFavorited ? 'red' : 'grey' }}"></i>
                        </button>
                    </form>
                @else
                    <a href="{{ route('login') }}" title="Login untuk menambah favorit">
                        <i class="fa fa-heart" style="font-size: 1.8rem; color: grey"></i>
                    </a>
                @endauth
            </div>
        </div>
        <div class="col-md-9">
            <div class="d-none d-sm-block">
                <h4>{{ $book->title }}</h4>
                <div class="pb-2"><i class="fa fa-user"></i> <a href="{{ route('guest.author', $book->author->id) }}">{{ $book->author->name ?? '' }}</a></div>
                @foreach($book->categories as $category)
                    <a href="{{ route('guest.category', $category->name) }}"><span class="badge badge-info">{{ $category->name }}</span></a>
                @endforeach
                <div class="rating pt-2 pb-2">
                    <span style="color: orange">
                        {!! $book->rating > 0 ? '<i class="fa fa-star"></i>' : '' !!}
                        {!! $book->rating > 1 ? '<i class="fa fa-star"></i>' : '' !!}
                        {!! $book->rating > 2 ? '<i class="fa fa-star"></i>' : '' !!}
                        {!! $book->rating > 3 ? '<i class="fa fa-star"></i>' : '' !!}
                        {!! $book->rating > 4 ? '<i class="fa fa-star"></i>' : '' !!}
                    </span>
                    <small>{{ $book->view }} dilihat ({{ $book->bookNotes->count() }} review)</small><br>
                </div>
            </div>         
            <div class="card mt-2" style="font-size: 0.85rem">
                <div class="card-body">
                    <table>
                        <tr>
                            <td><strong>{{ trans('cruds.book.fields.version') }}:</strong></td>
                            <td>{{ $book->version ?? "-" }}</td>
                        </tr>
                        <tr>
                            <td><strong>{{ trans('cruds.book.fields.publisher') }}:</strong></td>
                            <td>{{ $book->publisher->name ?? "-" }}</td>
                        </tr>
                        <tr>
                            <td><strong>{{ trans('cruds.book.fields.year') }}:</strong></td>
                            <td>{{ $book->year }}</td>
                        </tr>
                        <tr>
                            <td><strong>{{ trans('cruds.book.fields.pages') }}:</strong></td>
                            <td>{{ $book->pages }} halaman</td>
                        </tr>
                    </table>
                </div>
            </div>  
            <div class="card mt-2">
                <div class="card-body">
                    {!! $book->excerpt !!}
                    <div class="mt-2">
                        <strong>{{ trans('cruds.book.fields.keywords') }}:</strong>
                        {{ $book->keywords ?? "-" }}
                    </div>
                </div>
            </div>                         
        </div>
    </div>
    <div class="row">
        <!-- Reviews section -->
        <div class="col-12 mt-4">
            <h5>{{ trans('cruds.review.title') }}</h5>

            @auth
                <div class="card mb-3">
                    <div class="card-header">
                        {{ trans('global.add') }} {{ trans('cruds.review.title_singular') }}
                    </div>
                    <div class="card-body">
                        <form method="POST" action="{{ route('frontend.reviews.store') }}">
                            @csrf
                            <input type="hidden" name="book_id" value="{{ $book->id }}">
                            <div class="form-group">
                                <label for="review">{{ trans('cruds.review.fields.review') }}</label>
                                <textarea class="form-control" name="review" id="review" rows="3" required>{{ old('review') }}</textarea>
                            </div>
                            <div class="form-group">
                                <label for="rating">{{ trans('cruds.review.fields.rating') }} (1-5)</label>
                                <input class="form-control" type="number" name="rating" id="rating" value="{{ old('rating') }}" min="1" max="5">
                            </div>
                            <button class="btn btn-primary" type="submit">{{ trans('global.save') }}</button>
                        </form>
                    </div>
                </div>
            @else
                <p class="text-muted"><a href="{{ route('login') }}">{{ trans('global.login') }}</a> {{ trans('global.login_to_write_review') }}</p>
            @endauth

            @forelse($book->bookReviews()->with('user')->latest()->get() as $review)
                <div class="card mb-2">
                    <div class="card-body">
                        <div class="d-flex justify-content-between">
                            <strong>{{ $review->user->name ?? 'User' }}</strong>
                            @if($review->rating)
                            <span style="color: orange">
                                @for($i = 1; $i <= $review->rating; $i++)
                                    <i class="fa fa-star"></i>
                                @endfor
                            </span>
                        @endif
                        </div>
                        <p class="mb-1 mt-1">{{ $review->review }}</p>
                        <small class="text-muted">{{ $review->created_at->format('d M Y') }}</small>
                    </div>
                </div>
            @empty
                <p class="text-muted">{{ trans('global.no_reviews_yet') }}</p>
            @endforelse
        </div>
    </div>

    @if($book->bookVideos->count() > 0)
    <div class="row mt-4">
        <div class="col-12">
            <h5>Video Terkait</h5>
        </div>
        @foreach($book->bookVideos as $video)
        <div class="col-md-3 col-sm-6 col-6 mb-3">
            @auth
            <a href="{{ route('guest.video', $video->id) }}">
            @else
            <a href="{{ route('login') }}" title="Login untuk menonton video">
            @endauth
                <div class="card">
                    <img src="{{ $video->thumbnail ?? '/img/placeholder.jpg' }}"
                         class="card-img-top"
                         alt="{{ $video->title ?? '' }}"
                         style="object-fit: cover; height: 120px;">
                    <div class="card-body p-2">
                        <p class="card-text" style="font-size: 0.8rem;">
                            <i class="fa fa-play-circle"></i>
                            {{ $video->title ?? 'Video' }}
                        </p>
                        @if($video->date)
                            <small class="text-muted">{{ $video->date->format('d M Y') }}</small>
                        @endif
                        @guest
                            <br><small class="text-info"><i class="fa fa-lock"></i> Login untuk menonton</small>
                        @endguest
                    </div>
                </div>
            </a>
        </div>
        @endforeach
    </div>
    @endif
</div>
@endsection