{{template "base/base.html" .}}
{{define "meta"}}
{{end}}
{{define "extrajs"}}
{{end}}
{{define "body"}}
  <div class="row">
    <div class="col-sm-3">
      <div class="sidebar-nav">
        <div class="navbar navbar-default" role="navigation">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".sidebar-navbar-collapse">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <span class="visible-xs navbar-brand">Sidebar menu</span>
          </div>
          <div class="navbar-collapse collapse sidebar-navbar-collapse">
            <ul class="nav navbar-nav">
              <li class="active"><a href="#"><strong>Liste des compteurs</strong></a></li>
              {{range $key, $val := .compteurs}}
                  <li>
                    <a class="relayLink" id="{{$val.AdresseCompteur}}" href="/view/teleinfo/{{$val.AdresseCompteur}}" >
                        {{if eq $val.Description ""}}
                          {{$val.AdresseCompteur}}
                        {{else}}
                          {{$val.Description}}
                        {{end}}
                    </a>
                  </li>
              {{end}}
            </ul>
          </div><!--/.nav-collapse -->
        </div>
      </div>
    </div>
    <div class="col-sm-9">
      {{template "content" .}}
    </div>
  </div>
{{end}}


{{define "content"}}
  {{if .isCompteurSelected}}
    <div class="jumbotron">
      <center><h3><strong>{{.compteurDescription}}</strong></h3></center>
      <hr/>

      <h4>N° Compteur: <small>{{.dataCompteur.AdresseCompteur}}</small></h4>
      <h4>Option tarifaire: <small>{{.dataCompteur.OptionTarifaire}}</small></p>
      <h4>Option base: <small>{{.dataCompteur.OptionBase}}</small></h4>
      <h4>Heure pleine: <small>{{.dataCompteur.HeurePleinne}} Wh</small></h4>
      <h4>Heure creuse: <small>{{.dataCompteur.HeureCreuse}} Wh</small></h4>
    </div>
  {{end}}
{{end}}