@extends('main')

@section('title', " Microunit: $microunit->title")

@section('Breadcrumbs')
    {!! Breadcrumbs::render('viewmainmicrounits', $microunit) !!}
@endsection

@section('content')

<!-- start row for image and author description -->
<div class="row">
  <div class="col-md-8 col-md-offset-2">
    <div class="tpc-img-wrapper">
      <div class="tpc-img-content" style="background:url('{{$microunit->image}}')"></div>
    </div><!--end background image -->
    @if($microunit->author)
    <div class="author-profile-img">
      <div class="image-container">
        <img src="{{$microunit->author->image}}" class="author-profile-info">
      </div>
    </div><!--end profile image -->
    <div class="author-container">
      <div class="col-md-6 col-md-offset-3 text-center">
        <h3>{{$microunit->author->name}}</h3>
        <div class="author-stats">
          <div class="author-profile-mu">
            <a href="{{route('authors.single', $microunit->author->id)}}">{{Lang::trans('messages.profile')}}</a>
          </div>
        </div>
      </div>
    </div><!--end author container -->
  @elseif($microunit->admin)
    <div class="author-profile-img">
      <div class="image-container">
        <img src="{{$microunit->admin->image}}" class="author-profile-info">
      </div>
    </div><!--end profile image -->
    <div class="author-container">
      <div class="col-md-6 col-md-offset-3 text-center">
        <h3>{{$microunit->admin->name}} (Admin)</h3>
        <div class="author-stats">
        </div>
      </div>
    </div><!--end author container -->
  @else
    There is no authors!
  @endif
  </div><!--end col-md-12 -->
</div><!--end row -->
<!-- end row for image and author description -->

<div class="row margin-top">
  <div class="col-md-8 col-md-offset-2">
    <div class="box box-widget">
      <div class="box-header with-border">
        <div class="user-block">
          <span class="username">{{$microunit->title}}</span>
        </div><!-- .user-block -->
      </div><!-- .box-header -->
    </div><!-- .box-body -->
  </div><!--.box-widget -->
</div><!-- .row -->

<div class="row">
  <div class="col-md-8 col-md-offset-2">
    <div class="box box-widget">
      <div class="box-body">
        <div class="row">
          <div class="col-lg-4 col-lg-push-8">
            <div class="col-lg-12">
              <div class="small-box bg-orange-cat-small-box">
                <div class="inner">
                  <h3>{{ date('j M', strtotime($microunit->created_at)) }}</h3>
                  <h4>{{ date('Y', strtotime($microunit->created_at)) }}</h4>
                </div>
                <div class="icon"><i class="ion-ios-calendar"></i></div>
              </div>
            </div>
            <div class="col-lg-12">
              <div class="small-box bg-orange-cat-small-box">
                <div class="inner">
                  <h3>{{ $microunit->muid}}</h3>
                  <h4>id</h4>
                </div>
                <div class="icon"><i class="fa ion-play"></i></div>
              </div>
            </div>
            <div class="col-lg-12">
              <div class="small-box bg-orange-cat-small-box">
                <div class="inner">
                  <a href="{{route('topics.single', $microunit->category->id)}}"><h3>{{ $microunit->category->name}}</h3></a>
                  <h4>Topic</h4>
                </div>
                <div class="icon"><i class="ion ion-ios-pricetag"></i></div>
              </div>
            </div>
          </div><!-- col-lg-4 -->
          <div class="col-lg-8 col-lg-pull-4">
            <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">{{Lang::trans('messages.info')}}</span>
                </div>
                <span>{{$microunit->short_description}}</span>
              </div>
            </div>
            <div class="col-lg-12">
              <div class="panel panel-default">
                <div class="panel-body mu-target-group">
                  <div class="mu-target-group-icon">
                    <i class="fa fa-users" aria-hidden="true"></i>
                    <span class="mu-target-group-title">{{Lang::trans('messages.target')}}</span>
                  </div>
                  <span>{{$microunit->target}}</span>
                </div>
              </div>
            </div>
          </div><!--.col-lg-8-->
        </div><!--.row-->
      </div><!-- .box-body -->
    </div><!--.box-widget -->
  </div><!-- .col-md-8 -->
</div><!-- .row -->
<div class="row">
  <div class="col-md-8 col-md-offset-2">
    <div class="box box-widget">
      <div class="box-body">
        <div class="row">
          <div class="col-lg-6">
            <div class="col-lg-12">
              <div class="panel panel-default">
                <div class="panel-body mu-target-group">
                  <div class="mu-target-group-icon">
                    <i class="fa fa-sticky-note" aria-hidden="true"></i>
                    <span class="mu-target-group-title">{{Lang::trans('messages.description')}}</span>
                  </div>
                  <span>{{$microunit->description}}</span>
                </div>
              </div>
            </div>
          </div>
          <div class="col-lg-6">
            <div class="col-lg-12">
              <div class="panel panel-default">
                <div class="panel-body mu-target-group">
                  <div class="mu-target-group-icon">
                    <i class="fa fa-check-circle" aria-hidden="true"></i>
                    <span class="mu-target-group-title">{{Lang::trans('messages.experiences')}}</span>
                  </div>
                  <span>{{$microunit->experiences}}</span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="row">
  <div class="col-md-8 col-md-offset-2">
    <div class="box box-widget">
      <div class="box-body">
        <div class="row">
          <div class="col-lg-6">
            <div class="col-lg-12">
              <div class="panel panel-default">
                <div class="panel-body mu-target-group">
                  <div class="mu-target-group-icon">
                    <i class="fa fa-tasks" aria-hidden="true"></i>
                    <span class="mu-target-group-title">{{Lang::trans('messages.learning')}}</span>
                  </div>
                  <span>{{$microunit->learning_styles}}</span>
                </div>
              </div>
            </div>
          </div>
          <div class="col-lg-6">
            <div class="col-lg-12">
              <div class="panel panel-default">
                <div class="panel-body mu-target-group">
                  <div class="mu-target-group-icon">
                    <i class="fa fa-lightbulb-o" aria-hidden="true"></i>
                    <span class="mu-target-group-title">{{Lang::trans('messages.prereq')}}</span>
                  </div>
                  <span>{{$microunit->prerequisites}}</span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="row">
  <div class="col-md-8 col-md-offset-2">
    <div class="box box-widget">
      <div class="box-body">
        <div class="row">
          <div class="col-lg-6">
            <div class="col-lg-12">
              <div class="panel panel-default">
                <div class="panel-body mu-target-group">
                  <div class="mu-target-group-icon">
                    <i class="fa fa-user" aria-hidden="true"></i>
                    <span class="mu-target-group-title">{{Lang::trans('messages.responsible')}}</span>
                  </div>
                @if($microunit->author)
                  <span>{{$microunit->author->name}}</span>
                @elseif($microunit->admin)
                  <span>{{$microunit->admin->name}}</span>
                @endif
                </div>
              </div>
            </div>
          </div>
          <div class="col-lg-6">
            <div class="col-lg-12">
              <div class="panel panel-default">
                <div class="panel-body mu-target-group">
                  <div class="mu-target-group-icon">
                    <i class="fa fa-creative-commons" aria-hidden="true"></i>
                    <span class="mu-target-group-title">{{Lang::trans('messages.license')}}</span>
                  </div>
                  <span>{{$microunit->license->name}}</span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="row">
  <div class="col-md-8 col-md-offset-2">
    <div class="box box-widget">
      <div class="box-body">
        <div class="row">
          <div class="col-lg-6">
            <div class="col-lg-12">
              <div class="panel panel-default">
                <div class="panel-body mu-target-group">
                  <div class="mu-target-group-icon">
                    <i class="fa fa-tag" aria-hidden="true"></i>
                    <span class="mu-target-group-title">{{Lang::trans('messages.tags')}}</span>
                  </div>
                  @foreach ($microunit->tags as $tag)
                    <span class="btn btn-primary">{{$tag->name}}</span>
                  @endforeach
                </div>
              </div>
            </div>
          </div>
          <div class="col-lg-6">
            <div class="col-lg-12">
              <div class="panel panel-default">
                <div class="panel-body mu-target-group">
                  <div class="mu-target-group-icon">
                    <i class="fa fa-map-marker" aria-hidden="true"></i>
                    <span class="mu-target-group-title">{{Lang::trans('messages.available')}}</span>
                  </div>
                  @foreach ($languages as $lang)
                      <span class="btn btn-danger">
                        {{$lang[0]['language']}}
                      </span>
                  @endforeach
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

@endsection