@extends('app_admin')

@section('title', 'Properties | Luxury Concierge')

@section('content')
  <div class="container-fluid">
    <div class="row">
      <div class="col-sm-12">
        <!-- Header -->
        <div class="page-header">
          <span class="icon icon-analytics_chart_stats_statistics_5"></span>
          <h1>{{ $venues->count() == 1 ? $venues->first()->name : 'All Property' }} Stats</h1>
        </div>
        <!-- Property Bar -->
        @if(Auth::user()->get_admin_properties()->count() >= 2)
          @include('admin.partials.property_bar')
        @endif
        <!-- Content -->
        <div class="venue-stats masonry">
          <!-- Property Count -->
          <div class="masonry-item media">
            <div class="col-md-12 box-stats">
              <div class="media-left media-middle">
                <span class="menu-icon icon-skyscraper_company_office_commercial_building_3 icon"></span>
              </div>
              <div class="media-body">
                <span class="title">Properties</span>
                <span class="variable">{{ $venues->count() }}</span>
              </div>
            </div>
          </div>
          <!-- Total Articles Count -->
          <div class="masonry-item media">
            <div class="col-md-12 box-stats">
              <div class="media-left media-middle">
                <span class="menu-icon icon-newspaper_news_morning_events_journal icon"></span>
              </div>
              <div class="media-body">
                <span class="title">Total News</span>
                <span class="variable">{{ $articles->count() }}</span>
              </div>
            </div>
          </div>
          <!-- Community Articles Count -->
          <div class="masonry-item media">
            <div class="col-md-12 box-stats">
              <div class="media-left media-middle">
                <span class="menu-icon icon-skyscraper_company_office_commercial_building_3 icon"></span>
              </div>
              <div class="media-body">
                <span class="title">Community News</span>
                <span class="variable">{{ $articles->filter(function($item) { return $item->parent->article_category_id == 1; })->count() }}</span>
              </div>
            </div>
          </div>
          <!-- Lifestyle Articles Count -->
          <div class="masonry-item media">
            <div class="col-md-12 box-stats">
              <div class="media-left media-middle">
                <span class="menu-icon icon-vacation_beach_sun_sea_ocean_sand_lounger_umbrella_nature_travel icon"></span>
              </div>
              <div class="media-body">
                <span class="title">Lifestyle News</span>
                <span class="variable">{{ $articles->filter(function($item) { return $item->parent->article_category_id == 2; })->count() }}</span>
              </div>
            </div>
          </div>
          <!-- Total Directories Count -->
          <div class="masonry-item media">
            <div class="col-md-12 box-stats">
              <div class="media-left media-middle">
                <span class="menu-icon icon-label_folder_phone_book_contacts_documents_3 icon"></span>
              </div>
              <div class="media-body">
                <span class="title">Total Directories</span>
                <span class="variable">{{ $directories->count() }}</span>
              </div>
            </div>
          </div>
          <!-- Featured Directories Count -->
          <div class="masonry-item media">
            <div class="col-md-12 box-stats">
              <div class="media-left media-middle">
                <span class="menu-icon icon-label_folder_phone_book_contacts_documents_3 icon"></span>
              </div>
              <div class="media-body">
                <span class="title">Featured Directories</span>
                <span class="variable">
                  @if($venues->count() == 1)
                    {{ $directories->filter(function($item) { return $item->parent->featured; })->count() }}
                  @else
                    {{ $directories->filter(function($item) { return $item->featured; })->count() }}
                  @endif
                </span>
              </div>
            </div>
          </div>
          <!-- Total Events Count -->
          <div class="masonry-item media">
            <div class="col-md-12 box-stats">
              <div class="media-left media-middle">
                <span class="icon icon-calendar_date_schedule_event_month_year_3 icon"></span>
              </div>
              <div class="media-body">
                <span class="title">Total Events</span>
                <span class="variable">{{ $events->count() }}</span>
              </div>
            </div>
          </div>
          <!-- Upcoming Events Count -->
          <div class="masonry-item media">
            <div class="col-md-12 box-stats">
              <div class="media-left media-middle">
                <span class="icon icon-calendar_date_schedule_event_month_year_3 icon"></span>
              </div>
              <div class="media-body">
                <span class="title">Upcoming Events</span>
                <span class="variable">{{ $events->filter(function($item) { return $item->is_future_event(); })->count() }}</span>
              </div>
            </div>
          </div>
          <!-- Residents Count -->
          <div class="masonry-item media">
            <div class="col-md-12 box-stats">
              <div class="media-left media-middle">
                <span class="menu-icon icon-collective_group_masses_friends_company_silhoette icon"></span>
              </div>
              <div class="media-body">
                <span class="title">Residents</span>
                <span class="variable">{{ $residents->count() }}</span>
              </div>
            </div>
          </div>
          <!-- Total Requests Count -->
          @if(Auth::user()->hasRole('virtual_concierge') || Auth::user()->hasRole('admin'))
            <div class="masonry-item media">
              <div class="col-md-12 box-stats">
                <div class="media-left media-middle">
                  <span class="menu-icon icon-layers_windows_multiple_copy_duplicate icon"></span>
                </div>
                <div class="media-body">
                  <span class="title">Total Requests</span>
                  <span class="variable">{{ $requests->count() }}</span>
                </div>
              </div>
            </div>
            <!-- Closed Requests Count -->
            <div class="masonry-item media">
              <div class="col-md-12 box-stats">
                <div class="media-left media-middle">
                  <span class="menu-icon icon-layers_windows_multiple_copy_duplicate icon"></span>
                </div>
                <div class="media-body">
                  <span class="title">Closed Requests</span>
                  <span class="variable">{{ $requests->filter(function($item) { return $item->status; })->count() }}</span>
                </div>
              </div>
            </div>
            <!-- In Progress Requests Count -->
            <div class="masonry-item media">
              <div class="col-md-12 box-stats">
                <div class="media-left media-middle">
                  <span class="menu-icon icon-layers_windows_multiple_copy_duplicate icon"></span>
                </div>
                <div class="media-body">
                  <span class="title">Requests In Progress</span>
                  <span class="variable">{{ $requests->filter(function($item) { return !$item->status; })->count() }}</span>
                </div>
              </div>
            </div>
          @endif

        </div><!-- .venue-stats -->

      </div><!-- .col-sm-12 -->
    </div><!-- .row -->
  </div><!-- .container-fluid -->
@endsection

@section('script')
  <script type="text/javascript">
    angular.module('luxury-concierge', [
      'modal',
      'user',
      'socket',
      'liveChat',
      'uiSwitch'
    ]);
  </script>
  <script type="text/javascript" src="/assets/js/moment.min.js"></script>
  <script type="text/javascript" src="/assets/js/angular-moment.min.js"></script>
  <script type="text/javascript" src="{{ elixir('assets/js/controllers/modal.js') }}"></script>
  <script type="text/javascript" src="{{ elixir('assets/js/controllers/user.js') }}"></script>
  <script type="text/javascript" src="{{ elixir('assets/js/controllers/socket.js') }}"></script>
  <script type="text/javascript" src="{{ elixir('assets/js/controllers/liveChat.js') }}"></script>
@endsection