@extends('layouts.app')

@section('title')
    Node: {{ $node->device_id }}
@endsection

@section('description')
    Bandung
@endsection

@section('breadcrumb')
    <li><a href="#">All Nodes</a></li>
    <li class="active">{{ $node->device_id }}</a></li>
@endsection

@section('content')
<!-- Small boxes (Stat box) -->
<div class="row">

    <div class="col-lg-6 col-xs-12">
        @include('nodes.attributes')
        @include('nodes.last-timestamp')
        @include('nodes.status')
        @include('nodes.data', ['device_id' => $node->device_id])
        @include('nodes.availability')
        @include('nodes.packets')
    </div>

    <div class="col-lg-6 col-xs-12">
        @include('nodes.tickets')
        @include('contacts.attributes', ['contact' => $node->contact])
        @include('contacts.maps-individual')
        @include('nodes.alarm')
        @include('nodes.history')
    </div>

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

<!--LEFT
- Device Attributes (firmware, contact/installer, dll)
- Availability (outage graph)
- Statistic (signal strength, internet usage)
RIGHT
- general status (active, dll)
- Notification Alert
- History event/log
- Recent Outages-->

@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.availability')
    @include('nodes.scripts.packets')
    @include('nodes.scripts.status')
    @include('contacts.scripts.maps-individual', ['contact' => $node->contact])
@endsection