233 lines
14 KiB
PHP
233 lines
14 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="it" class="h-full bg-slate-950">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>NetGescon - Aggiornamento Registro Anagrafe Condominiale</title>
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<script>
|
|
tailwind.config = {
|
|
darkMode: 'class',
|
|
theme: {
|
|
extend: {
|
|
fontFamily: {
|
|
sans: ['Inter', 'sans-serif'],
|
|
},
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<style>
|
|
.glass {
|
|
background: rgba(15, 23, 42, 0.65);
|
|
backdrop-filter: blur(16px);
|
|
border: 1px solid rgba(255, 255, 255, 0.08);
|
|
}
|
|
body {
|
|
background: radial-gradient(circle at top right, rgba(16, 185, 129, 0.08), transparent 40%),
|
|
radial-gradient(circle at bottom left, rgba(14, 165, 233, 0.08), transparent 40%),
|
|
#020617;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body class="h-full text-slate-100 flex flex-col justify-between py-12 px-4 sm:px-6 lg:px-8 font-sans">
|
|
|
|
<div class="max-w-3xl w-full mx-auto space-y-8">
|
|
<!-- Logo / Header -->
|
|
<div class="text-center">
|
|
<h1 class="text-3xl font-extrabold tracking-tight text-white sm:text-4xl flex items-center justify-center gap-3">
|
|
<span class="bg-gradient-to-r from-emerald-400 to-sky-400 bg-clip-text text-transparent">NetGescon</span>
|
|
<span class="text-slate-500 font-light">| Anagrafe Digitale</span>
|
|
</h1>
|
|
<p class="mt-3 text-sm text-slate-400">
|
|
Stabile: <span class="text-emerald-400 font-semibold uppercase">{{ $stabile->denominazione }}</span> - Unità: <span class="text-sky-400 font-semibold uppercase">Scala {{ $unita->scala }} Int. {{ $unita->interno }}</span>
|
|
</p>
|
|
</div>
|
|
|
|
@if($errors->any())
|
|
<div class="rounded-lg bg-red-950/30 border border-red-500/30 p-4 text-xs text-red-400">
|
|
<ul class="list-disc pl-4 space-y-1">
|
|
@foreach($errors->all() as $error)
|
|
<li>{{ $error }}</li>
|
|
@endforeach
|
|
</ul>
|
|
</div>
|
|
@endif
|
|
|
|
<form action="{{ route('anagrafica.update.store') }}" method="POST" class="glass rounded-2xl p-6 sm:p-8 shadow-2xl space-y-6">
|
|
@csrf
|
|
<input type="hidden" name="token" value="{{ $token }}">
|
|
|
|
<!-- 1. DATI ANAGRAFICI -->
|
|
<div class="space-y-4">
|
|
<h3 class="text-sm font-bold text-slate-300 uppercase tracking-wider border-b border-slate-800 pb-2">Dati Proprietario / Condomino</h3>
|
|
|
|
<div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
|
|
<div>
|
|
<label class="block text-xxs font-semibold text-slate-400 uppercase tracking-wider mb-1">Nome</label>
|
|
<input type="text" name="nome" value="{{ old('nome', $soggetto?->nome) }}" required class="w-full rounded-lg bg-slate-900 border border-slate-800 focus:border-emerald-500 focus:ring-1 focus:ring-emerald-500 text-xs px-3 py-2 text-white font-medium" />
|
|
</div>
|
|
<div>
|
|
<label class="block text-xxs font-semibold text-slate-400 uppercase tracking-wider mb-1">Cognome</label>
|
|
<input type="text" name="cognome" value="{{ old('cognome', $soggetto?->cognome) }}" required class="w-full rounded-lg bg-slate-900 border border-slate-800 focus:border-emerald-500 focus:ring-1 focus:ring-emerald-500 text-xs px-3 py-2 text-white font-medium" />
|
|
</div>
|
|
</div>
|
|
|
|
<div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
|
|
<div>
|
|
<label class="block text-xxs font-semibold text-slate-400 uppercase tracking-wider mb-1">Codice Fiscale</label>
|
|
<input type="text" name="codice_fiscale" value="{{ old('codice_fiscale', $soggetto?->codice_fiscale) }}" required placeholder="16 caratteri" class="w-full rounded-lg bg-slate-900 border border-slate-800 focus:border-emerald-500 focus:ring-1 focus:ring-emerald-500 text-xs px-3 py-2 text-white font-mono uppercase" />
|
|
</div>
|
|
<div>
|
|
<label class="block text-xxs font-semibold text-slate-400 uppercase tracking-wider mb-1">E-mail Ordinaria</label>
|
|
<input type="email" name="email" value="{{ old('email', $soggetto?->email) }}" class="w-full rounded-lg bg-slate-900 border border-slate-800 focus:border-emerald-500 focus:ring-1 focus:ring-emerald-500 text-xs px-3 py-2 text-white font-medium" />
|
|
</div>
|
|
</div>
|
|
|
|
<div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
|
|
<div>
|
|
<label class="block text-xxs font-semibold text-slate-400 uppercase tracking-wider mb-1">Posta Elettronica Certificata (PEC)</label>
|
|
<input type="email" name="pec" value="{{ old('pec', $soggetto?->pec) }}" class="w-full rounded-lg bg-slate-900 border border-slate-800 focus:border-emerald-500 focus:ring-1 focus:ring-emerald-500 text-xs px-3 py-2 text-white font-medium" />
|
|
</div>
|
|
<div>
|
|
<label class="block text-xxs font-semibold text-slate-400 uppercase tracking-wider mb-1">Telefono Fisso</label>
|
|
<input type="text" name="telefono" value="{{ old('telefono', $soggetto?->telefono) }}" class="w-full rounded-lg bg-slate-900 border border-slate-800 focus:border-emerald-500 focus:ring-1 focus:ring-emerald-500 text-xs px-3 py-2 text-white font-medium" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 2. RESIDENZA -->
|
|
<div class="space-y-4 pt-4">
|
|
<h3 class="text-sm font-bold text-slate-300 uppercase tracking-wider border-b border-slate-800 pb-2">Indirizzo di Residenza</h3>
|
|
|
|
<div class="grid grid-cols-1 sm:grid-cols-3 gap-4">
|
|
<div class="sm:col-span-2">
|
|
<label class="block text-xxs font-semibold text-slate-400 uppercase tracking-wider mb-1">Indirizzo (Via/Piazza, n° civico)</label>
|
|
<input type="text" name="indirizzo" value="{{ old('indirizzo', $soggetto?->residenza_indirizzo) }}" required class="w-full rounded-lg bg-slate-900 border border-slate-800 focus:border-emerald-500 focus:ring-1 focus:ring-emerald-500 text-xs px-3 py-2 text-white font-medium" />
|
|
</div>
|
|
<div>
|
|
<label class="block text-xxs font-semibold text-slate-400 uppercase tracking-wider mb-1">CAP</label>
|
|
<input type="text" name="cap" value="{{ old('cap', $soggetto?->residenza_cap) }}" required placeholder="5 cifre" class="w-full rounded-lg bg-slate-900 border border-slate-800 focus:border-emerald-500 focus:ring-1 focus:ring-emerald-500 text-xs px-3 py-2 text-white font-mono" />
|
|
</div>
|
|
</div>
|
|
|
|
<div class="grid grid-cols-1 sm:grid-cols-3 gap-4">
|
|
<div class="sm:col-span-2">
|
|
<label class="block text-xxs font-semibold text-slate-400 uppercase tracking-wider mb-1">Città</label>
|
|
<input type="text" name="citta" value="{{ old('citta', $soggetto?->residenza_citta) }}" required class="w-full rounded-lg bg-slate-900 border border-slate-800 focus:border-emerald-500 focus:ring-1 focus:ring-emerald-500 text-xs px-3 py-2 text-white font-medium" />
|
|
</div>
|
|
<div>
|
|
<label class="block text-xxs font-semibold text-slate-400 uppercase tracking-wider mb-1">Provincia</label>
|
|
<input type="text" name="provincia" value="{{ old('provincia', $soggetto?->residenza_provincia) }}" required placeholder="es. RM" class="w-full rounded-lg bg-slate-900 border border-slate-800 focus:border-emerald-500 focus:ring-1 focus:ring-emerald-500 text-xs px-3 py-2 text-white font-medium uppercase" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 3. DATI CATASTALI -->
|
|
<div class="space-y-4 pt-4">
|
|
<h3 class="text-sm font-bold text-slate-300 uppercase tracking-wider border-b border-slate-800 pb-2">Coordinate Catastali dell'Unità</h3>
|
|
|
|
<div class="grid grid-cols-1 sm:grid-cols-3 gap-4">
|
|
<div>
|
|
<label class="block text-xxs font-semibold text-slate-400 uppercase tracking-wider mb-1">Foglio</label>
|
|
<input type="text" name="foglio" value="{{ old('foglio', $unita->foglio) }}" class="w-full rounded-lg bg-slate-900 border border-slate-800 focus:border-emerald-500 focus:ring-1 focus:ring-emerald-500 text-xs px-3 py-2 text-white font-mono" />
|
|
</div>
|
|
<div>
|
|
<label class="block text-xxs font-semibold text-slate-400 uppercase tracking-wider mb-1">Particella</label>
|
|
<input type="text" name="particella" value="{{ old('particella', $unita->particella) }}" class="w-full rounded-lg bg-slate-900 border border-slate-800 focus:border-emerald-500 focus:ring-1 focus:ring-emerald-500 text-xs px-3 py-2 text-white font-mono" />
|
|
</div>
|
|
<div>
|
|
<label class="block text-xxs font-semibold text-slate-400 uppercase tracking-wider mb-1">Subalterno</label>
|
|
<input type="text" name="subalterno" value="{{ old('subalterno', $unita->subalterno) }}" class="w-full rounded-lg bg-slate-900 border border-slate-800 focus:border-emerald-500 focus:ring-1 focus:ring-emerald-500 text-xs px-3 py-2 text-white font-mono" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 4. CONTROLLO OTP DI SICUREZZA -->
|
|
<div class="space-y-4 pt-4 border-t border-slate-800">
|
|
<h3 class="text-sm font-bold text-slate-300 uppercase tracking-wider pb-2">Certificazione Numero Cellulare e Firma</h3>
|
|
|
|
<div class="grid grid-cols-1 sm:grid-cols-3 gap-4 items-end">
|
|
<div class="sm:col-span-2">
|
|
<label class="block text-xxs font-semibold text-slate-400 uppercase tracking-wider mb-1">Numero di Cellulare (per ricezione codice OTP)</label>
|
|
<input type="tel" name="cellulare" id="cellulare" value="{{ old('cellulare', $soggetto?->cellulare) }}" required placeholder="es. 3401234567" class="w-full rounded-lg bg-slate-900 border border-slate-800 focus:border-emerald-500 focus:ring-1 focus:ring-emerald-500 text-xs px-3 py-2 text-white font-medium" />
|
|
</div>
|
|
<div>
|
|
<button type="button" id="btn-otp" onclick="requestOtp()" class="w-full rounded-lg bg-sky-600 hover:bg-sky-700 active:scale-95 transition-all text-xs font-bold text-white py-2">
|
|
Richiedi Codice OTP
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="w-32">
|
|
<label class="block text-xxs font-semibold text-slate-400 uppercase tracking-wider mb-1">Codice OTP Ricevuto</label>
|
|
<input type="text" name="otp" required placeholder="6 cifre" class="w-full rounded-lg bg-slate-900 border border-slate-800 focus:border-emerald-500 focus:ring-1 focus:ring-emerald-500 text-xs px-3 py-2 text-white font-mono text-center tracking-widest font-bold" />
|
|
</div>
|
|
<div id="otp-message" class="text-xxs font-semibold"></div>
|
|
</div>
|
|
|
|
<div class="flex justify-end pt-4">
|
|
<button type="submit" class="rounded-xl bg-gradient-to-r from-emerald-500 to-teal-600 hover:from-emerald-600 hover:to-teal-700 text-white font-bold text-xs uppercase px-8 py-3 shadow-lg active:scale-95 transition-all">
|
|
Invia e Convalida Dati
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<!-- Footer -->
|
|
<div class="text-center text-xxs text-slate-600 tracking-wider py-4">
|
|
Servizio Anagrafe Digitale NetGescon © {{ date('Y') }}. Tutti i dati sono trattati in conformità alla privacy e crittografati in LAN.
|
|
</div>
|
|
|
|
<script>
|
|
async function requestOtp() {
|
|
const cellulare = document.getElementById('cellulare').value;
|
|
const btn = document.getElementById('btn-otp');
|
|
const msg = document.getElementById('otp-message');
|
|
|
|
if (!cellulare) {
|
|
alert('Inserisci prima il numero di cellulare.');
|
|
return;
|
|
}
|
|
|
|
btn.disabled = true;
|
|
btn.innerText = 'Invio in corso...';
|
|
msg.innerText = '';
|
|
|
|
try {
|
|
const response = await fetch('{{ route("anagrafica.update.otp") }}', {
|
|
method: 'POST',
|
|
headers: {
|
|
'Content-Type': 'application/json',
|
|
'X-CSRF-TOKEN': '{{ csrf_token() }}'
|
|
},
|
|
body: JSON.stringify({
|
|
token: '{{ $token }}',
|
|
cellulare: cellulare
|
|
})
|
|
});
|
|
|
|
const data = await response.json();
|
|
|
|
if (response.ok) {
|
|
msg.className = "text-xxs font-semibold text-emerald-400 mt-1";
|
|
msg.innerText = data.message;
|
|
btn.innerText = 'Richiedi di nuovo';
|
|
} else {
|
|
msg.className = "text-xxs font-semibold text-red-400 mt-1";
|
|
msg.innerText = data.message;
|
|
btn.innerText = 'Richiedi Codice OTP';
|
|
}
|
|
} catch (err) {
|
|
msg.className = "text-xxs font-semibold text-red-400 mt-1";
|
|
msg.innerText = 'Errore di connessione all\'SMS Gateway locale.';
|
|
btn.innerText = 'Richiedi Codice OTP';
|
|
} finally {
|
|
btn.disabled = false;
|
|
}
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|