@extends('main')

@section('title', ' Suites')

@section('stylesheets')
<link rel="stylesheet" href="/css/star_rating.css">
@endsection

@section('Breadcrumbs')
    {!! Breadcrumbs::render('mainsuites') !!}
@endsection

@section('SearchLetters')
  @include('partials._searchletter')
@endsection

@section('content')

<div class="row">
  <div class="col-lg-10 col-lg-offset-1">
    <div class="box box-widget">
      <div class="box-body">
        <div class="row">
          @foreach ($suites as $suite)
            <div class="col-lg-3">
              <div class="box box-danger box-shadow">
                <div class="box-header with-border">
                  <div class="user-block">
                    @if($suite->author)
                      <img class="img-circle" src="{{$suite->author->image}}" alt="User Image">
                      <span class="username"><a href="{{route('authors.single', $suite->author->id)}}">{{$suite->author->name}}</a></span>
                      <span class="description">{{Lang::trans('messages.published')}}: {{ date('j M Y', strtotime($suite->created_at)) }}</span>
                    @elseif ($suite->admin)
                      <img class="img-circle" src="{{$suite->admin->image}}" alt="User Image">
                      <span class="username">{{$suite->admin->name}}</span>
                      <span class="description">{{Lang::trans('messages.published')}}: {{ date('j M Y', strtotime($suite->created_at)) }}</span>
                    @else
                      <span>no author</span>
                    @endif
                  </div>
                </div><!-- /.box-header -->
                <div class="box-body">
                  <img class="img-responsive pad" src="{{$suite->image}}" alt="Photo">
                </div>
                <div class="box-comments">
                  <div class="row">
                    <div class="col-lg-12">
                      <div class="mu-target-group">
                        <a href="{{route('topics.single', $suite->category->id)}}" class="btn btn-lg btn-block btn-flat cat-btn" style="background-color:{{$suite->category->color}};">
                          <span class="glyphicon glyphicon-paperclip padding-right"></span> {{ $suite->category->name }}
                        </a>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="box-footer">
                  <div class="mu-target-group">
                    <div class="row">
                      <div class="col-lg-12 text-center">
                        @foreach ($langs[$suite->suiteid] as $lang)
                          <a href="{{ route('suites.single', $lang['id']) }}" class="btn btn-danger btn-flat lang-btn">{{$lang['language']}}</a>
                        @endforeach
                      </div>
                    </div>
                  </div>
                </div>
                <div class="box-footer">
                  <div class="mu-target-group">
                    <div class="row">
                      <div class="col-lg-12 text-center">
                        <span class="icon"><i class="fa fa-file-archive-o padding-right" aria-hidden="true"></i>{{$suite->microunits->count()}} {{Lang::choice('messages.microunits', $suite->microunits->count(), ['count' => $suite->microunits->count()])}}</span>
                        <span class="icon"><i class="fa fa-eye padding-right" aria-hidden="true"></i>{{$suite->viewcounter}} {{Lang::choice('messages.views', $suite->viewcounter, ['count' => $suite->viewcounter])}}</span>
                        <span class="icon">
                          @if ($suite->suitesRates->count())
                            @foreach ($suite->suitesRates as $rate)
                              <span class="stars">{{ $rate->rating }}</span>
                            @endforeach
                          @else
                          <span class="stars">0</span>
                          @endif
                        </span>
                      </div>
                    </div>

                  </div>
                </div>
                <div class="box-footer">
                  <span class="mu-target-group">
                    <a href="{{ route('suites.single', $suite->id) }}">{{mb_substr(strip_tags($suite->title), 0, 40, 'UTF-8')}}{{strlen(strip_tags($suite->title)) > 40 ? "..." : ""}}</a>
                  </span>
                </div>
                <div class="box-comments text-center">
                  <span class="text-red box-id"><i class="fa fa-folder-open padding-right" aria-hidden="true"></i> {{$suite->suiteid}}</span>
                </div>
              </div>
            </div>
          @endforeach
        </div>
      </div>
    </div>
  </div>
</div>
<div class="row">
  <div class="col-xs-12 text-center">
    {{$suites->links()}}
  </div>
</div>
@endsection

@section('javascripts')
  <script src="\js\star_rating.js" charset="utf-8"></script>
@endsection