{% extends "_layout" %}

{% block title -%}
Objects
{%- endblock %}

{% block nav -%}
<a href="/models" class="btn btn-link"><i class="icon icon-edit"></i>Edit models</a>
<a href="/takeout" class="btn btn-link">JSON</a>
{%- endblock %}

{% block content -%}

<h1>Objects</h1>

{% for table in models %}

<div class="container">
	<div class="cols">
		<div class="col-9">
			<h2>{{ table.model.name }}</h2>
		</div>
		<div class="col-3 text-right">
			<a href="/object/create/{{table.model.id}}" class="btn">
				<i class="icon icon-plus"></i>Add {{ table.model.name }}
			</a>
		</div>
	</div>
</div>

<ul>
{% for object in table.objects %}
	<li><a href="/object/detail/{{object.id}}">{{object.name}}</a> (<a href="/object/update/{{object.id}}">Edit</a>,
		<a href="/object/delete/{{object.id}}" onclick="return confirm('Delete object?')">Delete</a>)
{% endfor %}
</ul>

{% endfor %}

{%- endblock %}