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

{% block title %}Discover — {{ parent() }}{% endblock %}

{% block h2 %}Discover New Media{% endblock %}

{% block body %}
    <div class="p-4 flex flex-col gap-4">
        <twig:Card title="Popular Movies" class="w-full">
            <twig:PosterContainer mediaType="movies" media="{{ movies }}" />
        </twig:Card>

        <twig:Card title="Popular Shows" class="w-full">
            <twig:PosterContainer mediaType="tvshows" media="{{ shows }}" />
        </twig:Card>
    </div>
{% endblock %}