@extends('front.layouts.app')
@section('css')

@endsection
@section('content')

<div class="page inner-page-layout books">

    <div class="page-header" style="background-image: url({{url('assets/images/book-cover.jpg')}});">
        <div class="container">
            <div class="row">
                <div class="col-lg-4">
                    <div class="page-thumbnail-wrapper">
                        <img src="/assets/images/book-thum.jpg" class="page-thumbnail">
                        <div class="text-wrapper">
                            <p class="text m-0"> +{{getCount('books')}} كتاب </p>
                        </div><!-- text-wrapper -->
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="page-title-wrapper">
                        <h1 class="page-title"> الكتب </h1>
                    </div>
                </div>
            </div>
        </div>
        <div class="shape"></div>
    </div> <!-- page-header -->

    <div class="page-content">

        <div class="container">

            <div class="d-block mb-5">
                <div class="d-flex justify-content-between align-items-center mb-4">
                    <h2> الأكثر مشاهدة </h2>
                    <a href="{{route('page.books-search')}}?filter=most_view" class="btn btn-outline-primary"> عرض الكل </a>
                </div>
                <div class="row mb-0">
                                    </div>
            </div><!-- d-block -->


            <div class="d-block mb-5">
                <div class="d-flex justify-content-between align-items-center mb-4">
                    <h2> أضيف حديثاً </h2>
                    <a href="{{route('page.books-search')}}?filter=latest" class="btn btn-outline-primary"> عرض الكل </a>
                </div>
                <div class="row mb-0">
                                    </div>
            </div><!-- d-block -->



            <div class="d-block mb-5">
                <div class="d-flex justify-content-between align-items-center mb-4">
                    <h2> اختارنا لك </h2>
                    <a href="{{route('page.books-search')}}?filter=random" class="btn btn-outline-primary"> عرض الكل </a>
                </div>
                <div class="row mb-0">
                                    </div>
            </div><!-- d-block -->


        </div>
    </div><!-- page-content -->

</div> <!-- page -->

@endsection