@extends('layouts.default')
@section('content')
<style type="text/css">
   .recent_activities{
   height: 248px;
   }
</style>

<!-- page content -->
<div class="right_col" role="main">
  <!-- top tiles -->
  <div class="row tile_count">
    <div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
      <a href="{{ url('implementorStudentsLists/'.$implementor[0]->total_job_status) }}">
        <span class="count_top"><i class="fa fa-user"></i> Total Jobs</span>
        <div class="count">{{ $implementor[0]->total_job_count }}</div>
        <span class="count_bottom"><i class="green">{{ $implementor[0]->week_total_job_percentage }}% </i> Current Week</span>
      </a>
    </div>
    <div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
      <a href="{{ url('implementorStudentsLists/'.$implementor[0]->total_shared_status) }}">
        <span class="count_top"><i class="fa fa-user"></i> Total Shared</span>
        <div class="count">{{ $implementor[0]->total_shared_count }}</div>
        <span class="count_bottom"><i class="green">{{ $implementor[0]->week_total_shared_percentage }}% </i> Current Week</span>
      </a>
    </div>
    <div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
      <a href="{{ url('implementorStudentsLists/'.$implementor[0]->total_scheduled_stauts) }}">
        <span class="count_top"><i class="fa fa-user"></i> Total Scheduled</span>
        <div class="count">{{ $implementor[0]->total_scheduled_count }}</div>
        <span class="count_bottom"><i class="green">{{ $implementor[0]->week_total_scheduled_percentage }}%  </i> Current Week</span>
      </a>
    </div>
    <div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
      <a href="{{ url('implementorStudentsLists/'.$implementor[0]->total_attended_status) }}">
        <span class="count_top"><i class="fa fa-user"></i> Total Attended</span>
        <div class="count">{{ $implementor[0]->total_attended_count }}</div>
        <span class="count_bottom"><i class="green">{{ $implementor[0]->week_total_attended_percentage }}%  </i> Current Week</span>
      </a>
    </div>
    <div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
      <a href="{{ url('implementorStudentsLists/'.$implementor[0]->total_selected_status) }}">
        <span class="count_top"><i class="fa fa-user"></i> Total Selected</span>
        <div class="count">{{ $implementor[0]->total_selected_count }}</div>
        <span class="count_bottom"><i class="green">{{ $implementor[0]->week_total_selected_percentage }}%  </i> Current Week</span>
      </a>
    </div>
  </div>
  <!-- /top tiles -->

  <div class="row">
    @include('graphs.dashboard_graph')
  </div>
  <br />

   @include('chat.dashboard_chat')

  <div class="row">
    <div class="col-md-4 col-sm-4 col-xs-12">
         <div class="x_panel">
            <div class="x_title">
               <h2>Recent Activities <small>Sessions</small></h2>
               <div class="clearfix"></div>
            </div>
            <div class="x_content">
               <div class="dashboard-widget-content recent_activities">
                  <ul class="list-unstyled timeline widget">
                     @if(count($latest_activities)>0)
                     @foreach($latest_activities as $latest_activity)
                     <li>
                        <div class="block">
                           <div class="block_content">
                              <h2 class="title">
                                 <div class="byline">
                                    <span>{{ date('d M',strtotime($latest_activity['created_at'])) }}</span> <a>{{ date('Y',strtotime($latest_activity['created_at'])) }}</a>
                                 </div>
                              </h2>
                              <p class="excerpt">{{ $latest_activity['text'] }}</a>
                              </p>
                           </div>
                        </div>
                     </li>
                     @endforeach
                     @else
                     <li>
                        <div class="block">
                           <div class="block_content">
                              <h2 class="title">
                                 <div class="byline">
                                    No Recent Activity!
                                 </div>
                              </h2>
                           </div>
                        </div>
                     </li>
                     @endif
                  </ul>
               </div>
            </div>
         </div>
    </div>
    <div class="col-md-8 col-sm-8 col-xs-12">
      <div class="row">
        <div class="col-md-12 col-sm-12 col-xs-12">
          <div class="x_panel">
            <div class="x_title">
              <h2>Visitors location <small>geo-presentation</small></h2>
              <ul class="nav navbar-right panel_toolbox">
                <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                </li>
                <li class="dropdown">
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
                  <ul class="dropdown-menu" role="menu">
                    <li><a href="#">Settings 1</a>
                    </li>
                    <li><a href="#">Settings 2</a>
                    </li>
                  </ul>
                </li>
                <li><a class="close-link"><i class="fa fa-close"></i></a>
                </li>
              </ul>
              <div class="clearfix"></div>
            </div>
            <div class="x_content">
              <div class="dashboard-widget-content">
                <div class="col-md-4 hidden-small">
                  <h2 class="line_30">125.7k Views from 60 countries</h2>

                  <table class="countries_list">
                    <tbody>
                      <tr>
                        <td>United States</td>
                        <td class="fs15 fw700 text-right">33%</td>
                      </tr>
                      <tr>
                        <td>France</td>
                        <td class="fs15 fw700 text-right">27%</td>
                      </tr>
                      <tr>
                        <td>Germany</td>
                        <td class="fs15 fw700 text-right">16%</td>
                      </tr>
                      <tr>
                        <td>Spain</td>
                        <td class="fs15 fw700 text-right">11%</td>
                      </tr>
                      <tr>
                        <td>Britain</td>
                        <td class="fs15 fw700 text-right">10%</td>
                      </tr>
                    </tbody>
                  </table>
                </div>
                <div id="world-map-gdp" class="col-md-8 col-sm-12 col-xs-12" style="height:230px;"></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- /page content -->

@stop