| <!DOCTYPE html> |
| <html class="dark"> |
| <head> |
| <script src="https://cdn.tailwindcss.com"></script> |
| <title>{{ anime.title }} - Playing</title> |
| </head> |
| <body class="bg-black text-white"> |
| <div class="max-w-6xl mx-auto p-4"> |
| <a href="/" class="text-cyan-500 mb-4 inline-block">← Back to Home</a> |
| <h2 class="text-2xl font-bold mb-4">{{ anime.title }} - Episode {{ ep.ep_number }}</h2> |
| |
| <div class="aspect-video bg-gray-900 rounded-xl overflow-hidden shadow-2xl border border-gray-800"> |
| <iframe src="{{ ep.servers[0].url }}" class="w-full h-full" allowfullscreen></iframe> |
| </div> |
|
|
| <div class="mt-6 flex gap-3"> |
| {% for srv in ep.servers %} |
| <button onclick="document.querySelector('iframe').src='{{ srv.url }}'" class="bg-gray-800 hover:bg-cyan-700 px-4 py-2 rounded text-sm transition"> |
| {{ srv.name }} |
| </button> |
| {% endfor %} |
| </div> |
|
|
| <div class="mt-8"> |
| <h3 class="text-xl font-bold mb-4">Semua Episode</h3> |
| <div class="grid grid-cols-5 md:grid-cols-10 gap-2"> |
| {% for e in anime.episodes %} |
| <a href="/watch/{{ anime.title.replace(' ', '_') }}/{{ loop.index0 }}" class="py-2 text-center rounded {% if ep_idx == loop.index0 %} bg-cyan-600 {% else %} bg-gray-800 hover:bg-gray-700 {% endif %}"> |
| {{ e.ep_number }} |
| </a> |
| {% endfor %} |
| </div> |
| </div> |
| </div> |
| </body> |
| </html> |
|
|
