{{-- The page a recipient opens. No anchored components (menus, tooltips) on it: it has to work on
     iOS before Safari 18.4, which cannot position them. --}}

<x-page brand>
    {{-- Each state is one card under the page's h1: the card holds everything the recipient acts
         on, and it is the shape SealShare has always shown them. --}}
    @if (! $authenticated)
        <x-card :title="__('Password Required')" :subtitle="__('Enter the password to access these files')" heading="h2" variant="outlined">
            <x-form wire:submit="verifyPassword">
                <x-password
                    full
                    wire:model="password"
                    :label="__('Password')"
                    required
                    autocomplete="off"
                    :placeholder="__('Enter share password')"
                />

                <x-slot:actions>
                    <x-button type="submit" :label="__('Unlock')" variant="filled" icon="lock_open" spinner="verifyPassword" />
                </x-slot:actions>
            </x-form>
        </x-card>
    @else
        <x-card :title="__('Shared Files')" heading="h2" variant="outlined">
            {{-- A download link does not render the page again: the download limit's note switches
                 on the first press here, and the server draws the open window on the next visit. --}}
            <x-stack gap="space200" x-data="{ downloaded: false }">
                <x-stack gap="space100">
                    <x-list :label="__('Shared Files')">
                        @foreach ($share->files as $file)
                            <x-list-item
                                :title="$file->relative_path ?: $file->original_name"
                                icon="description"
                                wire:key="file-{{ $file->id }}"
                            >
                                <x-slot:description><span class="md-tabular">{{ Number::fileSize($file->file_size) }}</span></x-slot:description>
                                <x-slot:end>
                                    <x-button icon="download" :link="route('share.download.file', [$share, $file])" no-wire-navigate :aria-label="__('Download :name', ['name' => $file->original_name])" x-on:click="downloaded = true" />
                                </x-slot:end>
                            </x-list-item>
                        @endforeach
                    </x-list>

                    @if ($share->expires_at)
                        <p class="md-type-body-sm md-ink-variant">{{ __('Expires') }}: {{ $share->expires_at->diffForHumans() }}</p>
                    @endif

                    @if ($share->max_downloads)
                        @if ($downloadWindowEndsAt)
                            <p class="md-type-body-sm md-ink-variant">{{ __('You can download these files for another :time.', ['time' => $downloadWindowEndsAt->diffForHumans(syntax: \Carbon\CarbonInterface::DIFF_ABSOLUTE)]) }}</p>
                        @elseif ($remainingDownloads > 0)
                            <p class="md-type-body-sm md-ink-variant" x-show="! downloaded">{{ trans_choice('{1} Downloading uses the last remaining download. You then have :window to download the files.|[2,*] Downloading uses 1 of :count remaining downloads. You then have :window to download the files.', $remainingDownloads, ['window' => $downloadWindow]) }}</p>
                            <p class="md-type-body-sm md-ink-variant" x-show="downloaded" x-cloak>{{ __('You have :window to download the files.', ['window' => $downloadWindow]) }}</p>
                        @endif
                    @endif
                </x-stack>

                <x-row justify="end">
                    @if ($share->files->count() > 1)
                        <x-button :label="__('Download All as ZIP')" icon="download" variant="filled" :link="route('share.download.all', $share)" no-wire-navigate x-on:click="downloaded = true" />
                    @else
                        <x-button :label="__('Download')" icon="download" variant="filled" :link="route('share.download.file', [$share, $share->files->first()])" no-wire-navigate x-on:click="downloaded = true" />
                    @endif
                </x-row>
            </x-stack>
        </x-card>
    @endif
</x-page>