@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>
@foreach($books as $book)
    <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-4 col-sm-6 col-xs-6 col-6">
        <div class="card">
            <a href="{{ route('guest.book', $book->slug) }}"><img src="{{ $book->cover_image ? $book->cover_image->getUrl() : '/img/placeholder.jpg' }}" width=100%/></a>
            <div class="card-body">
                <a href="{{ route('guest.book', $book->slug) }}"><div class="pt-2"><h5>{{ $book->title }}</h5></div></a>
                <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>
            </div>
            <!-- <div class="card-footer">
                <a class="btn btn-block btn-info" href="#">Download</a>
            </div> -->
        </div>
    </div>
@endforeach
</div>

@endsection