@extends('main')

@section('title', " Topic $topic->name")

@section('Breadcrumbs')
    {!! Breadcrumbs::render('viewmaintopics', $topic) !!}
@endsection

@section('content')

<div class="row">
  <div class="col-lg-8 col-lg-offset-2">
    <div class="box box-widget">
      <div class="box-body">
        <img class="img-responsive pad" src="{{$topic->image}}" alt="Photo">
      </div><!-- .box-body -->
    </div><!--.box-widget -->
  </div>
</div>
<div class="row">
  <div class="col-lg-8 col-lg-offset-2">
    <div class="box box-widget">
      <div class="box-body">
        <div class="row">
          <div class="col-lg-8">
            <div class="col-lg-12">
              <div class="panel-body mu-main-info">
                <div class="mu-target-group-icon">
                  <i class="fa fa-info-circle" aria-hidden="true"></i>
                  <span class="mu-target-group-title">{{$topic->name}}</span>
                </div>
              </div>
            </div>
            <div class="col-lg-12">
              <div class="panel panel-default">
                <div class="panel-body mu-target-group">
                  <span>{{$topic->description}}</span>
                </div>
              </div>
            </div>
          </div><!--.col-lg-8-->
          <div class="col-lg-4">
            <div class="col-lg-12">
              <div class="small-box bg-orange-cat-small-box">
                <div class="inner">
                  <h3>{{$topic->viewcounter}}</h3>
                  <h4>{{Lang::choice('messages.views', $topic->viewcounter, ['count' => $topic->viewcounter])}}</h4>
                </div>
                <div class="icon"><i class="fa fa-eye"></i></div>
              </div>
            </div>
            <div class="col-lg-12">
              <div class="small-box bg-orange-cat-small-box">
                <div class="inner">
                  <h3>{{$topic->microunitsapproved->count()}}</h3>
                  <h4>Microunits</h4>
                </div>
                <div class="icon"><i class="fa fa-play-circle"></i></div>
              </div>
            </div>
            <div class="col-lg-12">
              <div class="small-box bg-orange-cat-small-box">
                <div class="inner">
                  <h3>{{$topic->suitesapproved->count()}}</h3>
                  <h4>Suites</h4>
                </div>
                <div class="icon"><i class="fa fa-folder-open"></i></div>
              </div>
            </div>
          </div><!-- col-lg-4 -->
        </div><!--.row-->
      </div><!-- .box-body -->
    </div><!--.box-widget -->
  </div>
</div>

<div class="row">
  <div class="col-lg-8 col-lg-offset-2">
    <div class="box box-widget">
      <div class="box-body">
        <div class="row">
          @if(!count($results))
            @include('partials._messages')
          @else
          @foreach ($results as $result)
            <div class="col-lg-4">
              <div class="box box-danger box-shadow">
                <div class="box-header with-border">
                  <div class="user-block">
                    @if($result->author)
                      <img class="img-circle" src="{{$result->author->image}}" alt="User Image">
                      <span class="username"><a href="{{route('authors.single', $result->author->id)}}">{{$result->author->name}}</a></span>
                      <span class="description">Published: {{ date('j M Y', strtotime($result->created_at)) }}</span>
                    @elseif ($result->admin)
                      <img class="img-circle" src="{{$result->admin->image}}" alt="User Image">
                      <span class="username">{{$result->admin->name}}</span>
                      <span class="description">Published: {{ date('j M Y', strtotime($result->created_at)) }}</span>
                    @else
                      <span>no author</span>
                    @endif
                  </div>
                </div><!-- /.box-header -->
                <div class="box-body">
                  <img class="img-responsive pad" src="{{$result->image}}" alt="Photo">
                </div>
                <div class="box-footer">
                  <span class="mu-target-group">
                    @if ($result->muid)
                      <a href="{{ route('microunits.single', $result->id) }}">{{mb_substr(strip_tags($result->title), 0, 40, 'UTF-8')}}{{strlen(strip_tags($result->title)) > 40 ? "..." : ""}}</a>
                    @else
                      <a href="{{ route('suites.single', $result->id) }}">{{mb_substr(strip_tags($result->title), 0, 40, 'UTF-8')}}{{strlen(strip_tags($result->title)) > 40 ? "..." : ""}}</a>
                    @endif
                  </span>
                </div>
                <div class="box-comments text-center">
                  @if ($result->muid)
                    <span class="text-red box-id">Microunit: {{$result->muid}}</span>
                  @else
                    <span class="text-red box-id">Suite: {{$result->suiteid}}</span>
                  @endif
                </div>
              </div>
            </div>
          @endforeach
        @endif
        </div>
      </div>
    </div>
  </div>
</div>

<div class="row">
  <div class="col-xs-12 text-center">
    {{$results->appends([])->links()}}
  </div>
</div>

@endsection