90 lines
4.7 KiB
Twig
90 lines
4.7 KiB
Twig
<div class="p-6 flex flex-col gap-6 bg-orange-500 bg-clip-padding backdrop-filter backdrop-blur-md bg-opacity-60 rounded-md">
|
|
<div class="flex flex-row gap-4">
|
|
<img class="w-64 rounded-lg" src="{{ results.media.poster }}" />
|
|
<div class="flex flex-col gap-4 grow">
|
|
<h4 class="text-md font-bold">{{ results.episode }}. {{ results.media.title }}</h4>
|
|
<p>{{ results.media.description }}</p>
|
|
<span>
|
|
<small class="py-1 px-1.5 grow-0 font-bold bg-green-600 rounded-lg hover:cursor-pointer hover:bg-green-700 text-white"
|
|
{{ stimulus_action('tv-results', 'toggleList', 'click') }}
|
|
><span {{ stimulus_target('tv-results', 'count') }}>{{ results.results|length }}</span> results</small>
|
|
</span>
|
|
</div>
|
|
<div class="flex flex-col items-end hover:cursor-pointer"
|
|
{{ stimulus_action('tv-results', 'toggleList', 'click') }}>
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="2em" height="2em" viewBox="0 0 32 32">
|
|
<path fill="currentColor" d="m16 10l10 10l-1.4 1.4l-8.6-8.6l-8.6 8.6L6 20z"/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<div class="inline-block overflow-hidden rounded-lg">
|
|
<table class="w-full text-sm text-left rtl:text-right text-gray-500 dark:text-gray-400 hidden"
|
|
data-tv-results-target="list"
|
|
>
|
|
<thead class="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400">
|
|
<tr class="dark:bg-stone-600 overflow-hidden">
|
|
<th scope="col"
|
|
class="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white">
|
|
Size
|
|
</th>
|
|
<th scope="col"
|
|
class="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white">
|
|
Resolution
|
|
</th>
|
|
<th scope="col"
|
|
class="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white">
|
|
Codec
|
|
</th>
|
|
<th scope="col"
|
|
class="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white">
|
|
Seeders
|
|
</th>
|
|
<th scope="col"
|
|
class="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white">
|
|
Provider
|
|
</th>
|
|
<th scope="col"
|
|
class="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white">
|
|
Language
|
|
</th>
|
|
<th scope="col"
|
|
class="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white">
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for result in results.results %}
|
|
<tr class="bg-white border-b dark:bg-slate-700 dark:border-gray-600 border-gray-200" data-languages="{{ result.languages|json_encode }}">
|
|
<td id="size" class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-800 dark:text-gray-50">
|
|
{{ result.size }}
|
|
</td>
|
|
<td id="resolution" class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-800 dark:text-gray-50">
|
|
{{ result.resolution }}
|
|
</td>
|
|
<td id="codec" class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-800 dark:text-gray-50">
|
|
{{ result.codec }}
|
|
</td>
|
|
<td id="seeders" class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-800 dark:text-gray-50">
|
|
{{ result.seeders }}
|
|
</td>
|
|
<td id="provider" class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-800 dark:text-gray-50">
|
|
{{ result.provider }}
|
|
</td>
|
|
<td id="language" class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-800 dark:text-gray-50">
|
|
{{ result.languageFlags }}
|
|
</td>
|
|
<td class="px-6 py-4 whitespace-nowrap text-sm text-end text-gray-800 dark:text-gray-50 flex flex-row gap-2 items-center justify-end">
|
|
<span class="p-1.5 bg-green-600 rounded-md text-gray-50">
|
|
Download
|
|
</span>
|
|
<label for="select">
|
|
<input id="select" type="checkbox" name="select" />
|
|
</label>
|
|
</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|