@extends('main')

@section('title', ' Microunits')

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

@section('Breadcrumbs')
    {!! Breadcrumbs::render('mainmicrounits') !!}
@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 ($microunits as $microunit)
            <div class="col-lg-3">
              <div class="box box-danger box-shadow">
                <div class="box-header with-border">
                  <div class="user-block">
                    @if($microunit->author)
                      <img class="img-circle" src="{{$microunit->author->image}}" alt="User Image">
                      <span class="username"><a href="{{route('authors.single', $microunit->author->id)}}">{{$microunit->author->name}}</a></span>
                      <span class="description">{{Lang::trans('messages.published')}}: {{ date('j M Y', strtotime($microunit->created_at)) }}</span>
                    @elseif ($microunit->admin)
                      <img class="img-circle" src="{{$microunit->admin->image}}" alt="User Image">
                      <span class="username">{{$microunit->admin->name}}</span>
                      <span class="description">{{Lang::trans('messages.published')}}: {{ date('j M Y', strtotime($microunit->created_at)) }}</span>
                    @else
                      <span>no author</span>
                    @endif
                  </div>
                </div><!-- /.box-header -->
                <div class="box-body">
                  <img class="img-responsive pad" src="{{$microunit->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', $microunit->category->id)}}" class="btn btn-lg btn-block btn-flat cat-btn" style="background-color:{{$microunit->category->color}};">
                          <span class="glyphicon glyphicon-paperclip padding-right"></span> {{ $microunit->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[$microunit->muid] as $lang)
                          <a href="{{ route('microunits.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>{{Lang::choice('messages.elements', $microunit->elementmicrounits->count(), ['count' => $microunit->elementmicrounits->count()])}}</span>
                        <span class="icon"><i class="fa fa-eye padding-right" aria-hidden="true"></i>{{$microunit->viewcounter}} {{Lang::choice('messages.views', $microunit->viewcounter, ['count' => $microunit->viewcounter])}}</span>
                        <span class="icon">
                          @if ($microunit->microunitsRates->count())
                            @foreach ($microunit->microunitsRates 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('microunits.single', $microunit->id) }}">{{mb_substr(strip_tags($microunit->title), 0, 40, 'UTF-8')}}{{strlen(strip_tags($microunit->title)) > 40 ? "..." : ""}}</a>
                  </span>
                </div>
                <div class="box-comments text-center">
                  <span class="text-red box-id"><i class="fa fa-play-circle-o padding-right" aria-hidden="true"></i> {{$microunit->muid}}</span>
                </div>
              </div>
            </div>
          @endforeach
        </div>
      </div>
    </div>
  </div>
</div>
<div class="row">
  <div class="col-xs-12 text-center">
    {{$microunits->links()}}
  </div>
</div>
@endsection

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