{% extends 'base.html.twig' %}

{% block title %}Monitors &mdash; Torsearch{% endblock %}
{% block h2 %}Monitors{% endblock %}

{% block action_buttons %}
    <a href="{{ path('app.monitor.upcoming-episodes') }}" data-turbo="false"
       class="h-6 bg-orange-500/80 hover:bg-orange-600/80 px-2 text-white rounded-ms text-sm font-semibold">
        Upcoming Episodes
    </a>
    <twig:ActionButton action="monitorDispatch" text="Run Monitors" />
{% endblock %}

{% block body %}
    <div class="px-4 py-2">
        <twig:Card title="Active Monitors">
            <twig:MonitorList :type="'active'" :isWidget="false" :perPage="10"></twig:MonitorList>
        </twig:Card>
    </div>
    <div class="px-4 py-2">
        <twig:Card title="Complete Monitors">
            <twig:MonitorList :type="'complete'" :isWidget="false" :perPage="10"></twig:MonitorList>
        </twig:Card>
    </div>
{% endblock %}
