{% extends "_layout" %}
{% import "_macros" as macros %}

{% block title -%}
	Index
{%- endblock %}

{% block nav -%}
<a href="/">Home</a>
{%- endblock %}

{% block content -%}

<h1>Welcome to YOPA</h1>

<a href="/model/object/create">New model</a>

<h2>Defined models:</h2>

{% if models %}
<ul>
{% for model in models %}
	<li>
		<b title="{{model.id}}">{{model.name}}</b><br>

		<a href="/model/object/delete/{{model.id}}" onclick="return confirm('Delete model?')">Delete model</a> &middot;
		<a href="/model/object/update/{{model.id}}">Edit model</a> &middot;
		<a href="/model/relation/create/{{model.id}}">New relation</a> &middot;
		<a href="/model/property/create/{{model.id}}">New property</a>
		<br>

		{% if model.properties %}
		Properties:
		<ul>
			{% for prop in model.properties %}
				<li>
					{{ macros::describe_property(prop=prop) }}
				</li>
			{% endfor %}
		</ul>
		{% endif %}

		{% if model.relations %}
		Relations:
		<ul>
			{% for rel in model.relations %}
			<li>
				<span title="{{rel.model.id}}">"{{rel.model.name}}" -&gt; <i>{{rel.related_name}} (reciprocally as "{{rel.model.reciprocal_name}}")</i></span>
				{%- if rel.model.optional %}, OPTIONAL{% endif %}
				{%- if rel.model.multiple %}, MULTIPLE{% endif %}
				<br>

				<a href="/model/relation/update/{{rel.model.id}}">Edit relation</a> &middot;
				<a href="/model/relation/delete/{{rel.model.id}}" onclick="return confirm('Delete relation?')">Delete relation</a> &middot;
				<a href="/model/property/create/{{rel.model.id}}">New property</a>
				<br>

				{% if rel.properties %}
				Properties:
				<ul>
					{% for prop in rel.properties %}
					<li title="{{prop.id}}">
						{{ macros::describe_property(prop=prop) }}
					</li>
					{% endfor %}
				</ul>
				{% endif %}
			</li>
			{% endfor %}
		</ul>
		{% endif %}

		{% if model.reciprocal_relations %}
		Incoming relations:
		<ul>
			{% for rel in model.reciprocal_relations %}
			<li>
				<span title="{{rel.model.id}}">"{{rel.model.reciprocal_name}}" &lt;- <i>{{rel.related_name}}</i> (reciprocally as "{{rel.model.name}}")</span>
			</li>
			{% endfor %}
		</ul>
		{% endif %}
	</li>
{% endfor %}
</ul>
{% else %}
<p>No models defined.</p>
{% endif %}

{%- endblock %}