fix: animates episode toggle list button

fix: cleans up paginator
wip: working episode pagination, season switcher, monitor only new content
2025-06-19 14:49:58 -05:00 · 2025-06-19 14:30:26 -05:00 · 2025-06-19 13:30:22 -05:00 · 2025-06-14 15:14:53 -05:00 · 2025-06-13 23:44:49 -05:00 · 2025-06-12 23:39:06 -05:00
33 changed files with 636 additions and 141 deletions
--- a/assets/controllers/result_filter_controller.js
+++ b/assets/controllers/result_filter_controller.js
@@ -20,7 +20,7 @@ export default class extends Controller {
        "provider": "",
    }

-    static outlets = ['movie-results', 'tv-results']
+    static outlets = ['movie-results', 'tv-results', 'tv-episode-list']
    static targets = ['resolution', 'codec', 'language', 'provider', 'season', 'selectAll', 'downloadSelected']
    static values = {
        'media-type': String,
@@ -127,6 +127,10 @@ export default class extends Controller {
        }
    }

+    setSeason(event) {
+        this.tvEpisodeListOutlet.setSeason(event.target.value);
+    }
+
    uncheckSelectAllBtn() {
        this.selectAllTarget.checked = false;
    }
--- a/assets/controllers/tv_episode_list_controller.js
+++ b/assets/controllers/tv_episode_list_controller.js
@@ -0,0 +1,51 @@
+import { Controller } from '@hotwired/stimulus';
+import { getComponent } from '@symfony/ux-live-component';
+
+/*
+* The following line makes this controller "lazy": it won't be downloaded until needed
+* See https://symfony.com/bundles/StimulusBundle/current/index.html#lazy-stimulus-controllers
+*/
+
+/* stimulusFetch: 'lazy' */
+export default class extends Controller {
+
+    async initialize() {
+        this.component = await getComponent(this.element);
+        this.component.on('render:finished', (component) => {
+            console.log(component);
+        });
+    }
+
+    setSeason(season) {
+        this.element.querySelectorAll(".episode-container").forEach(element => element.remove());
+        this.component.set('pageNumber', 1);
+        this.component.set('season', parseInt(season));
+        this.component.render();
+    }
+
+    paginate(event) {
+        this.element.querySelectorAll(".episode-container").forEach(element => element.remove());
+        this.component.action('paginate', {page: event.params.page});
+        this.component.render();
+    }
+
+    connect() {
+        // Called every time the controller is connected to the DOM
+        // (on page load, when it's added to the DOM, moved in the DOM, etc.)
+
+        // Here you can add event listeners on the element or target elements,
+        // add or remove classes, attributes, dispatch custom events, etc.
+        // this.fooTarget.addEventListener('click', this._fooBar)
+    }
+
+    // Add custom controller actions here
+    // fooBar() { this.fooTarget.classList.toggle(this.bazClass) }
+
+    disconnect() {
+        // Called anytime its element is disconnected from the DOM
+        // (on page change, when it's removed from or moved in the DOM, etc.)
+
+        // Here you should remove all event listeners added in "connect()" 
+        // this.fooTarget.removeEventListener('click', this._fooBar)
+    }
+}
--- a/assets/controllers/tv_results_controller.js
+++ b/assets/controllers/tv_results_controller.js
@@ -18,18 +18,19 @@ export default class extends Controller {
        active: Boolean,
    };

-    static targets = ['list', 'count', 'episodeSelector']
+    static targets = ['list', 'count', 'episodeSelector', 'toggleButton']
    static outlets = ['loading-icon']

    options = []
    optionsLoaded = false
+    isOpen = false

    async connect() {
        await this.setOptions();
    }

    async setOptions() {
-        if (true === this.activeValue && this.optionsLoaded === false) {
+        if (this.optionsLoaded === false) {
            this.optionsLoaded = true;
            await fetch(`/torrentio/tvshows/${this.tmdbIdValue}/${this.imdbIdValue}/${this.seasonValue}/${this.episodeValue}`)
                .then(res => res.text())
@@ -55,19 +56,13 @@ export default class extends Controller {
    // }

    async setActive() {
-        this.activeValue = true;
-        this.element.classList.remove('hidden');
        if (false === this.optionsLoaded) {
            await this.setOptions();
        }
    }

    async setInActive() {
-        this.activeValue = false;
-        // if (true === this.hasEpisodeSelectorTarget()) {
        this.episodeSelectorTarget.checked = false;
-        // }
-        this.element.classList.add('hidden');
    }

    isActive() {
@@ -85,7 +80,16 @@ export default class extends Controller {
    }

    toggleList() {
+        // if (!this.isOpen) {
+        //     this.toggleButtonTarget.classList.add('rotate-180');
+        //     this.toggleButtonTarget.classList.remove('-rotate-180');
+        // } else {
+        //     this.toggleButtonTarget.classList.add('-rotate-180');
+        //     this.toggleButtonTarget.classList.remove('rotate-180');
+        // }
        this.listTarget.classList.toggle('hidden');
+        this.toggleButtonTarget.classList.toggle('rotate-90');
+        this.toggleButtonTarget.classList.toggle('-rotate-90');
    }

    download() {
--- a/compose.yml
+++ b/compose.yml
@@ -40,7 +40,7 @@ services:
    tty: true
    environment:
      TZ: America/Chicago
-    command: php /app/bin/console messenger:consume async -vv --time-limit=3600 --limit=10
+    command: php /app/bin/console messenger:consume media_cache -vv --time-limit=3600


  scheduler:
--- a/composer.json
+++ b/composer.json
@@ -4,7 +4,7 @@
    "minimum-stability": "stable",
    "prefer-stable": true,
    "require": {
-        "php": ">=8.2",
+        "php": ">=8.4",
        "ext-ctype": "*",
        "ext-iconv": "*",
        "1tomany/rich-bundle": "^1.8",
@@ -57,6 +57,9 @@
            "symfony/flex": true,
            "symfony/runtime": true
        },
+        "platform": {
+            "php": "8.4"
+        },
        "bump-after-update": true,
        "sort-packages": true
    },
--- a/composer.lock
+++ b/composer.lock
@@ -4,20 +4,20 @@
        "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
        "This file is @generated automatically"
    ],
-    "content-hash": "55c76ae7fe5ad6e5c7edbb0150987fc7",
+    "content-hash": "e8b5e39f9d73a6ace2b9e39240186b4f",
    "packages": [
        {
            "name": "1tomany/rich-bundle",
-            "version": "v1.9.5",
+            "version": "v1.10.4",
            "source": {
                "type": "git",
                "url": "https://github.com/1tomany/rich-bundle.git",
-                "reference": "434c0fa70aefa11a23342006a10221360beb0f71"
+                "reference": "63a728e22632082d6db07e158bf1f5a4e5854d01"
            },
            "dist": {
                "type": "zip",
-                "url": "https://api.github.com/repos/1tomany/rich-bundle/zipball/434c0fa70aefa11a23342006a10221360beb0f71",
-                "reference": "434c0fa70aefa11a23342006a10221360beb0f71",
+                "url": "https://api.github.com/repos/1tomany/rich-bundle/zipball/63a728e22632082d6db07e158bf1f5a4e5854d01",
+                "reference": "63a728e22632082d6db07e158bf1f5a4e5854d01",
                "shasum": ""
            },
            "require": {
@@ -60,9 +60,9 @@
            "description": "Symfony bundle that provides easy scaffolding to build RICH applications",
            "support": {
                "issues": "https://github.com/1tomany/rich-bundle/issues",
-                "source": "https://github.com/1tomany/rich-bundle/tree/v1.9.5"
+                "source": "https://github.com/1tomany/rich-bundle/tree/v1.10.4"
            },
-            "time": "2025-05-01T16:54:44+00:00"
+            "time": "2025-06-05T00:20:20+00:00"
        },
        {
            "name": "aimeos/map",
@@ -997,16 +997,16 @@
        },
        {
            "name": "doctrine/doctrine-migrations-bundle",
-            "version": "3.4.1",
+            "version": "3.4.2",
            "source": {
                "type": "git",
                "url": "https://github.com/doctrine/DoctrineMigrationsBundle.git",
-                "reference": "e858ce0f5c12b266dce7dce24834448355155da7"
+                "reference": "5a6ac7120c2924c4c070a869d08b11ccf9e277b9"
            },
            "dist": {
                "type": "zip",
-                "url": "https://api.github.com/repos/doctrine/DoctrineMigrationsBundle/zipball/e858ce0f5c12b266dce7dce24834448355155da7",
-                "reference": "e858ce0f5c12b266dce7dce24834448355155da7",
+                "url": "https://api.github.com/repos/doctrine/DoctrineMigrationsBundle/zipball/5a6ac7120c2924c4c070a869d08b11ccf9e277b9",
+                "reference": "5a6ac7120c2924c4c070a869d08b11ccf9e277b9",
                "shasum": ""
            },
            "require": {
@@ -1020,7 +1020,6 @@
                "composer/semver": "^3.0",
                "doctrine/coding-standard": "^12",
                "doctrine/orm": "^2.6 || ^3",
-                "doctrine/persistence": "^2.0 || ^3",
                "phpstan/phpstan": "^1.4 || ^2",
                "phpstan/phpstan-deprecation-rules": "^1 || ^2",
                "phpstan/phpstan-phpunit": "^1 || ^2",
@@ -1063,7 +1062,7 @@
            ],
            "support": {
                "issues": "https://github.com/doctrine/DoctrineMigrationsBundle/issues",
-                "source": "https://github.com/doctrine/DoctrineMigrationsBundle/tree/3.4.1"
+                "source": "https://github.com/doctrine/DoctrineMigrationsBundle/tree/3.4.2"
            },
            "funding": [
                {
@@ -1079,7 +1078,7 @@
                    "type": "tidelift"
                }
            ],
-            "time": "2025-01-27T22:48:22+00:00"
+            "time": "2025-03-11T17:36:26+00:00"
        },
        {
            "name": "doctrine/event-manager",
@@ -2079,16 +2078,16 @@
        },
        {
            "name": "nesbot/carbon",
-            "version": "3.9.1",
+            "version": "3.10.0",
            "source": {
                "type": "git",
                "url": "https://github.com/CarbonPHP/carbon.git",
-                "reference": "ced71f79398ece168e24f7f7710462f462310d4d"
+                "reference": "c1397390dd0a7e0f11660f0ae20f753d88c1f3d9"
            },
            "dist": {
                "type": "zip",
-                "url": "https://api.github.com/repos/CarbonPHP/carbon/zipball/ced71f79398ece168e24f7f7710462f462310d4d",
-                "reference": "ced71f79398ece168e24f7f7710462f462310d4d",
+                "url": "https://api.github.com/repos/CarbonPHP/carbon/zipball/c1397390dd0a7e0f11660f0ae20f753d88c1f3d9",
+                "reference": "c1397390dd0a7e0f11660f0ae20f753d88c1f3d9",
                "shasum": ""
            },
            "require": {
@@ -2096,9 +2095,9 @@
                "ext-json": "*",
                "php": "^8.1",
                "psr/clock": "^1.0",
-                "symfony/clock": "^6.3 || ^7.0",
+                "symfony/clock": "^6.3.12 || ^7.0",
                "symfony/polyfill-mbstring": "^1.0",
-                "symfony/translation": "^4.4.18 || ^5.2.1|| ^6.0 || ^7.0"
+                "symfony/translation": "^4.4.18 || ^5.2.1 || ^6.0 || ^7.0"
            },
            "provide": {
                "psr/clock-implementation": "1.0"
@@ -2106,14 +2105,13 @@
            "require-dev": {
                "doctrine/dbal": "^3.6.3 || ^4.0",
                "doctrine/orm": "^2.15.2 || ^3.0",
-                "friendsofphp/php-cs-fixer": "^3.57.2",
+                "friendsofphp/php-cs-fixer": "^3.75.0",
                "kylekatarnls/multi-tester": "^2.5.3",
-                "ondrejmirtes/better-reflection": "^6.25.0.4",
                "phpmd/phpmd": "^2.15.0",
-                "phpstan/extension-installer": "^1.3.1",
-                "phpstan/phpstan": "^1.11.2",
-                "phpunit/phpunit": "^10.5.20",
-                "squizlabs/php_codesniffer": "^3.9.0"
+                "phpstan/extension-installer": "^1.4.3",
+                "phpstan/phpstan": "^2.1.17",
+                "phpunit/phpunit": "^10.5.46",
+                "squizlabs/php_codesniffer": "^3.13.0"
            },
            "bin": [
                "bin/carbon"
@@ -2181,7 +2179,7 @@
                    "type": "tidelift"
                }
            ],
-            "time": "2025-05-01T19:51:51+00:00"
+            "time": "2025-06-12T10:24:28+00:00"
        },
        {
            "name": "nihilarr/parse-torrent-name",
@@ -7672,16 +7670,16 @@
        },
        {
            "name": "symfony/stimulus-bundle",
-            "version": "v2.25.2",
+            "version": "v2.26.1",
            "source": {
                "type": "git",
                "url": "https://github.com/symfony/stimulus-bundle.git",
-                "reference": "5a6aef0646119530da862d5afa1386ade3b9ed43"
+                "reference": "82c174ebe564e6ecc1412974b6380b86d450675f"
            },
            "dist": {
                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/stimulus-bundle/zipball/5a6aef0646119530da862d5afa1386ade3b9ed43",
-                "reference": "5a6aef0646119530da862d5afa1386ade3b9ed43",
+                "url": "https://api.github.com/repos/symfony/stimulus-bundle/zipball/82c174ebe564e6ecc1412974b6380b86d450675f",
+                "reference": "82c174ebe564e6ecc1412974b6380b86d450675f",
                "shasum": ""
            },
            "require": {
@@ -7721,7 +7719,7 @@
                "symfony-ux"
            ],
            "support": {
-                "source": "https://github.com/symfony/stimulus-bundle/tree/v2.25.2"
+                "source": "https://github.com/symfony/stimulus-bundle/tree/v2.26.1"
            },
            "funding": [
                {
@@ -7737,7 +7735,7 @@
                    "type": "tidelift"
                }
            ],
-            "time": "2025-05-19T11:54:27+00:00"
+            "time": "2025-06-05T17:25:17+00:00"
        },
        {
            "name": "symfony/stopwatch",
@@ -8338,16 +8336,16 @@
        },
        {
            "name": "symfony/ux-icons",
-            "version": "v2.25.0",
+            "version": "v2.26.0",
            "source": {
                "type": "git",
                "url": "https://github.com/symfony/ux-icons.git",
-                "reference": "430b2753aa55a46baa001055bf7976b62bc96942"
+                "reference": "e5c1e5b5093ae26dba45d0f3390a1e21f305c47a"
            },
            "dist": {
                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/ux-icons/zipball/430b2753aa55a46baa001055bf7976b62bc96942",
-                "reference": "430b2753aa55a46baa001055bf7976b62bc96942",
+                "url": "https://api.github.com/repos/symfony/ux-icons/zipball/e5c1e5b5093ae26dba45d0f3390a1e21f305c47a",
+                "reference": "e5c1e5b5093ae26dba45d0f3390a1e21f305c47a",
                "shasum": ""
            },
            "require": {
@@ -8407,7 +8405,7 @@
                "twig"
            ],
            "support": {
-                "source": "https://github.com/symfony/ux-icons/tree/v2.25.0"
+                "source": "https://github.com/symfony/ux-icons/tree/v2.26.0"
            },
            "funding": [
                {
@@ -8423,20 +8421,20 @@
                    "type": "tidelift"
                }
            ],
-            "time": "2025-04-07T13:54:07+00:00"
+            "time": "2025-05-30T02:07:34+00:00"
        },
        {
            "name": "symfony/ux-live-component",
-            "version": "v2.25.2",
+            "version": "v2.26.1",
            "source": {
                "type": "git",
                "url": "https://github.com/symfony/ux-live-component.git",
-                "reference": "79e8cc179eb21119547c492ae21e4bf529ac1a15"
+                "reference": "92b300bb90d87f14aeae47b0f5c9e058b15f5c2f"
            },
            "dist": {
                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/ux-live-component/zipball/79e8cc179eb21119547c492ae21e4bf529ac1a15",
-                "reference": "79e8cc179eb21119547c492ae21e4bf529ac1a15",
+                "url": "https://api.github.com/repos/symfony/ux-live-component/zipball/92b300bb90d87f14aeae47b0f5c9e058b15f5c2f",
+                "reference": "92b300bb90d87f14aeae47b0f5c9e058b15f5c2f",
                "shasum": ""
            },
            "require": {
@@ -8449,7 +8447,9 @@
                "twig/twig": "^3.10.3"
            },
            "conflict": {
-                "symfony/config": "<5.4.0"
+                "symfony/config": "<5.4.0",
+                "symfony/property-info": "~7.0.0",
+                "symfony/type-info": "<7.2"
            },
            "require-dev": {
                "doctrine/annotations": "^1.0",
@@ -8502,7 +8502,7 @@
                "twig"
            ],
            "support": {
-                "source": "https://github.com/symfony/ux-live-component/tree/v2.25.2"
+                "source": "https://github.com/symfony/ux-live-component/tree/v2.26.1"
            },
            "funding": [
                {
@@ -8518,20 +8518,20 @@
                    "type": "tidelift"
                }
            ],
-            "time": "2025-05-19T11:54:27+00:00"
+            "time": "2025-06-06T19:57:53+00:00"
        },
        {
            "name": "symfony/ux-turbo",
-            "version": "v2.25.2",
+            "version": "v2.26.1",
            "source": {
                "type": "git",
                "url": "https://github.com/symfony/ux-turbo.git",
-                "reference": "11ebca138005c7e25678c3f98a07ddf718a0480c"
+                "reference": "3754ac2b41220127e58c62f7599eaf7834b69a55"
            },
            "dist": {
                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/ux-turbo/zipball/11ebca138005c7e25678c3f98a07ddf718a0480c",
-                "reference": "11ebca138005c7e25678c3f98a07ddf718a0480c",
+                "url": "https://api.github.com/repos/symfony/ux-turbo/zipball/3754ac2b41220127e58c62f7599eaf7834b69a55",
+                "reference": "3754ac2b41220127e58c62f7599eaf7834b69a55",
                "shasum": ""
            },
            "require": {
@@ -8545,7 +8545,8 @@
                "dbrekelmans/bdi": "dev-main",
                "doctrine/doctrine-bundle": "^2.4.3",
                "doctrine/orm": "^2.8 | 3.0",
-                "phpstan/phpstan": "^1.10",
+                "php-webdriver/webdriver": "^1.15",
+                "phpstan/phpstan": "^2.1.17",
                "symfony/asset-mapper": "^6.4|^7.0",
                "symfony/debug-bundle": "^5.4|^6.0|^7.0",
                "symfony/expression-language": "^5.4|^6.0|^7.0",
@@ -8553,7 +8554,7 @@
                "symfony/framework-bundle": "^6.4|^7.0",
                "symfony/mercure-bundle": "^0.3.7",
                "symfony/messenger": "^5.4|^6.0|^7.0",
-                "symfony/panther": "^2.1",
+                "symfony/panther": "^2.2",
                "symfony/phpunit-bridge": "^5.4|^6.0|^7.0",
                "symfony/process": "^5.4|6.3.*|^7.0",
                "symfony/property-access": "^5.4|^6.0|^7.0",
@@ -8600,7 +8601,7 @@
                "turbo-stream"
            ],
            "support": {
-                "source": "https://github.com/symfony/ux-turbo/tree/v2.25.2"
+                "source": "https://github.com/symfony/ux-turbo/tree/v2.26.1"
            },
            "funding": [
                {
@@ -8616,20 +8617,20 @@
                    "type": "tidelift"
                }
            ],
-            "time": "2025-05-19T11:54:27+00:00"
+            "time": "2025-06-05T17:25:17+00:00"
        },
        {
            "name": "symfony/ux-twig-component",
-            "version": "v2.25.2",
+            "version": "v2.26.0",
            "source": {
                "type": "git",
                "url": "https://github.com/symfony/ux-twig-component.git",
-                "reference": "d20da25517fc09d147897d02819a046f0a0f6735"
+                "reference": "825e653b34fb48ed2198913c603d80f7632fe9c1"
            },
            "dist": {
                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/ux-twig-component/zipball/d20da25517fc09d147897d02819a046f0a0f6735",
-                "reference": "d20da25517fc09d147897d02819a046f0a0f6735",
+                "url": "https://api.github.com/repos/symfony/ux-twig-component/zipball/825e653b34fb48ed2198913c603d80f7632fe9c1",
+                "reference": "825e653b34fb48ed2198913c603d80f7632fe9c1",
                "shasum": ""
            },
            "require": {
@@ -8683,7 +8684,7 @@
                "twig"
            ],
            "support": {
-                "source": "https://github.com/symfony/ux-twig-component/tree/v2.25.2"
+                "source": "https://github.com/symfony/ux-twig-component/tree/v2.26.0"
            },
            "funding": [
                {
@@ -8699,7 +8700,7 @@
                    "type": "tidelift"
                }
            ],
-            "time": "2025-05-20T13:06:01+00:00"
+            "time": "2025-05-26T06:21:54+00:00"
        },
        {
            "name": "symfony/validator",
@@ -9386,16 +9387,16 @@
    "packages-dev": [
        {
            "name": "nikic/php-parser",
-            "version": "v5.4.0",
+            "version": "v5.5.0",
            "source": {
                "type": "git",
                "url": "https://github.com/nikic/PHP-Parser.git",
-                "reference": "447a020a1f875a434d62f2a401f53b82a396e494"
+                "reference": "ae59794362fe85e051a58ad36b289443f57be7a9"
            },
            "dist": {
                "type": "zip",
-                "url": "https://api.github.com/repos/nikic/PHP-Parser/zipball/447a020a1f875a434d62f2a401f53b82a396e494",
-                "reference": "447a020a1f875a434d62f2a401f53b82a396e494",
+                "url": "https://api.github.com/repos/nikic/PHP-Parser/zipball/ae59794362fe85e051a58ad36b289443f57be7a9",
+                "reference": "ae59794362fe85e051a58ad36b289443f57be7a9",
                "shasum": ""
            },
            "require": {
@@ -9438,22 +9439,22 @@
            ],
            "support": {
                "issues": "https://github.com/nikic/PHP-Parser/issues",
-                "source": "https://github.com/nikic/PHP-Parser/tree/v5.4.0"
+                "source": "https://github.com/nikic/PHP-Parser/tree/v5.5.0"
            },
-            "time": "2024-12-30T11:07:19+00:00"
+            "time": "2025-05-31T08:24:38+00:00"
        },
        {
            "name": "phpstan/phpstan",
-            "version": "2.1.14",
+            "version": "2.1.17",
            "source": {
                "type": "git",
                "url": "https://github.com/phpstan/phpstan.git",
-                "reference": "8f2e03099cac24ff3b379864d171c5acbfc6b9a2"
+                "reference": "89b5ef665716fa2a52ecd2633f21007a6a349053"
            },
            "dist": {
                "type": "zip",
-                "url": "https://api.github.com/repos/phpstan/phpstan/zipball/8f2e03099cac24ff3b379864d171c5acbfc6b9a2",
-                "reference": "8f2e03099cac24ff3b379864d171c5acbfc6b9a2",
+                "url": "https://api.github.com/repos/phpstan/phpstan/zipball/89b5ef665716fa2a52ecd2633f21007a6a349053",
+                "reference": "89b5ef665716fa2a52ecd2633f21007a6a349053",
                "shasum": ""
            },
            "require": {
@@ -9498,7 +9499,7 @@
                    "type": "github"
                }
            ],
-            "time": "2025-05-02T15:32:28+00:00"
+            "time": "2025-05-21T20:55:28+00:00"
        },
        {
            "name": "symfony/maker-bundle",
@@ -9684,10 +9685,13 @@
    "prefer-stable": true,
    "prefer-lowest": false,
    "platform": {
-        "php": ">=8.2",
+        "php": ">=8.4",
        "ext-ctype": "*",
        "ext-iconv": "*"
    },
    "platform-dev": [],
+    "platform-overrides": {
+        "php": "8.4"
+    },
    "plugin-api-version": "2.3.0"
 }
--- a/src/Controller/IndexController.php
+++ b/src/Controller/IndexController.php
@@ -3,6 +3,8 @@
 namespace App\Controller;

 use App\Download\Framework\Repository\DownloadRepository;
+use App\Monitor\Action\Command\MonitorTvShowCommand;
+use App\Monitor\Action\Handler\MonitorTvShowHandler;
 use App\Tmdb\Tmdb;
 use Symfony\Bundle\FrameworkBundle\Controller\AbstractController;
 use Symfony\Component\HttpFoundation\Request;
@@ -13,6 +15,7 @@ final class IndexController extends AbstractController
 {
    public function __construct(
        private readonly Tmdb $tmdb,
+        private readonly MonitorTvShowHandler $monitorTvShowHandler,
    ) {}

    #[Route('/', name: 'app_index')]
@@ -25,4 +28,11 @@ final class IndexController extends AbstractController
            'popular_tvshows' => $this->tmdb->popularTvShows(1, 6),
        ]);
    }
+
+    #[Route('/test', name: 'app_test')]
+    public function test()
+    {
+        $result = $this->monitorTvShowHandler->handle(new MonitorTvShowCommand(355));
+        return $this->json($result);
+    }
 }
--- a/src/Controller/SearchController.php
+++ b/src/Controller/SearchController.php
@@ -33,13 +33,14 @@ final class SearchController extends AbstractController
        ]);
    }

-    #[Route('/result/{mediaType}/{imdbId}', name: 'app_search_result')]
+    #[Route('/result/{mediaType}/{imdbId}/{season}', name: 'app_search_result')]
    public function result(
        GetMediaInfoInput $input,
+        ?int $season = null,
    ): Response {
        $result = $this->getMediaInfoHandler->handle($input->toCommand());

-        $this->warmDownloadOptionCache($result->media);
+//        $this->warmDownloadOptionCache($result->media);

        return $this->render('search/result.html.twig', [
            'results' => $result,
--- a/src/Controller/TorrentioController.php
+++ b/src/Controller/TorrentioController.php
@@ -52,13 +52,13 @@ final class TorrentioController extends AbstractController
            $input->episode,
        );

-//        return $cache->get($cacheId, function (ItemInterface $item) use ($input) {
-//            $item->expiresAt(Carbon::now()->addHour()->setMinute(0)->setSecond(0));
+        return $cache->get($cacheId, function (ItemInterface $item) use ($input) {
+            $item->expiresAt(Carbon::now()->addHour()->setMinute(0)->setSecond(0));
            $results = $this->getTvShowOptionsHandler->handle($input->toCommand());
            return $this->render('torrentio/tvshows.html.twig', [
                'results' => $results,
            ]);
-//        });
+        });
    }

    #[Route('/torrentio/tvshows/clear/{tmdbId}/{imdbId}/{season?}/{episode?}', name: 'app_clear_torrentio_tvshows')]
--- a/src/Monitor/Action/Handler/MonitorTvShowHandler.php
+++ b/src/Monitor/Action/Handler/MonitorTvShowHandler.php
@@ -10,6 +10,7 @@ use App\Monitor\Framework\Entity\Monitor;
 use App\Monitor\Framework\Repository\MonitorRepository;
 use App\Monitor\Service\MediaFiles;
 use App\Tmdb\Tmdb;
+use Carbon\Carbon;
 use DateTimeImmutable;
 use Doctrine\ORM\EntityManagerInterface;
 use Nihilarr\PTN;
@@ -55,9 +56,18 @@ readonly class MonitorTvShowHandler implements HandlerInterface

        $this->logger->info('> [MonitorTvShowHandler] Found ' . count($episodesInShow) . ' episodes for title: ' . $monitor->getTitle());

+        $episodeMonitors = [];
        if ($downloadedEpisodes->count() !== $episodesInShow->count()) {
            // Dispatch Episode commands for each missing Episode
            foreach ($episodesInShow as $episode) {
+                // Only monitor future episodes
+                $episodeInFuture = $this->episodeInFuture($episode);
+                $this->logger->info('> [MonitorTvShowHandler] Episode is in future for season ' . $episode['season_number'] . ' episode ' . $episode['episode_number'] . ' for title: ' . $monitor->getTitle() . ' ? ' . (true === $episodeInFuture ? 'YES' : 'NO'));
+                if (false === $episodeInFuture) {
+                    $this->logger->info('> [MonitorTvShowHandler] Episode not in future for title: ' . 'for season ' . $episode['season_number'] . ' episode ' . $episode['episode_number'] . ', skipping');
+                    continue;
+                }
+
                // Check if the episode is already downloaded
                $episodeExists = $this->episodeExists($episode, $downloadedEpisodes);
                $this->logger->info('> [MonitorTvShowHandler] Episode exists for season ' . $episode['season_number'] . ' episode ' . $episode['episode_number'] . ' for title: ' . $monitor->getTitle() . ' ? ' . (true === $episodeExists ? 'YES' : 'NO'));
@@ -91,6 +101,8 @@ readonly class MonitorTvShowHandler implements HandlerInterface
                $this->monitorRepository->getEntityManager()->persist($episodeMonitor);
                $this->monitorRepository->getEntityManager()->flush();

+                $episodeMonitors[] = $episodeMonitor;
+
                // Immediately run the monitor
                $command = new MonitorTvEpisodeCommand($episodeMonitor->getId());
                $this->monitorTvEpisodeHandler->handle($command);
@@ -108,10 +120,18 @@ readonly class MonitorTvShowHandler implements HandlerInterface
            status: 'OK',
            result: [
                'monitor' => $monitor,
+                'new_monitors' => $episodeMonitors,
            ]
        );
    }

+    private function episodeInFuture(array $episodeInShow): bool
+    {
+        static $today = Carbon::today();
+        $episodeAirDate = Carbon::parse($episodeInShow['air_date']);
+        return $episodeAirDate > $today;
+    }
+
    private function episodeExists(array $episodeInShow, Map $downloadedEpisodes): bool
    {
        return $downloadedEpisodes->filter(
--- a/src/Monitor/Dto/UpcomingEpisode.php
+++ b/src/Monitor/Dto/UpcomingEpisode.php
@@ -0,0 +1,17 @@
+<?php
+
+namespace App\Monitor\Dto;
+
+use Carbon\Carbon;
+
+class UpcomingEpisode
+{
+    public function __construct(
+        public string $title,
+        public string $airDate {
+            get => Carbon::parse($this->airDate)->format('m/d/Y');
+        },
+        public string $episodeTitle,
+        public int $episodeNumber,
+    ) {}
+}
--- a/src/Monitor/Framework/Entity/Monitor.php
+++ b/src/Monitor/Framework/Entity/Monitor.php
@@ -259,4 +259,9 @@ class Monitor

        return $this;
    }
+
+    public function isActive(): bool
+    {
+        return in_array($this->status, ['New', 'Active', 'In Progress']);
+    }
 }
--- a/src/Search/Action/Command/GetMediaInfoCommand.php
+++ b/src/Search/Action/Command/GetMediaInfoCommand.php
@@ -10,5 +10,6 @@ class GetMediaInfoCommand implements CommandInterface
    public function __construct(
        public string $imdbId,
        public string $mediaType,
+        public ?int $season = null,
    ) {}
 }
--- a/src/Search/Action/Handler/GetMediaInfoHandler.php
+++ b/src/Search/Action/Handler/GetMediaInfoHandler.php
@@ -20,6 +20,6 @@ class GetMediaInfoHandler implements HandlerInterface
    {
        $media = $this->tmdb->mediaDetails($command->imdbId, $command->mediaType);

-        return new GetMediaInfoResult($media);
+        return new GetMediaInfoResult($media, $command->season);
    }
 }
--- a/src/Search/Action/Input/GetMediaInfoInput.php
+++ b/src/Search/Action/Input/GetMediaInfoInput.php
@@ -3,6 +3,7 @@
 namespace App\Search\Action\Input;

 use App\Download\Action\Command\DownloadMediaCommand;
+use App\Enum\MediaType;
 use App\Search\Action\Command\GetMediaInfoCommand;
 use OneToMany\RichBundle\Attribute\SourceRoute;
 use OneToMany\RichBundle\Contract\CommandInterface;
@@ -17,10 +18,16 @@ class GetMediaInfoInput implements InputInterface

        #[SourceRoute('mediaType')]
        public string $mediaType,
+
+        #[SourceRoute('season', nullify: true)]
+        public ?int $season,
    ) {}

    public function toCommand(): CommandInterface
    {
-        return new GetMediaInfoCommand($this->imdbId, $this->mediaType);
+        if ("tvshows" === $this->mediaType  && null === $this->season) {
+            $this->season = 1;
+        }
+        return new GetMediaInfoCommand($this->imdbId, $this->mediaType, $this->season);
    }
 }
--- a/src/Search/Action/Result/GetMediaInfoResult.php
+++ b/src/Search/Action/Result/GetMediaInfoResult.php
@@ -10,5 +10,6 @@ class GetMediaInfoResult implements ResultInterface
 {
    public function __construct(
        public TmdbResult $media,
+        public ?int $season,
    ) {}
 }
--- a/src/Search/TvEpisodePaginator.php
+++ b/src/Search/TvEpisodePaginator.php
@@ -0,0 +1,65 @@
+<?php
+
+namespace App\Search;
+
+use App\Search\Action\Command\GetMediaInfoCommand;
+use App\Search\Action\Handler\GetMediaInfoHandler;
+use App\Search\Action\Result\GetMediaInfoResult;
+use stdClass;
+
+class TvEpisodePaginator
+{
+    /**
+     * @var integer
+     */
+    private $total;
+
+    /**
+     * @var integer
+     */
+    private $lastPage;
+
+    private $items;
+
+    public $limit = 20;
+
+    public $currentPage = 1;
+
+    public function paginate(GetMediaInfoResult $results, int $page = 1, int $limit = 20): static
+    {
+        $this->total = count($results->media->episodes[$results->season]);
+        $this->lastPage = (int) ceil($this->total / $limit);
+        $this->items = array_slice($results->media->episodes[$results->season], ($page - 1) * $limit, $limit);
+        $this->currentPage = $page;
+        $this->limit = $limit;
+
+        return $this;
+    }
+
+    public function getTotal(): int
+    {
+        return $this->total;
+    }
+
+    public function getLastPage(): int
+    {
+        return $this->lastPage;
+    }
+
+    public function getItems()
+    {
+        return $this->items;
+    }
+
+    public function getShowing()
+    {
+        $showingStart = (($this->currentPage - 1) * $this->limit) + 1;
+        $showingEnd = (($this->currentPage - 1) * $this->limit) + $this->limit;
+
+        if ($showingEnd > $this->total) {
+            $showingEnd = $this->total;
+        }
+
+        return sprintf("Showing %d - %d of %d results.", $showingStart, $showingEnd, $this->total);
+    }
+}
--- a/src/Tmdb/Tmdb.php
+++ b/src/Tmdb/Tmdb.php
@@ -2,6 +2,7 @@

 namespace App\Tmdb;

+use Aimeos\Map;
 use App\Enum\MediaType;
 use App\ValueObject\ResultFactory;
 use Symfony\Component\DependencyInjection\Attribute\Autowire;
@@ -97,6 +98,16 @@ class Tmdb
            return $this->parseResult($movies[$movie], "movie");
        });

+        $movies = Map::from($movies->toArray())->filter(function ($movie) {
+            return $movie !== null
+                && $movie->imdbId !== null
+                && $movie->tmdbId !== null
+                && $movie->title  !== null
+                && $movie->poster !== null
+                && $movie->description !== null
+                && $movie->mediaType !== null;
+        });
+
        $movies = array_values($movies->toArray());

        if (null !== $limit) {
@@ -114,6 +125,16 @@ class Tmdb
            return $this->parseResult($movies[$movie], "movie");
        });

+        $movies = Map::from($movies->toArray())->filter(function ($movie) {
+            return $movie !== null
+                && $movie->imdbId !== null
+                && $movie->tmdbId !== null
+                && $movie->title  !== null
+                && $movie->poster !== null
+                && $movie->description !== null
+                && $movie->mediaType !== null;
+        });
+
        $movies = array_values($movies->toArray());

        if (null !== $limit) {
--- a/src/Twig/Components/TvEpisodeList.php
+++ b/src/Twig/Components/TvEpisodeList.php
@@ -0,0 +1,44 @@
+<?php
+
+namespace App\Twig\Components;
+
+use App\Search\Action\Command\GetMediaInfoCommand;
+use App\Search\Action\Handler\GetMediaInfoHandler;
+use App\Search\TvEpisodePaginator;
+use Symfony\UX\LiveComponent\Attribute\AsLiveComponent;
+use Symfony\UX\LiveComponent\Attribute\LiveProp;
+use Symfony\UX\LiveComponent\DefaultActionTrait;
+
+#[AsLiveComponent]
+final class TvEpisodeList
+{
+    use DefaultActionTrait;
+    use PaginateTrait;
+
+    #[LiveProp(writable: true)]
+    public string $title = "";
+
+    #[LiveProp(writable: true)]
+    public string $imdbId = "";
+
+    #[LiveProp(writable: true)]
+    public string $tmdbId = "";
+
+    #[LiveProp(writable: true)]
+    public int $season = 1;
+
+    public function __construct(
+        private GetMediaInfoHandler $getMediaInfoHandler,
+    ) {}
+
+    public function getEpisodes()
+    {
+        $results = $this->getMediaInfoHandler->handle(new GetMediaInfoCommand($this->imdbId, "tvshows", $this->season));
+        return new TvEpisodePaginator()->paginate($results, $this->pageNumber, $this->perPage);
+    }
+
+    public function setPage(int $page)
+    {
+        $this->pageNumber = $page;
+    }
+}
--- a/src/Twig/Components/UpcomingEpisodes.php
+++ b/src/Twig/Components/UpcomingEpisodes.php
@@ -0,0 +1,81 @@
+<?php
+
+namespace App\Twig\Components;
+
+use Aimeos\Map;
+use App\Monitor\Dto\UpcomingEpisode;
+use App\Monitor\Framework\Entity\Monitor;
+use App\Tmdb\Tmdb;
+use Carbon\CarbonImmutable;
+use Symfony\Bundle\FrameworkBundle\Controller\AbstractController;
+use Symfony\UX\TwigComponent\Attribute\AsTwigComponent;
+use Tmdb\Model\Tv\Episode;
+
+#[AsTwigComponent]
+final class UpcomingEpisodes extends AbstractController
+{
+    // Get active monitors
+    // Search TMDB for upcoming episodes
+
+
+    public function __construct(
+        private readonly Tmdb $tmdb,
+    ) {}
+
+    public function getUpcomingEpisodes(int $limit = 5): array
+    {
+        $upcomingEpisodes = new Map();
+        $monitors = $this->getMonitors();
+        foreach ($monitors as $monitor) {
+            $upcomingEpisodes->merge($this->getNextEpisodes($monitor));
+        }
+
+        return $upcomingEpisodes->slice(0, $limit)->toArray();
+    }
+
+    private function getMonitors()
+    {
+        $user = $this->getUser();
+        return $user->getMonitors()->filter(
+            fn (Monitor $monitor) => null === $monitor->getParent() && $monitor->isActive()
+        ) ?? [];
+    }
+
+    private function getNextEpisodes(Monitor $monitor): Map
+    {
+        $today = CarbonImmutable::now();
+        $seriesInfo = $this->tmdb->tvDetails($monitor->getTmdbId());
+
+        switch ($monitor->getMonitorType()) {
+            case "tvseason":
+                $episodes = Map::from($seriesInfo->episodes[$monitor->getSeason()])
+                    ->filter(function (array $episode) use ($today) {
+                        $airDate = CarbonImmutable::parse($episode['air_date']);
+                        return $airDate->lte($today);
+                    })
+                ;
+                break;
+            case "tvshows":
+                $episodes = [];
+                foreach ($seriesInfo->episodes as $season => $episodeList) {
+                    $episodes = array_merge($episodes, $episodeList);
+                }
+                $episodes = Map::from($episodes)
+                    ->filter(function (array $episode) use ($today) {
+                        $airDate = CarbonImmutable::parse($episode['air_date']);
+                        return $airDate->gte($today);
+                    })
+                ;
+                break;
+        }
+
+        return $episodes->map(function (array $episode) use ($monitor) {
+            return new UpcomingEpisode(
+                $monitor->getTitle(),
+                $episode['air_date'],
+                $episode['name'],
+                $episode['episode_number'],
+            );
+        });
+    }
+}
--- a/src/Twig/Extensions/MonitorExtension.php
+++ b/src/Twig/Extensions/MonitorExtension.php
@@ -19,6 +19,19 @@ class MonitorExtension
        return $types[$type] ?? '-';
    }

+    #[AsTwigFilter('as_download_type')]
+    public function monitorTypeToDownloadType(string $type)
+    {
+        $types = [
+            'tvshows' => 'tvshows',
+            'tvseason' => 'tvshows',
+            'tvepisode' => 'tvshows',
+            'movie' => 'movies',
+        ];
+
+        return $types[$type] ?? '-';
+    }
+
    #[AsTwigFilter('monitor_media_id')]
    public function mediaId(Monitor $monitor)
    {
--- a/src/Twig/Extensions/UtilExtension.php
+++ b/src/Twig/Extensions/UtilExtension.php
@@ -6,6 +6,7 @@ use App\Monitor\Framework\Entity\Monitor;
 use App\Monitor\Service\MediaFiles;
 use ChrisUllyott\FileSize;
 use Twig\Attribute\AsTwigFilter;
+use Twig\Attribute\AsTwigFunction;

 class UtilExtension
 {
@@ -14,6 +15,12 @@ class UtilExtension
        private readonly MediaFiles $mediaFiles,
    ) {}

+    #[AsTwigFunction('uniqid')]
+    public function uniqid(): string
+    {
+        return uniqid();
+    }
+
    #[AsTwigFilter('filesize')]
    public function type(string|int $size)
    {
--- a/src/Util/Paginator.php
+++ b/src/Util/Paginator.php
@@ -22,6 +22,8 @@ class Paginator

    public $currentPage = 1;

+    public $limit = 5;
+
    /**
     * @param QueryBuilder|Query $query
     * @param int $page
@@ -41,6 +43,7 @@ class Paginator
        $this->lastPage = (int) ceil($paginator->count() / $paginator->getQuery()->getMaxResults());
        $this->items = $paginator;
        $this->currentPage = $page;
+        $this->limit = $limit;

        return $this;
    }
@@ -59,4 +62,11 @@ class Paginator
    {
        return $this->items;
    }
+
+    public function getShowing()
+    {
+        $showingStart = ($this->currentPage - 1) * $this->limit;
+        $showingEnd = $showingStart + $this->limit;
+        return sprintf("Showing %d - %d of %d results.", $showingStart, $showingEnd, $this->total);
+    }
 }
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -13,6 +13,9 @@ module.exports = {
      "bg-orange-400",
      "bg-blue-600",
      "bg-rose-600",
+      "min-w-64",
+      "rotate-180",
+      "-rotate-180",
      "transition-opacity",
      "ease-in",
      "duration-700",
--- a/templates/components/Filter.html.twig
+++ b/templates/components/Filter.html.twig
@@ -4,6 +4,7 @@
     data-result-filter-media-type-value="{{ results.media.mediaType }}"
     data-result-filter-movie-results-outlet=".results"
     data-result-filter-tv-results-outlet=".results"
+     data-result-filter-tv-episode-list-outlet=".episode-list"
 >
    <div class="w-full p-4 flex flex-row gap-4 bg-stone-500 text-md text-gray-500 dark:text-gray-50 rounded-lg">
        <label for="resolution">
@@ -58,7 +59,9 @@
            <label for="season">
                Season
                <select id="season" name="season" value="1" data-result-filter-target="season" class="px-1 py-0.5 bg-stone-100 text-gray-800 rounded-md"
-                        {{ stimulus_action('result_filter', 'uncheckSelectAllBtn', 'change') }}>
+                        {{ stimulus_action('result_filter', 'setSeason', 'change') }}
+                        {{ stimulus_action('result_filter', 'uncheckSelectAllBtn', 'change') }}
+                >
                    <option selected value="1">1</option>
                    {% for season in range(2, results.media.episodes|length) %}
                        <option value="{{ season }}">{{ season }}</option>
--- a/templates/components/MonitorListRow.html.twig
+++ b/templates/components/MonitorListRow.html.twig
@@ -1,6 +1,10 @@
 <tr{{ attributes }} id="monitor_{{ monitor.id }}" class="hover:bg-gray-200">
    <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-stone-800 truncate">
-        {{ monitor.title }}
+        <a href="{{ path('app_search_result', {imdbId: monitor.imdbId, mediaType: monitor.monitorType|as_download_type}) }}"
+           class="mr-1 hover:underline rounded-md"
+        >
+            {{ monitor.title }}
+        </a>
    </td>
    <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800">
        {{ monitor|monitor_media_id }}
--- a/templates/components/TvEpisodeList.html.twig
+++ b/templates/components/TvEpisodeList.html.twig
@@ -0,0 +1,27 @@
+<div{{ attributes.defaults(stimulus_controller('tv_episode_list')) }}
+        class="episode-list flex flex-col gap-4"
+>
+    <div data-live-id="{{ uniqid() }}" class="episode-container flex flex-col gap-4">
+        {% for episode in this.episodes.items %}
+            <div id="episode_{{ episode['season_number'] }}_{{ episode['episode_number'] }}" class="results"
+                 data-tv-results-loading-icon-outlet=".loading-icon"
+                 data-download-button-outlet=".download-btn"
+                    {{ stimulus_controller('tv_results', {
+                        title: this.title,
+                        tmdbId: this.tmdbId,
+                        imdbId: this.imdbId,
+                        season: episode['season_number'],
+                        episode: episode['episode_number'],
+                        active: 'true',
+                    }) }}></div>
+        {% endfor %}
+    </div>
+    {% set paginator = this.episodes %}
+    {% include 'partial/tv-episode-list-paginator.html.twig' %}
+</div>
+
+{% macro placeholder(props) %}
+    <span>
+        <twig:ux:icon name="codex:loader" height="40" width="40" data-loading-icon-target="icon" class="text-end" />
+    </span>
+{% endmacro %}
--- a/templates/components/UpcomingEpisodes.html.twig
+++ b/templates/components/UpcomingEpisodes.html.twig
@@ -0,0 +1,11 @@
+<div{{ attributes }}>
+    <ul class="text-white flex flex-col gap-2">
+        {% for episode in this.upcomingEpisodes %}
+            <li class="flex flex-col">
+                <span class="bg-[#f98e44] bg-filter bg-blur-lg bg-opacity-100 text-gray-950 w-full p-[.1rem] pl-[.3rem] rounded-ms">{{ episode.title }}</span>
+                <span>{{ episode.episodeTitle }}</span>
+                <span>{{ episode.airDate }}</span>
+            </li>
+        {% endfor %}
+    </ul>
+</div>
--- a/templates/monitor/index.html.twig
+++ b/templates/monitor/index.html.twig
@@ -4,15 +4,22 @@
 {% block h2 %}Monitors{% endblock %}

 {% block body %}
-    <div class="p-4">
-        <twig:Card title="Active Monitors">
-            <twig:MonitorList :type="'active'" :isWidget="false" :perPage="10"></twig:MonitorList>
-        </twig:Card>
-    </div>
+    <div class="flex flex-row">
+
+        <div class="p-2 flex flex-col gap-4">
+            <twig:Card title="Active Monitors">
+                <twig:MonitorList :type="'active'" :isWidget="false" :perPage="10"></twig:MonitorList>
+            </twig:Card>
+            <twig:Card title="Complete Monitors">
+                <twig:MonitorList :type="'complete'" :isWidget="false" :perPage="10"></twig:MonitorList>
+            </twig:Card>
+        </div>
+
+        <div class="p-2">
+            <twig:Card title="Upcoming Episodes" >
+                <twig:UpcomingEpisodes />
+            </twig:Card>
+        </div>

-    <div class="p-4">
-        <twig:Card title="Complete Monitors">
-            <twig:MonitorList :type="'complete'" :isWidget="false" :perPage="10"></twig:MonitorList>
-        </twig:Card>
    </div>
 {% endblock %}
--- a/templates/partial/paginator.html.twig
+++ b/templates/partial/paginator.html.twig
@@ -1,6 +1,6 @@
 {% set _currentPage = paginator.currentPage ?: 1 %}
 {% set _lastPage = paginator.lastPage %}
-{% set _showingPerPage = (_currentPage == _lastPage) ? paginator.total - (this.perPage * (_lastPage - 1))  : paginator.items.query.maxResults %}
+{% set _showingPerPage = (_currentPage == _lastPage) ? paginator.total - (this.perPage * (_lastPage - 1))  : ("query" in paginator.items) ? paginator.items.query.maxResults %}

 <p class="text-white mt-1">Showing {{ _showingPerPage }} of {{ paginator.total }} total results</p>

@@ -8,75 +8,74 @@
    <nav>
        <ul class="mt-2 flex flex-row justify-content-center gap-1 py-1 text-white text-sm">
            <li class="page-item{{ _currentPage <= 1 ? ' disabled' : '' }}">
-                <a {% if _currentPage > 1 %}
+                <button {% if _currentPage > 1 %}
                   data-action="click->live#action"
                   data-live-action-param="paginate"
                   data-live-page-param="{{ _currentPage - 1 }}"
                   {% endif %}
                   class="page-link px-2.5 py-1 rounded-lg bg-orange-500 align-middle"
                   aria-label="Previous"
-                   href="#"
+                   
                >
                    &laquo;
-                </a>
+                </button>
            </li>
            {% set startPage = max(1, _currentPage - 2) %}
            {% set endPage = min(_lastPage, startPage + 4) %}
            {% if startPage > 1 %}
                <li class="page-item">
-                    <a data-action="click->live#action"
+                    <button data-action="click->live#action"
                       data-live-action-param="paginate"
                       data-live-page-param="{{ "1"|number_format }}"
                       class="page-link px-2.5 py-1 rounded-lg bg-orange-500 align-middle"
                       aria-label="Next"
-                       href="#"
-                    >1</a>
+                       
+                    >1</button>
                </li>
                {% if startPage > 2 %}
                    <li class="page-item disabled">
-                        <span class="page-link px-2.5 py-1 rounded-lg bg-orange-500 align-middle">...</span>
+                        <span class="page-link px-2.5 py-1 rounded-lg bg-orange-500 align-middle inline-flex items-stretch">...</span>
                    </li>
                {% endif %}
            {% endif %}
            {% for i in startPage..endPage %}
-                <li class="page-item}">
-                    <a data-action="click->live#action"
+                <li class="page-item">
+                    <button data-action="click->live#action"
                        data-live-action-param="paginate"
                        data-live-page-param="{{ i|number_format }}"
                        class="page-link px-2.5 py-1 rounded-lg bg-orange-500 text-white align-middle"
-                        {% if i == _currentPage %}style="background-color: #fff; color: darkorange; border: 2px solid darkorange;"{% endif %}
-                        href="#"
-                    >{{ i }}</a>
+                        {% if i == _currentPage %}style="background-color: #fff; color: darkorange; font-weight: bold;"{% endif %}
+                    >{{ i }}</button>
                </li>
            {% endfor %}
            {% if endPage < _lastPage %}
                {% if endPage < _lastPage - 1 %}
                    <li class="page-item disabled">
-                        <span class="page-link px-2.5 py-1 rounded-lg bg-orange-500 align-middle">...</span>
+                        <span class="page-link px-2.5 py-1 rounded-lg bg-orange-500 align-middle inline-flex items-stretch">...</span>
                    </li>
                {% endif %}
                <li class="page-item">
-                    <a data-action="click->live#action"
+                    <button data-action="click->live#action"
                       data-live-action-param="paginate"
                       data-live-page-param="{{ _lastPage }}"
                       class="page-link px-2.5 py-1 rounded-lg bg-orange-500 align-middle"
                       aria-label="Next"
-                       href="#"
-                    >{{ _lastPage }}</a>
+                       
+                    >{{ _lastPage }}</button>
                </li>
            {% endif %}
            <li class="page-item {{ _currentPage >= paginator.lastPage ? ' disabled' : '' }}">
-                <a {% if _currentPage < _lastPage %}
+                <button {% if _currentPage < _lastPage %}
                   data-action="click->live#action"
                   data-live-action-param="paginate"
                   data-live-page-param="{{ _currentPage + 1 }}"
                   {% endif %}
                   class="page-link px-2.5 py-1 rounded-lg bg-orange-500 align-middle"
                   aria-label="Next"
-                   href="#"
+                   
                >
                    &raquo;
-                </a>
+                </button>
            </li>
        </ul>
    </nav>
--- a/templates/partial/tv-episode-list-paginator.html.twig
+++ b/templates/partial/tv-episode-list-paginator.html.twig
@@ -0,0 +1,74 @@
+{% set _currentPage = paginator.currentPage ?: 1 %}
+{% set _lastPage = paginator.lastPage %}
+{% set _showingPerPage = (_currentPage == _lastPage) ? paginator.total - (this.perPage * (_lastPage - 1))  : ("query" in paginator.items) ? paginator.items.query.maxResults %}
+
+<p class="text-white mt-1">{{ paginator.getShowing() }}</p>
+
+{% if paginator.lastPage > 1 %}
+    <nav>
+        <ul class="mt-2 flex flex-row justify-content-center gap-1 py-1 text-white text-sm">
+            <li class="page-item{{ _currentPage <= 1 ? ' disabled' : '' }}">
+                <button
+                    {% if _currentPage > 1 %}
+                       {{ stimulus_action('tv-episode-list', 'paginate', 'click', {page: _currentPage - 1}) }}
+                    {% endif %}
+                    class="page-link px-2.5 py-1 rounded-lg bg-orange-500 align-middle"
+                    aria-label="Previous"
+                >
+                    &laquo;
+                </button>
+            </li>
+            {% set startPage = max(1, _currentPage - 2) %}
+            {% set endPage = min(_lastPage, startPage + 4) %}
+            {% if startPage > 1 %}
+                <li class="page-item">
+                    <button
+                        {{ stimulus_action('tv-episode-list', 'paginate', 'click', {page: 1}) }}
+                        class="page-link px-2.5 py-1 rounded-lg bg-orange-500 align-middle"
+                        aria-label="Next"
+                       
+                    >1</button>
+                </li>
+                {% if startPage > 2 %}
+                    <li class="page-item disabled">
+                        <span class="page-link px-2.5 py-1 rounded-lg bg-orange-500 align-middle inline-flex items-stretch">...</span>
+                    </li>
+                {% endif %}
+            {% endif %}
+            {% for i in startPage..endPage %}
+                <li class="page-item">
+                    <button 
+                        {{ stimulus_action('tv-episode-list', 'paginate', 'click', {page: i}) }}
+                        class="page-link px-2.5 py-1 rounded-lg bg-orange-500 text-white align-middle"
+                        {% if i == _currentPage %}style="background-color: #fff; color: darkorange; font-weight: bold;"{% endif %}
+                    >{{ i }}</button>
+                </li>
+            {% endfor %}
+            {% if endPage < _lastPage %}
+                {% if endPage < _lastPage - 1 %}
+                    <li class="page-item disabled">
+                        <span class="page-link px-2.5 py-1 rounded-lg bg-orange-500 align-middle inline-flex items-stretch">...</span>
+                    </li>
+                {% endif %}
+                <li class="page-item">
+                    <button
+                        {{ stimulus_action('tv-episode-list', 'paginate', 'click', {page: _lastPage}) }}
+                        class="page-link px-2.5 py-1 rounded-lg bg-orange-500 align-middle"
+                        aria-label="Next"
+                    >{{ _lastPage }}</button>
+                </li>
+            {% endif %}
+            <li class="page-item {{ _currentPage >= paginator.lastPage ? ' disabled' : '' }}">
+                <button
+                    {% if _currentPage < _lastPage %}
+                        {{ stimulus_action('tv-episode-list', 'paginate', 'click', {page: _currentPage + 1}) }}
+                    {% endif %}
+                    class="page-link px-2.5 py-1 rounded-lg bg-orange-500 align-middle"
+                    aria-label="Next"
+                >
+                    &raquo;
+                </button>
+            </li>
+        </ul>
+    </nav>
+{% endif %}
--- a/templates/search/result.html.twig
+++ b/templates/search/result.html.twig
@@ -118,22 +118,10 @@
                <div class="results" {{ stimulus_controller('movie_results', {title: results.media.title, tmdbId: results.media.tmdbId, imdbId: results.media.imdbId}) }}>
                </div>
                {% elseif "tvshows" == results.media.mediaType %}
-                    {% for season, episodes in results.media.episodes %}
-                        {% set active = (season == '1') ? true : false %}
-                        {% for episode in episodes %}
-                            <div class="results {{ (active == false) ? 'hidden' }}"
-                                 data-tv-results-loading-icon-outlet=".loading-icon"
-                                 data-download-button-outlet=".download-btn"
-                                 {{ stimulus_controller('tv_results', {
-                                    title: results.media.title,
-                                    tmdbId: results.media.tmdbId,
-                                    imdbId: results.media.imdbId,
-                                    season: season,
-                                    episode: episode['episode_number'],
-                                    active: active,
-                            }) }}></div>
-                        {% endfor %}
-                    {% endfor %}
+                    <twig:TvEpisodeList
+                        :imdbId="results.media.imdbId" :season="results.season" :perPage="20" :pageNumber="1"
+                        :tmdbId="results.media.tmdbId" :title="results.media.title" loading="defer"
+                    />
                {% endif %}
            </twig:Card>
        </div>
--- a/templates/torrentio/tvshows.html.twig
+++ b/templates/torrentio/tvshows.html.twig
@@ -3,7 +3,7 @@
        {% if results.media.poster != null %}
            <img class="w-64 rounded-lg" src="{{ results.media.poster }}" />
        {% else %}
-            <div class="w-64 h-[144px] rounded-lg bg-gray-700 flex items-center justify-center">
+            <div class="w-64 min-w-64 sticky h-[144px] rounded-lg bg-gray-700 flex items-center justify-center">
                <twig:ux:icon width="32" name="hugeicons:loading-01" />
            </div>
        {% endif %}
@@ -58,10 +58,20 @@
                        {{ stimulus_target('tv-results', 'episodeSelector') }}
                />
            </div>
-            <button class="flex flex-col items-end"
+            <button class="flex flex-col items-end transition-transform duration-300 ease-in-out rotate-90"
+                    {{ stimulus_target('tv-results', 'toggleButton') }}
                    {{ 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 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>#}
+                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32">
+                    <path
+                            fill="none"
+                            stroke="currentColor"
+                            stroke-linecap="round"
+                            stroke-linejoin="round"
+                            stroke-width="2"
+                            d="M20 6L10 16l10 10" />
                </svg>
            </button>
        </div>
Author	SHA1	Message	Date
Brock H Caldwell	12aaf8e737	fix: animates episode toggle list button	2025-06-19 14:49:58 -05:00
Brock H Caldwell	2e468dd9b0	fix: cleans up paginator	2025-06-19 14:30:26 -05:00
Brock H Caldwell	e070b95a36	wip: working episode pagination, season switcher, monitor only new content	2025-06-19 13:30:22 -05:00
Brock H Caldwell	20d397589a	fix: undoes num_threads	2025-06-14 15:14:53 -05:00
Brock H Caldwell	6c7a35005e	fix: sets num_threads=10	2025-06-13 23:44:49 -05:00
Brock H Caldwell	0f16423f66	feat: upcoming episodes component	2025-06-12 23:39:06 -05:00
Brock H Caldwell	937313fe59	fix: links to series from monitor list row	2025-06-12 19:57:39 -05:00