{{ define "content" }}

<div class="container">
  
  <div class="karmen-info-header">
    <div class="row">
      <div class="col-md-8">
	<h1>Attività ({{len .Data}})</h1>
      </div>
      <div class="col-md-4">
	<a href="/activities/add/?{{query "tpl_layout" "base" "tpl_content" "activities_add_update"}}" class="btn btn-primary float-right">
	  <span class="fa fa-plus-circle" aria-hidden="true"></span>
	  Crea nuova attività
	</a>
      </div>
    </div>
  </div>

  <div class="input-group" style="margin-bottom: 20px">
    <span class="input-group-addon" id="search-query"><span class="glyphicon glyphicon-search"></span></span>
    <input type="text" id="myInput" class="form-control" aria-describedby="search-query">
  </div>
  
  {{if not .Data}}
  <p>Non c'è alcun elemento da visualizzare</p>
  {{else}}
  <div class="list-group" id="myUL">
    {{range $activity := .Data}}
    <a class="list-group-item list-group-item-action" href="/activities/{{$activity.ID}}?{{query "tpl_layout" "base" "tpl_content" "activities_show"}}">
      <span class="fas fa-business-time"></span>
      {{if not $activity.Subject}}
      <small>no materia</small>
      {{else}}
      {{$activity.Subject.Name}}
      {{end}}
      <div class="text-right">
	{{if not $activity.Teacher}}
	<small>no docente</small>
	{{else}}
	<small>{{$activity.Teacher.Surname}}</small>
	{{end}}
	{{if not $activity.Class}}
	<small>no classe</small>
	{{else}}
	<small>{{$activity.Class.Name}}</small>
	{{end}}
	<small>{{$activity.Hours}}h</small>
      </div>
    </a>
    {{end}}
    {{end}}
  </div>
</div>
  
{{ end }}