@extends('layouts.app')
@section('content')
<section class="pages_content">
    <div class="container">
       <div class="row">
          <div class="col-xs-12">
            <h1 class="page_title"> <i class="flaticon-book fa-lg"></i>   الموضوعات المقروءة   </h1>
            @foreach ($books_reads as $book)
            @if($book->is_published)
            <div class="book_block">
                <a href="/show-book/{{$book->id}}">
                    <div class="row">
                        <div class="col-lg-4 col-md-4 col-xs-12">
                            <div class="block_img">
                                <img src="{{url('/books/icons') }}/{{$book->image}}" alt=""/>
                            </div>
                        </div><!--end col-xs-12-->
                        <div class="col-lg-8 col-md-8 col-xs-12">
                            <div class="block_content text-muted">
                                <font color="#0EAE90">{!!str_limit($book->title, $limit = 50, $end = ' ... ') !!}</font>
                                <p>{!!str_limit($book->description, $limit = 50, $end = ' ... ') !!}</p>
                            </div>
                        </div><!--end col-xs-12-->
                    </div><!--end row-->
                </a>
            </div><!--end book_box-->
            @endif
            @endforeach
        </div><!--end  col-xs-12-->
    </div>
</div>
</section>
@endsection