@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($folders as $folder)
          @if($folder->is_published)
          @if($folder->id == $folders->first()->id)
          <li class="nav-item">
            <a class="nav-link active" href="{{url('/')}}/show-folders/{{$folder->id}}" > {{ $folder->name }}
              <i class="fa fa-angle-left"></i></a>
            </li>
            @else
            <li class="nav-item">
              <a class="nav-link" href="{{url('/')}}/show-folders/{{$folder->id}}" > {{ $folder->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($folders->first()->is_published)
              @if($books)
              @foreach($books as $book)
              @if($book->is_published)
                            <div class="tab-pane active" id="tab{{$book->folder_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-->
                  </a>
                  <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=""><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-->
                </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
              @endif
              
            </div>
          </div>
        </div>
      </div>
    </div>
    @stop