@extends('frontrss')
@section('title', Lang::get('messages.home'))
@section('content')


<div class="content">
  <div class="full-container" ng-controller="modelOnlineCtrl" ng-cloak ng-init="onlineInit('{{Request::get('q')}}')" ng-cloak>
    <div class="banner m20">
        @if(app('settings') && app('settings')->banner != '')
        <a href="{{app('settings')->bannerLink}}"><img src="{{URL(app('settings')->banner)}}" width="100%"></a>
        @endif
    </div>     

    <!-- Nav tabs -->
        <!-- Tab panes --> 
    <div class="tab-content pedropedro">
      <div role="tabpanel" class="tab-pane active">
        <ul class="list-model flex-container wrap">
          <li ng-style="styleModelItem" class="col-sm-4 col-md-1-8 flex-item" ng-repeat="(key, item) in users">
            <div class="box-model">
              <div class="img-model">
                <a href="{{URL('profile')}}/<% item.username %>">
                  <img ng-src="/images/rooms/<% item . lastCaptureImage %>" alt="poster" ng-hide="!item.lastCaptureImage" class="img-responsive" height="130px" ng-mouseover="modelRotates(item)" fallback-src="{{URL('images/64x64.png')}}"/>
                  <img ng-src="<% item.avatar | avatar %>" alt="poster" ng-hide="item.lastCaptureImage" class="img-responsive" height="130px" fallback-src="{{URL('images/64x64.png')}}" />
                </a>


                <a class="a-favoured" title="Favorite" ng-click="setFavorite(key, item.id)"><i class="fa fa-heart" ng-class="{'fa-red': item.favorite, 'fa-white': !item.favorite}"></i></a>

              </div>
              <div class="text-box-model">
                  <a href="{{URL('profile')}}/<% item.username %>" class="name-model">
                    <% item.username | elipsis: 7 %> 
                    <i class="fa fa-circle" ng-class="{'text-success': item.isStreaming == 1 && item.chatType === 'public', 'text-danger': item.isStreaming == 1 && item.chatType !== 'public','text-warning': item.isStreaming == 0}"> </i> 
                    <span class="pull-right">
                      <% (item.age != '0' && item.age != null) ? item.age : '' %>
                      <i class="fa" ng-class="{'text-default': item.isStreaming, 'text-warning': !item.isStreaming, 'fa-male': item.sex == 'male', 'fa-female': item.sex == 'female', 'fa-user': item.sex == 'fa-user'}"></i> 
                    </span></a>
                                    <div class="tag list-model__tag">
                  <% item.status %>
                  <a href="?q=<% elem %>" class="tag" ng-repeat="(key, elem) in customSplitStringTags(item)">#<% elem %> </a>
                </div>  
              </div>
            </div>
          </li>
        </ul>
        <p ng-show="users.length == 0">@lang('messages.modelNotFoundMessageControl')!</p>
        <nav class="text-center">
          <ul class="pagination">  </ul>
        </nav>
      </div>



    </div>

  </div>
</div>

@endsection