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

{% block title %}Monitors — Torsearch{% endblock %}
{% block h2 %}Monitors{% endblock %}

{% block body %}
    <div class="flex flex-row">

        <div class="p-2 flex flex-col gap-4">
            <twig:Card title="Active Monitors">
                <twig:MonitorList :type="'active'" :isWidget="false" :perPage="10"></twig:MonitorList>
            </twig:Card>
            <twig:Card title="Complete Monitors">
                <twig:MonitorList :type="'complete'" :isWidget="false" :perPage="10"></twig:MonitorList>
            </twig:Card>
        </div>

        <div class="p-2">
            <twig:Card title="Upcoming Episodes" >
                <twig:UpcomingEpisodes />
            </twig:Card>
        </div>

    </div>
{% endblock %}