@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($id == $folder->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">
            {{-- @foreach($folders as $folder)
            @if($folder->is_published) --}}
                        @if(!is_null($books->first()))
            @foreach($books as $book)
            @if(isset($id))
            @if($book->is_published)
                        @if($id == $book->folder_id)
            <div class="tab-pane active" id="tab{{$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 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-->
              </div><!--end h_tab_book-->
            </div>
            @endif        
            @endif
            @endif
            @endforeach 
            @if($flag == 0)
            <p class="alert alert-danger">الموضوعات التى تحت هذا المجلد غير منشورة</p>     
            @endif
            @else
            <p class="alert alert-danger">لا توجد موضوعات تحت هذا المجلد</p>
            @endif
            
           {{--  @endif
           @endforeach --}}
         </div>
       </div>
     </div>
   </div>
 </div>
 @stop