@extends('layouts.newlayout')


@section('content')
<div class="container">
	<div class="content left col-md-8 col-lg-push-2">
		<div class="tab-content">
			<div role="tabpanel" class="tab-pane active" id="home">
				<div class="mt40">
					<div class="panel panel-default">
						<div class="panel-heading" style="border-radius:0!important;">
							<div class="panel-title">
								{{ $selected_subject['book_subject'] }}
							</div>
						</div>
						<div class="panel-body" style="padding:10px !important;">
							<div class="row">
								@foreach ($books as $book)
								<?php $cover = "cover_photo/thumb/thumb_".basename($book->cover_photo); ?>
								<article class="col-xs-12 col-sm-6 col-md-3" style="height:100%;" data-id="{{ $book->id }}" data-content-bak="লেখক: {{ $book->writers->writer_name }}<br>ভিউ: {{ $book->view_count }}<br>পিডিএফ সাইজ: {{ $book->pdf_size }}" title="{{ $book->title_bng }}">
									<div class="panel panel-default bookCover">
										<div class="panel-body">
											<div style="overflow: hidden;">
												<a href="#" title="{{ $book->title_bng }}" class="zoom book-view" data-id="{{ $book->id }}" data-type="image" data-toggle="popover" data-animation="true" data-trigger="hover" data-html="true" data-content="লেখক: {!! $book->writers->writer_name !!}<br/>পৃষ্ঠা সংখ্যা: {!! $book->page_no !!}<br/>সাইজ: {!! $book->pdf_size !!}">
													<img src="{{ URL::to('storage/'. $cover) }}" class="img-responsive book" style="height:100%;width:100%;">
													<span class="overlay"><i class="glyphicon glyphicon-fullscreen"></i></span>
												</a>
											</div>
										</div>
										<div class="panel-footer">
											<h6 style="height: 17px;display: block;margin:0 !important">
										<span class="pull-left" style="color:green">
											<i class="fa fa-eye" style="font-size:18px"></i> <div class="view">{!! $book->view_count !!}</div>
										</span>
												<span class="pull-right" style="color:blue">
											<i class="fa fa-download" style="font-size:18px"></i> <div class="download">{!! $book->free_download_count !!}</div>
										</span>
											</h6>
										</div>
									</div>
								</article>
								@endforeach
							</div>
							<div class="row" style="text-align: center;">
								{{ $books->appends($_GET)->links() }}
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<aside class="side1 left col-md-2 col-lg-pull-8">
		@include('partials.left')
	</aside>
	<aside class="side2 left col-md-2">
		@include('partials.right')
	</aside>
</div>

@endsection