diff --git a/media_manager/movies/router.py b/media_manager/movies/router.py
index 57ef3c5..ed11f2c 100644
--- a/media_manager/movies/router.py
+++ b/media_manager/movies/router.py
@@ -225,9 +225,9 @@ def get_movie_by_id(movie_service: movie_service_dep, movie_id: MovieId):
     response_model=list[PublicIndexerQueryResult],
 )
 def get_all_available_torrents_for_a_movie(
-    movie_service: movie_service_dep, movie_id: MovieId
+    movie_service: movie_service_dep, movie_id: MovieId, search_query_override: str | None = None
 ):
-    return movie_service.get_all_available_torrents_for_a_movie(movie_id=movie_id)
+    return movie_service.get_all_available_torrents_for_a_movie(movie_id=movie_id, search_query_override=search_query_override)
 
 
 @router.post(
diff --git a/web/src/lib/components/download-movie-dialog.svelte b/web/src/lib/components/download-movie-dialog.svelte
new file mode 100644
index 0000000..ca21461
--- /dev/null
+++ b/web/src/lib/components/download-movie-dialog.svelte
@@ -0,0 +1,270 @@
+<script lang="ts">
+    import {env} from '$env/dynamic/public';
+    import {Button, buttonVariants} from '$lib/components/ui/button/index.js';
+    import {Input} from '$lib/components/ui/input';
+    import {Label} from '$lib/components/ui/label';
+    import {toast} from 'svelte-sonner';
+    import {Badge} from "$lib/components/ui/badge/index.js";
+
+
+    import type {PublicIndexerQueryResult} from '$lib/types.js';
+    import {convertTorrentSeasonRangeToIntegerRange, getFullyQualifiedMediaName} from '$lib/utils';
+    import {LoaderCircle} from 'lucide-svelte';
+    import * as Dialog from '$lib/components/ui/dialog/index.js';
+    import * as Tabs from '$lib/components/ui/tabs/index.js';
+    import * as Select from '$lib/components/ui/select/index.js';
+    import * as Table from '$lib/components/ui/table/index.js';
+
+    const apiUrl = env.PUBLIC_API_URL;
+    let {movie} = $props();
+    let dialogueState = $state(false);
+    let torrents: PublicIndexerQueryResult[] = $state([]);
+    let isLoadingTorrents: boolean = $state(false);
+    let torrentsError: string | null = $state(null);
+    let queryOverride: string = $state('');
+    let filePathSuffix: string = $state('');
+
+    async function downloadTorrent(result_id: string) {
+        let url = new URL(apiUrl + `/movies/${movie.id}/torrents`);
+        url.searchParams.append('public_indexer_result_id', result_id);
+        if (filePathSuffix !== '') {
+            url.searchParams.append('file_path_suffix', filePathSuffix);
+        }
+        try {
+            const response = await fetch(url, {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                credentials: 'include'
+            });
+
+            if (!response.ok) {
+                const errorMessage = `Failed to download torrent for movie ${movie.id}: ${response.statusText}`;
+                console.error(errorMessage);
+                torrentsError = errorMessage;
+                toast.error(errorMessage);
+                return false;
+            }
+
+            const data: PublicIndexerQueryResult[] = await response.json();
+            console.log('Downloading torrent:', data);
+            toast.success('Torrent download started successfully!');
+
+            return true;
+        } catch (err) {
+            const errorMessage = `Error downloading torrent: ${err instanceof Error ? err.message : 'An unknown error occurred'}`;
+            console.error(errorMessage);
+            toast.error(errorMessage);
+            return false;
+        }
+    }
+
+    async function getTorrents(
+        override: boolean = false
+    ): Promise<PublicIndexerQueryResult[]> {
+        isLoadingTorrents = true;
+        torrentsError = null;
+        torrents = [];
+
+        let url = new URL(apiUrl + `/movies/${movie.id}/torrents`);
+        if (override) {
+            url.searchParams.append('search_query_override', queryOverride);
+        }
+
+        try {
+            const response = await fetch(url, {
+                method: 'GET',
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                credentials: 'include'
+            });
+
+            if (!response.ok) {
+                const errorMessage = `Failed to fetch torrents for movie ${movie.id}: ${response.statusText}`;
+                console.error(errorMessage);
+                torrentsError = errorMessage;
+                if (dialogueState) toast.error(errorMessage);
+                return [];
+            }
+
+            const data: PublicIndexerQueryResult[] = await response.json();
+            console.log('Fetched torrents:', data);
+            if (dialogueState) {
+                if (data.length > 0) {
+                    toast.success(`Found ${data.length} torrents.`);
+                } else {
+                    toast.info('No torrents found for your query.');
+                }
+            }
+            return data;
+        } catch (err) {
+            const errorMessage = `Error fetching torrents: ${err instanceof Error ? err.message : 'An unknown error occurred'}`;
+            console.error(errorMessage);
+            torrentsError = errorMessage;
+            if (dialogueState) toast.error(errorMessage);
+            return [];
+        } finally {
+            isLoadingTorrents = false;
+        }
+    }
+
+    $effect(() => {
+        if (movie?.id) {
+            getTorrents().then((fetchedTorrents) => {
+                if (!isLoadingTorrents) {
+                    torrents = fetchedTorrents;
+                } else if (fetchedTorrents.length > 0 || torrentsError) {
+                    torrents = fetchedTorrents;
+                }
+            });
+        }
+    });
+</script>
+
+{#snippet saveDirectoryPreview(movie, filePathSuffix)}
+    /{getFullyQualifiedMediaName(movie)} [{movie.metadata_provider}id-{movie.external_id}
+    ]/{movie.name}{filePathSuffix === '' ? '' : ' - ' + filePathSuffix}.mkv
+{/snippet}
+
+<Dialog.Root bind:open={dialogueState}>
+    <Dialog.Trigger class={buttonVariants({ variant: 'default' })}>Download Movie</Dialog.Trigger>
+    <Dialog.Content class="max-h-[90vh] w-fit min-w-[80vw] overflow-y-auto">
+        <Dialog.Header>
+            <Dialog.Title>Download a Movie</Dialog.Title>
+            <Dialog.Description>
+                Search and download torrents for a specific season or season packs.
+            </Dialog.Description>
+        </Dialog.Header>
+        <Tabs.Root class="w-full" value="basic">
+            <Tabs.List>
+                <Tabs.Trigger value="basic">Standard Mode</Tabs.Trigger>
+                <Tabs.Trigger value="advanced">Advanced Mode</Tabs.Trigger>
+            </Tabs.List>
+            <Tabs.Content value="basic">
+                <div class="grid w-full items-center gap-1.5">
+                    <Label for="file-suffix">Filepath suffix</Label>
+                    <Select.Root bind:value={filePathSuffix} id="file-suffix" type="single">
+                        <Select.Trigger class="w-[180px]">{filePathSuffix}</Select.Trigger>
+                        <Select.Content>
+                            <Select.Item value="">None</Select.Item>
+                            <Select.Item value="2160P">2160p</Select.Item>
+                            <Select.Item value="1080P">1080p</Select.Item>
+                            <Select.Item value="720P">720p</Select.Item>
+                            <Select.Item value="480P">480p</Select.Item>
+                            <Select.Item value="360P">360p</Select.Item>
+                        </Select.Content>
+                    </Select.Root>
+                    <p class="text-sm text-muted-foreground">
+                        This is necessary to differentiate between versions of the same movie, for
+                        example a 1080p and a 4K version.
+                    </p>
+                    <Label for="file-suffix-display"
+                    >The files will be saved in the following directory:</Label
+                    >
+                    <p class="text-sm text-muted-foreground" id="file-suffix-display">
+                        {@render saveDirectoryPreview(movie, filePathSuffix)}
+                    </p>
+                </div>
+            </Tabs.Content>
+            <Tabs.Content value="advanced">
+                <div class="grid w-full items-center gap-1.5">
+                    <Label for="query-override">Enter a custom query</Label>
+                    <div class="flex w-full max-w-sm items-center space-x-2">
+                        <Input bind:value={queryOverride} id="query-override" type="text"/>
+                        <Button
+                                onclick={async () => {
+								isLoadingTorrents = true;
+								torrentsError = null;
+								torrents = [];
+								try {
+									torrents = await getTorrents(true);
+								} catch (error) {
+									console.log(error);
+								} finally {
+									isLoadingTorrents = false;
+								}
+							}}
+                                variant="secondary"
+                        >
+                            Search
+                        </Button>
+                    </div>
+                    <p class="text-sm text-muted-foreground">
+                        The custom query will override the default search string like "A Minecraft Movie (2025)".
+                    </p>
+                    <Label for="file-suffix">Filepath suffix</Label>
+                    <Input
+                            bind:value={filePathSuffix}
+                            class="max-w-sm"
+                            id="file-suffix"
+                            placeholder="1080P"
+                            type="text"
+                    />
+                    <p class="text-sm text-muted-foreground">
+                        This is necessary to differentiate between versions of the same movie, for
+                        example a 1080p and a 4K version.
+                    </p>
+
+                    <Label for="file-suffix-display"
+                    >The files will be saved in the following directory:</Label
+                    >
+                    <p class="text-sm text-muted-foreground" id="file-suffix-display">
+                        {@render saveDirectoryPreview(movie, filePathSuffix)}
+                    </p>
+                </div>
+            </Tabs.Content>
+        </Tabs.Root>
+        <div class="mt-4 items-center">
+            {#if isLoadingTorrents}
+                <div class="flex w-full max-w-sm items-center space-x-2">
+                    <LoaderCircle class="animate-spin"/>
+                    <p>Loading torrents...</p>
+                </div>
+            {:else if torrentsError}
+                <p class="text-red-500">Error: {torrentsError}</p>
+            {:else if torrents.length > 0}
+                <h3 class="mb-2 text-lg font-semibold">Found Torrents:</h3>
+                <div class="max-h-[200px] overflow-y-auto rounded-md border p-2">
+                    <Table.Root>
+                        <Table.Header>
+                            <Table.Row>
+                                <Table.Head>Title</Table.Head>
+                                <Table.Head>Size</Table.Head>
+                                <Table.Head>Seeders</Table.Head>
+                                <Table.Head>Indexer Flags</Table.Head>
+                                <Table.Head class="text-right">Actions</Table.Head>
+                            </Table.Row>
+                        </Table.Header>
+                        <Table.Body>
+                            {#each torrents as torrent (torrent.id)}
+                                <Table.Row>
+                                    <Table.Cell class="max-w-[300px] font-medium">{torrent.title}</Table.Cell>
+                                    <Table.Cell>{(torrent.size / 1024 / 1024 / 1024).toFixed(2)}GB</Table.Cell>
+                                    <Table.Cell>{torrent.seeders}</Table.Cell>
+                                    <Table.Cell>
+                                        {#each torrent.flags as flag}
+                                            <Badge variant="outline">{flag}</Badge>
+                                        {/each}
+                                    </Table.Cell>
+                                    <Table.Cell class="text-right">
+                                        <Button
+                                                size="sm"
+                                                variant="outline"
+                                                onclick={() => {
+												downloadTorrent(torrent.id);
+											}}
+                                        >
+                                            Download
+                                        </Button>
+                                    </Table.Cell>
+                                </Table.Row>
+                            {/each}
+                        </Table.Body>
+                    </Table.Root>
+                </div>
+            {/if}
+        </div>
+    </Dialog.Content>
+</Dialog.Root>
diff --git a/web/src/lib/components/download-season-dialog.svelte b/web/src/lib/components/download-season-dialog.svelte
index 235b693..9b95c4f 100644
--- a/web/src/lib/components/download-season-dialog.svelte
+++ b/web/src/lib/components/download-season-dialog.svelte
@@ -6,12 +6,13 @@
     import {toast} from 'svelte-sonner';
 
     import type {PublicIndexerQueryResult} from '$lib/types.js';
-    import {convertTorrentSeasonRangeToIntegerRange, getFullyQualifiedShowName} from '$lib/utils';
+	import {convertTorrentSeasonRangeToIntegerRange, getFullyQualifiedMediaName} from '$lib/utils';
     import {LoaderCircle} from 'lucide-svelte';
 	import * as Dialog from '$lib/components/ui/dialog/index.js';
 	import * as Tabs from '$lib/components/ui/tabs/index.js';
 	import * as Select from '$lib/components/ui/select/index.js';
 	import * as Table from '$lib/components/ui/table/index.js';
+	import {Badge} from "$lib/components/ui/badge";
 
     const apiUrl = env.PUBLIC_API_URL;
     let {show} = $props();
@@ -129,7 +130,7 @@
 </script>
 
 {#snippet saveDirectoryPreview(show, filePathSuffix)}
-	/{getFullyQualifiedShowName(show)} [{show.metadata_provider}id-{show.external_id}]/ Season XX/{show.name}
+	/{getFullyQualifiedMediaName(show)} [{show.metadata_provider}id-{show.external_id}]/ Season XX/{show.name}
 	SXXEXX {filePathSuffix === '' ? '' : ' - ' + filePathSuffix}.mkv
 {/snippet}
 
@@ -279,7 +280,7 @@
 									<Table.Cell>{torrent.seeders}</Table.Cell>
 									<Table.Cell>
 										{#each torrent.flags as flag}
-											{flag},&nbsp;
+											<Badge variant="outline">{flag}</Badge>
 										{/each}
 									</Table.Cell>
 									<Table.Cell>
diff --git a/web/src/lib/components/request-movie-dialog.svelte b/web/src/lib/components/request-movie-dialog.svelte
new file mode 100644
index 0000000..da934a6
--- /dev/null
+++ b/web/src/lib/components/request-movie-dialog.svelte
@@ -0,0 +1,134 @@
+<script lang="ts">
+    import {env} from '$env/dynamic/public';
+    import {Button, buttonVariants} from '$lib/components/ui/button/index.js';
+    import * as Dialog from '$lib/components/ui/dialog/index.js';
+    import {Label} from '$lib/components/ui/label';
+    import * as Select from '$lib/components/ui/select/index.js';
+    import LoaderCircle from '@lucide/svelte/icons/loader-circle';
+    import type {CreateSeasonRequest, PublicMovie, PublicShow, Quality} from '$lib/types.js';
+    import {getFullyQualifiedMediaName, getTorrentQualityString} from '$lib/utils.js';
+    import {toast} from 'svelte-sonner';
+
+    const apiUrl = env.PUBLIC_API_URL;
+    let {movie}: { movie: PublicMovie } = $props();
+    let dialogOpen = $state(false);
+    let minQuality = $state<Quality | undefined>(undefined);
+    let wantedQuality = $state<Quality | undefined>(undefined);
+    let isSubmittingRequest = $state(false);
+    let submitRequestError = $state<string | null>(null);
+
+    const qualityValues: Quality[] = [1, 2, 3, 4];
+    let qualityOptions = $derived(
+        qualityValues.map((q) => ({value: q, label: getTorrentQualityString(q)}))
+    );
+    let isFormInvalid = $derived(
+        !minQuality ||
+        !wantedQuality ||
+        wantedQuality > minQuality
+    );
+
+    async function handleRequestMovie() {
+        isSubmittingRequest = true;
+        submitRequestError = null;
+
+        try {
+            const response = await fetch(`${apiUrl}/movies/requests`, {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                credentials: 'include',
+                body: JSON.stringify({
+                    movie_id: movie.id,
+                    min_quality: minQuality,
+                    wanted_quality: wantedQuality
+                })
+            });
+
+            if (response.status === 204) {
+                dialogOpen = false;
+                minQuality = undefined;
+                wantedQuality = undefined;
+                toast.success('Movie request submitted successfully!');
+            } else {
+                const errorData = await response.json().catch(() => ({message: response.statusText}));
+                submitRequestError = `Failed to submit request: ${errorData.message || response.statusText}`;
+                toast.error(submitRequestError);
+                console.error('Failed to submit request', response.statusText, errorData);
+            }
+        } catch (error) {
+            submitRequestError = `Error submitting request: ${error instanceof Error ? error.message : String(error)}`;
+            toast.error(submitRequestError);
+            console.error('Error submitting request:', error);
+        } finally {
+            isSubmittingRequest = false;
+        }
+    }
+</script>
+
+<Dialog.Root bind:open={dialogOpen}>
+    <Dialog.Trigger
+            class={buttonVariants({ variant: 'default' })}
+            on:click={() => {
+			dialogOpen = true;
+		}}
+    >
+        Request Movie
+    </Dialog.Trigger>
+    <Dialog.Content class="max-h-[90vh] w-fit min-w-[clamp(300px,50vw,600px)] overflow-y-auto">
+        <Dialog.Header>
+            <Dialog.Title>Request {getFullyQualifiedMediaName(movie)}</Dialog.Title>
+            <Dialog.Description>
+                Select desired qualities to submit a request.
+            </Dialog.Description>
+        </Dialog.Header>
+        <div class="grid gap-4 py-4">
+            <!-- Min Quality Select -->
+            <div class="grid grid-cols-[1fr,3fr] items-center gap-4 md:grid-cols-[100px,1fr]">
+                <Label class="text-right" for="min-quality">Min Quality</Label>
+                <Select.Root bind:value={minQuality} type="single">
+                    <Select.Trigger class="w-full" id="min-quality">
+                        {minQuality ? getTorrentQualityString(minQuality) : 'Select Minimum Quality'}
+                    </Select.Trigger>
+                    <Select.Content>
+                        {#each qualityOptions as option (option.value)}
+                            <Select.Item value={option.value}>{option.label}</Select.Item>
+                        {/each}
+                    </Select.Content>
+                </Select.Root>
+            </div>
+
+            <!-- Wanted Quality Select -->
+            <div class="grid grid-cols-[1fr,3fr] items-center gap-4 md:grid-cols-[100px,1fr]">
+                <Label class="text-right" for="wanted-quality">Wanted Quality</Label>
+                <Select.Root bind:value={wantedQuality} type="single">
+                    <Select.Trigger class="w-full" id="wanted-quality">
+                        {wantedQuality ? getTorrentQualityString(wantedQuality) : 'Select Wanted Quality'}
+                    </Select.Trigger>
+                    <Select.Content>
+                        {#each qualityOptions as option (option.value)}
+                            <Select.Item value={option.value}>{option.label}</Select.Item>
+                        {/each}
+                    </Select.Content>
+                </Select.Root>
+            </div>
+
+            {#if submitRequestError}
+                <p class="col-span-full text-center text-sm text-red-500">{submitRequestError}</p>
+            {/if}
+        </div>
+        <Dialog.Footer>
+            <Button disabled={isSubmittingRequest} onclick={() => (dialogOpen = false)} variant="outline"
+            >Cancel
+            </Button>
+            <Button disabled={isFormInvalid || isSubmittingRequest} onclick={handleRequestMovie}>
+                {#if isSubmittingRequest}
+                    <LoaderCircle class="mr-2 h-4 w-4 animate-spin"/>
+                    Submitting...
+                {:else}
+                    Submit Request
+                {/if}
+            </Button>
+        </Dialog.Footer>
+    </Dialog.Content>
+</Dialog.Root>
diff --git a/web/src/lib/components/request-season-dialog.svelte b/web/src/lib/components/request-season-dialog.svelte
index 7925df1..4848fcb 100644
--- a/web/src/lib/components/request-season-dialog.svelte
+++ b/web/src/lib/components/request-season-dialog.svelte
@@ -6,7 +6,7 @@
     import * as Select from '$lib/components/ui/select/index.js';
     import LoaderCircle from '@lucide/svelte/icons/loader-circle';
     import type {CreateSeasonRequest, PublicShow, Quality} from '$lib/types.js';
-    import {getFullyQualifiedShowName, getTorrentQualityString} from '$lib/utils.js';
+    import {getFullyQualifiedMediaName, getTorrentQualityString} from '$lib/utils.js';
     import {toast} from 'svelte-sonner';
 
     const apiUrl = env.PUBLIC_API_URL;
@@ -87,7 +87,7 @@
     </Dialog.Trigger>
     <Dialog.Content class="max-h-[90vh] w-fit min-w-[clamp(300px,50vw,600px)] overflow-y-auto">
         <Dialog.Header>
-            <Dialog.Title>Request a Season for {getFullyQualifiedShowName(show)}</Dialog.Title>
+            <Dialog.Title>Request a Season for {getFullyQualifiedMediaName(show)}</Dialog.Title>
             <Dialog.Description>
                 Select a season and desired qualities to submit a request.
             </Dialog.Description>
diff --git a/web/src/routes/dashboard/movies/[movieId=uuid]/+page.svelte b/web/src/routes/dashboard/movies/[movieId=uuid]/+page.svelte
new file mode 100644
index 0000000..1566e54
--- /dev/null
+++ b/web/src/routes/dashboard/movies/[movieId=uuid]/+page.svelte
@@ -0,0 +1,93 @@
+<script lang="ts">
+    import {env} from '$env/dynamic/public';
+    import {Separator} from '$lib/components/ui/separator/index.js';
+    import * as Sidebar from '$lib/components/ui/sidebar/index.js';
+    import * as Breadcrumb from '$lib/components/ui/breadcrumb/index.js';
+    import {goto} from '$app/navigation';
+    import {ImageOff} from 'lucide-svelte';
+    import * as Table from '$lib/components/ui/table/index.js';
+    import {getContext} from 'svelte';
+    import type {PublicMovie, RichShowTorrent, Show, User} from '$lib/types.js';
+    import {getFullyQualifiedMediaName} from '$lib/utils';
+    import CheckmarkX from '$lib/components/checkmark-x.svelte';
+    import {page} from '$app/state';
+    import TorrentTable from '$lib/components/torrent-table.svelte';
+    import MediaPicture from '$lib/components/media-picture.svelte';
+    import {Checkbox} from '$lib/components/ui/checkbox/index.js';
+    import {toast} from 'svelte-sonner';
+    import {Label} from '$lib/components/ui/label';
+    import DownloadMovieDialog from '$lib/components/download-movie-dialog.svelte';
+    import RequestMovieDialog from '$lib/components/request-movie-dialog.svelte';
+
+    const apiUrl = env.PUBLIC_API_URL;
+    let movie: PublicMovie = page.data.movie;
+    let user: () => User = getContext('user');
+    let torrents: RichShowTorrent = page.data.torrents;
+
+</script>
+
+<header class="flex h-16 shrink-0 items-center gap-2">
+    <div class="flex items-center gap-2 px-4">
+        <Sidebar.Trigger class="-ml-1"/>
+        <Separator class="mr-2 h-4" orientation="vertical"/>
+        <Breadcrumb.Root>
+            <Breadcrumb.List>
+                <Breadcrumb.Item class="hidden md:block">
+                    <Breadcrumb.Link href="/dashboard">MediaManager</Breadcrumb.Link>
+                </Breadcrumb.Item>
+                <Breadcrumb.Separator class="hidden md:block"/>
+                <Breadcrumb.Item>
+                    <Breadcrumb.Link href="/dashboard">Home</Breadcrumb.Link>
+                </Breadcrumb.Item>
+                <Breadcrumb.Separator class="hidden md:block"/>
+                <Breadcrumb.Item>
+                    <Breadcrumb.Link href="/dashboard/movies">Movies</Breadcrumb.Link>
+                </Breadcrumb.Item>
+                <Breadcrumb.Separator class="hidden md:block"/>
+                <Breadcrumb.Item>
+                    <Breadcrumb.Page>{getFullyQualifiedMediaName(movie)}</Breadcrumb.Page>
+                </Breadcrumb.Item>
+            </Breadcrumb.List>
+        </Breadcrumb.Root>
+    </div>
+</header>
+<h1 class="scroll-m-20 text-center text-4xl font-extrabold tracking-tight lg:text-5xl">
+    {getFullyQualifiedMediaName(movie)}
+</h1>
+<div class="flex w-full flex-1 flex-col gap-4 p-4">
+    <div class="flex flex-col gap-4 md:flex-row md:items-stretch">
+        <div class="w-full overflow-hidden rounded-xl bg-muted/50 md:w-1/3 md:max-w-sm">
+            {#if movie.id}
+                <MediaPicture media={movie}/>
+            {:else}
+                <div
+                        class="aspect-9/16 flex h-auto w-full items-center justify-center rounded-lg bg-gray-200 text-gray-500"
+                >
+                    <ImageOff size={48}/>
+                </div>
+            {/if}
+        </div>
+        <div class="w-full flex-auto rounded-xl bg-muted/50 p-4 md:w-1/4">
+            <p class="leading-7 [&:not(:first-child)]:mt-6">
+                {movie.overview}
+            </p>
+        </div>
+        <div class="w-full flex-auto rounded-xl bg-muted/50 p-4 md:w-1/3">
+            {#if user().is_superuser}
+                <DownloadMovieDialog movie={movie}/>
+                <div class="my-4"></div>
+            {/if}
+            <RequestMovieDialog movie={movie}/>
+        </div>
+    </div>
+    <!-- 	<div class="flex-1 rounded-xl bg-muted/50 p-4">
+            <div class="w-full overflow-x-auto">
+
+            </div>
+        </div> -->
+    <div class="flex-1 rounded-xl bg-muted/50 p-4">
+        <div class="w-full overflow-x-auto">
+            <TorrentTable isShow={false} torrents={torrents.torrents}/>
+        </div>
+    </div>
+</div>
diff --git a/web/src/routes/dashboard/movies/[movieId=uuid]/+page.ts b/web/src/routes/dashboard/movies/[movieId=uuid]/+page.ts
new file mode 100644
index 0000000..0c82ad1
--- /dev/null
+++ b/web/src/routes/dashboard/movies/[movieId=uuid]/+page.ts
@@ -0,0 +1,12 @@
+import type {LayoutLoad} from './$types';
+import {PUBLIC_API_URL} from '$env/static/public';
+import {error} from '@sveltejs/kit';
+
+export const load: LayoutLoad = async ({params, fetch}) => {
+    const res = await fetch(`${PUBLIC_API_URL}/movies/${params.movieId}`, {
+        credentials: 'include'
+    });
+    if (!res.ok) throw error(res.status, `Failed to load movie`);
+    const movieData = await res.json();
+    return {movie: movieData, torrents: []};
+};
\ No newline at end of file