@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' }}">
@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> {{ $book->author->name ?? '' }}</div>
                @foreach($book->categories as $category)
                    <span class="badge badge-info">{{ $category->name }}</span>
                @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->bookNotes->count() }} review)</small><br>
                    <small>{{ $book->view }} dilihat</small>
                </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>
        <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> {{ $book->author->name ?? '' }}</div>
                @foreach($book->categories as $category)
                    <span class="badge badge-info">{{ $category->name }}</span>
                @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->bookNotes->count() }} review)</small><br>
                    <small>{{ $book->view }} dilihat</small>
                </div>
            </div>
            <div class="card">
                <div class="card-body">
                    {{ $book->excerpt }}
                    <div class="mt-2">
                        <strong>{{ trans('cruds.book.fields.keywords') }}:</strong>
                        {{ $book->keywords ?? "-" }}
                    </div>
                </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>
    </div>
    <div class="row">
        <!-- comments -->
    </div>
</div>
@endsection