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

{% block title %}{{ results.media.title }} — Download Options — Torsearch{% endblock %}

{% block body %}
    <div class="p-4 flex flex-col grow gap-4">
        <h2 class="mb-2 text-3xl font-bold text-gray-50">Media Results</h2>
        <div class="flex flex-row w-full gap-2">
            <twig:Card title="" contentClass="flex flex-col gap-4 justify-between w-full text-gray-50">
                <div class="p-4 flex flex-row gap-6">
                    <img class="w-24" src="{{ results.media.poster }}" />
                    <div class="w-full flex flex-col">
                        <h3 class="mb-4 text-xl font-medium leading-tight font-bold text-gray-50">
                            {{ results.media.title }} - {{ results.media.year }}
                        </h3>
                        <p class="text-gray-50">
                            {{ results.media.description }}
                        </p>
                    </div>
                </div>

                <div id="results" {{ stimulus_controller('movie_results', {imdbId: results.media.imdbId}) }}>
                </div>

            </twig:Card>
        </div>
    </div>
{% endblock %}