{% extends 'MirrorOamBundle:Base:base.html.twig' %}

{% block content %}
<div ng-controller="indexController">
<h1 class="page-header">Dashboard</h1>
  <div class="row placeholders">
    <div class="col-xs-6 col-sm-3 placeholder">
      <h4>Label</h4>
      <span class="text-muted">Something else</span>
    </div>
    <div class="col-xs-6 col-sm-3 placeholder">
      <h4>Label</h4>
      <span class="text-muted">Something else</span>
    </div>
    <div class="col-xs-6 col-sm-3 placeholder">
      <h4>Label</h4>
      <span class="text-muted">Something else</span>
    </div>
    <div class="col-xs-6 col-sm-3 placeholder">
      <h4>Label</h4>
      <span class="text-muted">Something else</span>
    </div>
  </div>
  <h2 class="sub-header">Section title</h2>
  <div class="table-responsive">
      <table class="table table-striped">
        <thead>
          <tr>
            <th>#</th>
            <th>Header</th>
            <th>Header</th>
            <th>Header</th>
            <th>Header</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>1,014</td>
            <td>per</td>
            <td>inceptos</td>
            <td>himenaeos</td>
            <td>Curabitur</td>
          </tr>
        </tbody>
      </table>
  </div>
</div>
{% endblock %}
{% block script %}
<script type="text/javascript">
angular.module('myApp',[])
  .controller('indexController',function($scope,$http){
      init($scope,$http);
  });
  function init($scope,$http)
  {
    $("#oam-index").addClass('active');
  }
</script>
{% endblock %}