@extends('layouts.public')
@section('title', 'Exercício de Direitos RGPD')
@section('head')
<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script>
@endsection
@section('content')
<h1>Exercício de Direitos RGPD</h1>
<p class="subtitle">Utilize este formulário para exercer os seus direitos ao abrigo do Regulamento Geral sobre a Proteção de Dados.</p>

<div class="card">
    <form action="{{ route('rgpd.submit') }}" method="POST">
        @csrf
        <div class="form-group">
            <label class="form-label">Nome completo <span class="required">*</span></label>
            <input type="text" name="nome_completo" class="form-control" value="{{ old('nome_completo') }}" required>
        </div>
        <div class="form-group">
            <label class="form-label">Email <span class="required">*</span></label>
            <input type="email" name="email" class="form-control" value="{{ old('email') }}" required>
        </div>
        <div class="form-group">
            <label class="form-label">NIF (opcional)</label>
            <input type="text" name="nif" class="form-control" value="{{ old('nif') }}" maxlength="9">
        </div>
        <div class="form-group">
            <label class="form-label">Tipo de pedido <span class="required">*</span></label>
            <select name="tipo_pedido" class="form-control" required>
                <option value="">Selecionar...</option>
                @foreach($tipos as $key => $label)
                    <option value="{{ $key }}" {{ old('tipo_pedido') == $key ? 'selected' : '' }}>{{ $label }}</option>
                @endforeach
            </select>
        </div>
        <div class="form-group">
            <label class="form-label">Descrição do pedido <span class="required">*</span></label>
            <textarea name="descricao" class="form-control" rows="4" required>{{ old('descricao') }}</textarea>
        </div>
        <div class="cf-turnstile" data-sitekey="{{ $turnstile_key }}" data-theme="dark" style="margin-bottom: 1rem;"></div>
        <button type="submit" class="btn btn-primary btn-block">Submeter pedido</button>
    </form>
</div>
@endsection