@extends('layouts.app')
@section('title')
Pencarian: {{ $books->count() }} buku ditemukan
@endsection
@section('meta')
<meta property="og:image" content="/img/cover.jpg">
@endsection
@section('content')
<div class="mt-5">
<form method="POST" action="{{ route("guest.queue") }}" enctype="multipart/form-data">
    @csrf
    <div class="form-group">
        <input class="form-control" type="text" name="title" placeholder="Judul Buku" value="{{ $search['title'] ?? '' }}">
    </div>
    <div class="form-group">
        <input class="form-control" type="text" name="author" placeholder="Pengarang" value="{{ $search['author'] ?? '' }}">
    </div>
    <div class="form-group">
        <input class="form-control" type="text" name="keywords" placeholder="Kata kunci" value="{{ $search['keywords'] ?? '' }}"/>
    </div>
    <div class="form-group">
        <label for="categories">{{ trans('cruds.category.title') }}</label>
        <div style="padding-bottom: 4px">
            <span class="btn btn-info btn-xs select-all" style="border-radius: 0">{{ trans('global.select_all') }}</span>
            <span class="btn btn-info btn-xs deselect-all" style="border-radius: 0">{{ trans('global.deselect_all') }}</span>
        </div>
        <select class="form-control select2 {{ $errors->has('categories') ? 'is-invalid' : '' }}" name="categories[]" id="categories" multiple>
            @foreach($categories as $id => $category)
                <option value="{{ $id }}" {{ in_array($id, old('categories', $search['categories'])) ? 'selected' : '' }}>{{ $category }}</option>
            @endforeach
        </select>
        @if($errors->has('categories'))
            <div class="invalid-feedback">
                {{ $errors->first('categories') }}
            </div>
        @endif
    </div>   
    <div class="form-group">
        <button class="btn btn-success"><i class="fa fa-search"></i> Cari</button>
    </div> 
</form>
</div>
<div class="text-center mb-4">
    <a class="btn {{ session('view_type') == 'list' ? 'btn-info' : 'btn-outline-info' }}" href="?view=list"><i class="fa fa-list"></i></a>
    <a class="btn {{ session('view_type') != 'list' ? 'btn-info' : 'btn-outline-info' }}"  href="?view=grid"><i class="fa fa-th"></i></a>
</div>
<div class="row">
    <div class="container text-center mb-2">
        <h5>{{ $books->count() }} buku ditemukan</h5>    
    </div>
    <table class="table table-stripped">
    @foreach($books as $book)
    <tr>
        <td style="width: auto; white-space: nowrap;">
            <a href="{{ route('guest.book', $book->slug) }}"><img src="{{ $book->cover_image ? $book->cover_image->getUrl() : '/img/placeholder.jpg' }}" width="70" height="100"></a>
        </td>            
        <td>
            <h5><a href="{{ route('guest.book', $book->slug) }}">{{ $book->title }}</a></h5>
            <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">
                <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>            
        </td>            
    </tr>
    @endforeach
    </table>
</div>
@endsection