@extends('opac.layouts.layout_home')

@section("title") Pustaka Digital @endsection

@section("breadcrumb")
    <a class="text-white" href="/opac">Home</a> /
    <a class="text-info" href=""> <b> Pustaka Digital </b> </a>
@endsection

@section('content')

    <div class="section">
        <div class="container mb-5">
            <div class="main main-raised main-product pl-md-5 pr-md-5 pt-md-3 p-3">
                <div class="row p-md-0 pl-3 pr-3 pb-0 pt-1 ">
                    <h2 class="title mt-0"> Pustaka Digital </h2>
                    <form action="{{route('pd.index')}}" class="form-inline ml-auto">

                        <div class="form-group mt-0 mr-2">
                            <div class="input-group-prepend mr-1 text-info">
                                jenis koleksi :
                            </div>
                            <select class="form-control" data-style="select-with-transition"
                                    title="-jenis koleksi-" data-size="7" name="jenis_koleksi">
                                <option id="" value="">- semua -</option>
                                @foreach($jenis_koleksi as $key => $jk)
                                    <option id="{{$jk->id}}" value="{{$jk->id}}"
                                            @if(Request::get('jenis_koleksi') == $jk->id)
                                            selected
                                        @endif>{{$jk->jenis_koleksi}}</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="form-group mt-0 mr-2">
                            <div class="input-group-prepend mr-1 text-info">
                                kategori :
                            </div>
                            <select class="form-control" data-style="select-with-transition"
                                    title="-kategori-" data-size="7" name="kategori">
                                @if(Request::get('kategori'))
                                    <option value="{{Request::get('kategori')}}">{{Request::get('kategori')}}</option>
                                @endif
                                <option value="">- semua -</option>
                                <option value="judul">judul</option>
                                <option value="subyek">subyek</option>
                                <option value="pengarang">pengarang</option>
                                <option value="kontributor">kontributor</option>
                                <option value="klasifikasi">klasifikasi</option>
                                <option value="penerbit">penerbit</option>
                                <option value="tahun_terbit">tahun terbit</option>
                                <option value="no_inv">no. inventaris</option>
                            </select>
                        </div>

                        <div class="form-group has-info bmd-form-group pt-0 ">
                            <div class="input-group-prepend mr-1 text-info">
                                kata kunci :
                            </div>
                            <input type="text" value="{{Request::get('keyword')}}" name="keyword" class="form-control" width="" placeholder="Pencarian Pustaka Digital">
                        </div>

                        <button type="submit" class="btn btn-info btn-raised btn-fab btn-round">
                            <i class="material-icons">search</i>
                        </button>
                    </form>
                </div>
                <div class="row  p-md-0 pl-3 pr-3 pb-0 pt-1 ">
                    <div class="filter-result">
                        Terdapat {{ $pus_dgt->total() }} Judul <br>
                        {{ ceil($pus_dgt->total() / $pus_dgt->perpage()) }} halaman
                    </div>
                </div>

                <div class="row">
                    @foreach($pus_dgt as $key => $pd)
                        <div class="col-md-3 col-6">
                            <div class="card card-blog card-plain">
                                <div class="card-header card-header-image">
                                    <a href="{{route('pd.show', [$pd->id])}}">
                                        <img src="{{asset('storage/pustaka_digital/'.$pd->gambar)}}" style="object-fit: cover; object-position: top;" height="275rem"
                                             onerror="this.src='https://ui-avatars.com/api/?size=235&background=c9c9c9&name='+'{{ $pd->judul }}'"/>
                                    </a>
                                    <div class="colored-shadow" style="background-image: url(&quot;../assets/img/examples/card-product2.jpg&quot;); opacity: 1;"></div></div>
                                <div class="card-body">
                                    <h6 class="card-category text-rose">{{ $pd->pengarang }}</h6>
                                    <h4 class="card-title limit">
                                        <a href="{{route('pd.show', [$pd->id])}}" >{{ $pd->judul }}</a>
                                    </h4>
                                    <div class="card-description">
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>

                <div class="row">
                    <div class="col-sm-12">
                        {{$pus_dgt->appends(Request::all())->links()}}
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection