{% extends "mockingbird/base.html" %}
{% block content %}
<div class="card"><div class="row"><div><div class="muted">Current scenario state</div><div class="state">{{ api.scenario_state|default:"(none)" }}</div><div class="muted">initial: {{ api.initial_state|default:"(none)" }}</div></div></div>
<form method="post" action="{% url 'scenario_action' api.slug %}" class="row" style="margin-top:12px">{% csrf_token %}<input type="hidden" name="action" value="set_state">
{% for s in states %}<button name="state" value="{{ s }}" class="sec">{{ s }}</button>{% endfor %}
<input type="text" name="state" placeholder="custom state" style="width:160px"><button>Set</button></form></div>
<div class="row">
<form method="post" action="{% url 'scenario_action' api.slug %}">{% csrf_token %}<button name="action" value="reset_state" class="sec">Reset state</button></form>
<form method="post" action="{% url 'scenario_action' api.slug %}">{% csrf_token %}<button name="action" value="reset_store" class="sec">Reset store</button></form>
<form method="post" action="{% url 'scenario_action' api.slug %}">{% csrf_token %}<button name="action" value="reset_all" class="bad">Reset everything (state, store, counters, log)</button></form>
<form method="post" action="{% url 'scenario_action' api.slug %}">{% csrf_token %}<button name="action" value="toggle_api" class="sec">{% if api.enabled %}Disable{% else %}Enable{% endif %} mock</button></form></div>

<h2>CRUD collections</h2>
<table><tr><th>Name</th><th>Path</th><th>ID field</th><th>Status</th><th></th></tr>
{% for c in collections %}<tr class="{% if not c.enabled %}dim{% endif %}"><td>{{ c.name }}</td><td><code>{{ api.base_path }}{{ c.path }}</code></td><td>{{ c.id_field }}</td><td>{% if c.enabled %}enabled{% else %}disabled{% endif %}</td>
<td><form class="inline" method="post" action="{% url 'scenario_action' api.slug %}">{% csrf_token %}<input type="hidden" name="id" value="{{ c.id }}"><button name="action" value="toggle_collection" class="sec">toggle</button> <button name="action" value="delete_collection" class="sec">delete</button></form></td></tr>
{% empty %}<tr><td colspan="5" class="muted">No collections. Add one to emulate list/get/create/update/delete on a path.</td></tr>{% endfor %}</table>
<form method="post" class="card" style="margin-top:12px"><div class="grid">{% for f in form %}<div class="field">{{ f.label_tag }}{{ f }}{{ f.errors }}</div>{% endfor %}</div>{% csrf_token %}<button>Add collection</button></form>

<h2>Store contents</h2>
{% for name, items in store.items %}<div class="card"><strong>{{ name }}</strong><pre>{{ items }}</pre></div>{% empty %}<p class="muted">The store is empty.</p>{% endfor %}
{% endblock %}