@extends('layouts.app')

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet">

<style>
    body {
        font-family: 'Inter', sans-serif;
        background-color: #f9fafb;
    }
</style>

@section('content')
    <div class="min-h-[60vh] flex items-center justify-center py-20 px-4">
        <div class="max-w-2xl w-full bg-white shadow-lg rounded-lg p-10 text-center">
            <img class="mx-auto mb-6 max-w-[160px]" src="/assets/loghi/iul.jpg" alt="Logo IUL">

            @php
                $styles = [
                    'success' => 'text-green-600',
                    'error' => 'text-red-600',
                    'info' => 'text-blue-600',
                ];
                $titleClass = $styles[$type ?? 'info'] ?? 'text-blue-600';
            @endphp

            <h1 class="text-2xl font-semibold {{ $titleClass }}">{{ $title ?? 'Aggiornamento' }}</h1>
            <p class="mt-4 text-gray-700 leading-relaxed">{{ $message }}</p>

            @isset($notula)
                <div class="mt-8 text-sm text-gray-500">
                    <p><strong>Anno di riferimento:</strong> {{ $notula->reference_year }}</p>
                    @if ($notula->declared_amount !== null)
                        <p><strong>Importo dichiarato:</strong> € {{ number_format((float) $notula->declared_amount, 2, ',', '.') }}</p>
                    @endif
                </div>
            @endisset
        </div>
    </div>
@endsection