@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="fa fa-share-alt"></i> الأكثر مشاركة</h1>
      </div><!--end col-xs-12-->
      <div class="clearfix"></div>
      @if($mosts != '')
      @foreach($mosts as $most)
      @foreach($books as $book)
      @if($book->id == $most->book_id)
      @if($book->is_published)
      <div class="col-lg-6 col-md-6 col-xs-12 home_most_share">
        <div class="book_box">
          <div class="row">
            <a style="text-decoration: none;" href="/show-book/{{$book->id}}">
              <div class="col-lg-4 col-md-4 col-xs-12">
                <div class="box_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="box_content text-muted"> 
                  {!! str_limit($book->description, $limit = 100, $end = '...') !!}
                </div>
                <div class="box_tools">
                  <ul class="ul_clear">
                    <li  data-toggle="tooltip" data-placement="top" title="طباعة">
                      <a book-id="{{$book->id}}" target="_blank" href="/books/pdfs/{{$book->pdf}}" class="print_book"><i class="flaticon-paper fa-2x"></i></a>
                    </li>

                    <li data-toggle="tooltip" data-placement="top" title="قراءة الموضوع">
                      <a book-id="{{$book->id}}" class="read-book" href="/show-book/{{$book->id}}"><i class="flaticon-fashion fa-2x"></i></a>
                    </li>
                    <li class="dropdown" data-toggle="tooltip" data-placement="top" title="مشاركة">
                      <a name="share-button" data-toggle="dropdown" href="" book-id="{{$book->id}}"><i class="flaticon-connection fa-2x "></i></a>
                      <div class="dropdown-menu social_share dropdown-menu-right">
                        <ul class="ul_clear text-xs-center">
                          <li><a book-id="{{$book->id}}" class="share-book" rel="nofollow" href="http://www.facebook.com/sharer.php?u={{$protocol}}{{$hostName}}/show-book/{{$book->id}}&title={{$book->title}}" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;"><i class="fa fa-facebook"></i></a></li>
                          <li><a book-id="{{$book->id}}" class="share-book" rel="nofollow" href="https://twitter.com/share?url={{$protocol}}{{$hostName}}/show-book/{{$book->id}}&text={{$book->title}}" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;"><i class="fa fa-twitter"></i></a></li>
                          <li><a book-id="{{$book->id}}" class="share-book" rel="nofollow" href="https://plus.google.com/share?url={{$protocol}}{{$hostName}}/show-book/{{$book->id}}" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;"><i class="fa fa-google-plus"></i></a></li>
                        </ul>
                      </div>
                    </li>
                    <li data-toggle="tooltip" data-placement="top" title="تحميل">
                      <a href="/download/{{$book->id}}" book-id="{{$book->id}}" class="download-book"><i class="flaticon-arrows fa-2x"></i></a>
                    </li>
                  </ul>
                  <div class="clearfix"></div>
                </div><!--end box_tools-->
              </div><!--end col-xs-12-->
            </a>
          </div><!--end row-->
        </div><!--end book_box-->
      </div><!--end col-lg-6 col-md-6 col-xs-12 home_most_share-->
      @endif
      @endif
      @endforeach 
      @endforeach 
      @else
          <div class="alert alert-danger no-margin">هذا المحتوى فارغ.</div>
      @endif

    </div><!--end row-->
  </div><!--end container-->
</section><!--end pages_content -->
@stop