{% block watch_providers %}
    {% if result.providers %}
        <turbo-stream action="replace" targets="#{{ target }}">
            <template>
                <div class="flex flex-row justify-start items-end gap-1 mt-2">
                    {% for provider in result.providers %}
                        <a href="#">
                            <img class="w-10 h-10 rounded-lg" src="{{ provider.logo }}" alt="{{ provider.name }}" title="{{ provider.name }}" />
                        </a>
                    {% endfor %}
                </div>
            </template>
        </turbo-stream>
    {% endif %}
{% endblock %}

{% block genre_results %}
    <turbo-stream action="replace" targets="#{{ target }}">
        <template>
            <twig:Card title="{{ result.result.genre }}" class="w-full">
                <twig:PosterContainer genreId="{{ result.result.genre_id }}" mediaType="{{ result.result.media_type }}" media="{{ result.result.media }}"></twig:PosterContainer>
            </twig:Card>
        </template>
    </turbo-stream>
{% endblock %}
