@extends('layouts.app')

@section('title')
    Dashboard
@endsection

@section('description')
    Overview of all activities.
@endsection

@section('breadcrumb')
    <li><a href="#">Dashboard</a></li>
@endsection

@section('content')
<!-- Small boxes (Stat box) -->
<div class="row">
    @include('dashboard.overview')
</div>
<!-- /.row -->

<!-- Small boxes (Stat box) -->
<div class="row">

    <!-- <div class="col-lg-3 col-xs-12">
        include('dashboard.table')
        include('dashboard.outage')
    </div> -->

    <div class="col-lg-8 col-xs-12">
        @include('dashboard.table')
        @include('dashboard.table_monitoring')
    </div>

    <div class="col-lg-4 col-xs-12">
        @include('dashboard.alarms')
        @include('dashboard.maps')
        @include('nodes.total_activity')
        @include('nodes.total_availability')
        @include('dashboard.kpi')
    </div>

</div>
<!-- /.row -->
@endsection

@section('scripts')
    <!-- ChartJS 1.0.1 -->
    <script src="/plugins/chartjs/Chart.min.js"></script>
    <!-- FastClick -->
    <script src="/plugins/fastclick/fastclick.js"></script>
    @include('nodes.scripts.total_availability')
    @include('nodes.scripts.total_activity')
    @include('dashboard.scripts.maps', ['nodes' => $nodes])
@endsection