{{if .Connected}}
<button class="btn-danger" data-action="delete-proton">Unlink</button>
{{else}}
<p><strong>Link Proton Account:</strong></p>
<form class="auth-form" data-handler="proton">
	<div class="form-group">
		<label for="proton-email">Email:</label>
		<input type="email" id="proton-email" name="email" placeholder="your-email@proton.me" required>
	</div>
	<div class="form-group">
		<label for="proton-password">Password:</label>
		<input type="password" id="proton-password" name="password" placeholder="Your Proton password" required>
	</div>
	<div class="form-group">
		<label for="proton-totp">2FA Code (optional):</label>
		<input type="text" id="proton-totp" name="totp" placeholder="123456" pattern="[0-9]{6}">
	</div>
	<button type="submit" class="btn-primary">Link</button>
	<div id="proton-auth-status" class="auth-status"></div>
</form>
{{end}}

