@extends('layouts.app')
@section('content')

<div class="home_books_tab">
  <div class="container">
    <div class="row">
      <div class="col-lg-3 col-md-3 col-sm-4 col-xs-12" id="book_side2">
        <h1 class="title"> الموضوعات </h1>
        <ul class="ul_clear" role="tablist">
          @foreach($topics as $topic)
          @if($topic->is_published)
          @if($id == $topic->id)
          <li class="nav-item">
            <a class="nav-link active" href="{{url('/')}}/show-topics/{{$topic->id}}" > {{ $topic->name }}
              <i class="fa fa-angle-left"></i></a>
            </li>
            @else
            <li class="nav-item">
              <a class="nav-link"  href="{{url('/')}}/show-topics/{{$topic->id}}" > {{ $topic->name }}
                <i class="fa fa-angle-left"></i></a>
              </li>
              @endif
              @endif
              @endforeach
            </ul>
          </div>
          <div class="col-lg-9 col-md-9 col-sm-8 col-xs-12">
            <div class="tab-content" id="book_side_content2">
                            @if($books_in_topic != '')
              @foreach($books_in_topic as $book)
              @if($book->is_published)
                            <div class="tab-pane active" id="tab{{$topic->id}}" role="tabpanel" aria-expanded="true">
                <div class="h_tab_book">
                  <a href="/show-book/{{$book->id}}">
                    <div class="row">
                      <div class="col-lg-3 col-md-4 col-xs-12">
                        <div class="book_img">
                          <img src="{{url('books/icons') }}/{{$book->image}}" alt="">
                        </div>
                      </div><!--end col-lg-3 col-xs-12-->
                      <div class="col-lg-9 col-md-8 col-xs-12">
                        <div class="book_content text-muted line_text">
                          {!! str_limit($book->description, $limit = 100, $end = '...') !!}
                        </div>
                      </div><!--end col-lg-9 col-xs-12-->
                    </div><!--end row-->
                    <div class="book_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 text-primary"></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 text-primary"></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 text-primary"></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 text-primary"></i></a>
                        </li>
                      </ul>
                      <div class="clearfix"></div>
                    </div><!--end book_tools-->
                  </a>
                </div><!--end h_tab_book-->
              </div>
              @endif
              @endforeach
              @if($flag == 0)
              <p class="alert alert-danger">الموضوعات التى تحت هذا الموضوع الرئيسي غير منشورة</p>
              @endif
              @else
              <p class="alert alert-danger">لا توجد موضوعات تحت هذا الموضوع الرئيسي</p>
              @endif
              
            </div>
          </div>
        </div>
      </div>
    </div>
    @stop