@extends('layouts.app')
@section('title')
Pencarian
@endsection
@section('meta')
<meta property="og:image" content="/img/cover.jpg">
@endsection
@section('content')
<div class="mt-5">
<div class="text-center"><h3>Pencarian</h3></div>
<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">
    </div>
    <div class="form-group">
        <input class="form-control" type="text" name="author" placeholder="Pengarang">
    </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 }}">{{ $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> -->
@endsection