@extends('main')

@section('title', ' Topics')

@section('Breadcrumbs')
    {!! Breadcrumbs::render('maintopics') !!}
@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 ($topics as $topic)
            <div class="col-lg-3">
              <div class="box box-widget widget-user with-border box-shadow">
                <div class="widget-topic-header bg-black" style="background: url('{{$topic->image}}') center center;">
                  {{-- <div class="widget-user-image">
                    <img class="img-circle" src="{{$author->image}}" alt="User Avatar">
                  </div> --}}
                </div>
                <div class="box-footer text-center">
                  <a href="{{ route('topics.single', $topic->id) }}">
                    <h3 class="widget-user-username">{{$topic->name}}</h3>
                  </a>
                </div>
                <div class="box-comments">
                  <div class="row">
                    <div class="col-sm-4 border-right">
                      <div class="description-block">
                        <h5 class="description-header">{{count($topic->microunitsapproved)}}</h5>
                        <span class="description-text">{{Lang::choice('messages.microunits', $topic->microunitsapproved)}}</span>
                      </div><!-- .description-block -->
                    </div><!-- .col -->
                    <div class="col-sm-4 border-right">
                      <div class="description-block">
                        <h5 class="description-header">{{ count($topic->suitesapproved) }}</h5>
                        <span class="description-text">{{Lang::choice('messages.suites', $topic->suitesapproved)}}</span>
                      </div><!-- .description-block -->
                    </div><!-- .col -->
                    <div class="col-sm-4">
                      <div class="description-block">
                        <h5 class="description-header">{{$topic->viewcounter}}</h5>
                        <span class="description-text">{{Lang::choice('messages.views', $topic->viewcounter)}}</span>
                      </div><!-- .description-block -->
                    </div><!-- .col -->
                  </div><!-- .row -->
                </div><!-- .box-footer -->
              </div><!-- .widget-user -->
            </div>
            @endforeach
          </div>
          <div class="row text-center">
            {{$topics->links()}}
          </div>
        </div>
      </div>
    </div>
  </div><!--.row text-center -->
@endsection