@extends('shared.layout')

@section('content')
    <flux:card class="space-y-6 rounded-2xl">
        <div>
            <flux:heading size="xl">{{ __('This share is password protected') }}</flux:heading>
            <flux:text class="mt-2">
                {{ __('Enter the password you received from the sender to view the shared certificates.') }}
            </flux:text>
        </div>

        <form method="POST" action="{{ route('shared.unlock', $share->token) }}" class="space-y-6">
            @csrf

            <flux:input
                type="password"
                name="password"
                :label="__('Password')"
                required
                autofocus
                viewable
            />

            @error('password')
                <flux:text class="text-sm text-red-600 dark:text-red-400">{{ $message }}</flux:text>
            @enderror

            <flux:button type="submit" variant="primary" class="w-full" icon="lock-open">
                {{ __('Unlock') }}
            </flux:button>
        </form>
    </flux:card>
@endsection