<!DOCTYPE html>
<html lang="ro">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>DynDNS - Schimbare IP</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            line-height: 1.6;
            color: #333;
            margin: 0;
            padding: 0;
            background-color: #f3f4f6;
        }
        .email-container {
            max-width: 600px;
            margin: 0 auto;
            padding: 20px;
        }
        .header {
            background: linear-gradient(135deg, #9333ea 0%, #7e22ce 100%);
            color: white;
            padding: 30px;
            text-align: center;
            border-radius: 10px 10px 0 0;
        }
        .content {
            background: #f9fafb;
            padding: 30px;
            border: 1px solid #e5e7eb;
            border-top: none;
        }
        .info-box {
            background: #ede9fe;
            border-left: 4px solid #9333ea;
            padding: 20px;
            margin: 20px 0;
            border-radius: 5px;
        }
        .stats {
            background: white;
            padding: 20px;
            border-radius: 8px;
            margin: 20px 0;
            box-shadow: 0 1px 3px rgba(0,0,0,0.1);
        }
        .stat-table {
            width: 100%;
            border-collapse: collapse;
        }
        .stat-table td {
            padding: 10px 0;
            border-bottom: 1px solid #e5e7eb;
        }
        .stat-table tr:last-child td {
            border-bottom: none;
        }
        .stat-label {
            font-weight: 600;
            color: #6b7280;
            width: 50%;
        }
        .stat-value {
            font-weight: bold;
            color: #111827;
            text-align: right;
            width: 50%;
        }
        .ip-change {
            background: white;
            padding: 20px;
            border-radius: 8px;
            margin: 20px 0;
            box-shadow: 0 1px 3px rgba(0,0,0,0.1);
            text-align: center;
        }
        .ip-box {
            display: inline-block;
            padding: 10px 20px;
            border-radius: 6px;
            margin: 10px;
            font-family: 'Courier New', monospace;
            font-weight: bold;
            font-size: 16px;
        }
        .old-ip {
            background: #fee2e2;
            color: #dc2626;
        }
        .new-ip {
            background: #d1fae5;
            color: #059669;
        }
        .arrow {
            font-size: 24px;
            color: #9333ea;
            margin: 0 10px;
        }
        .cta-button {
            display: inline-block;
            background: #9333ea;
            color: white;
            padding: 15px 30px;
            text-decoration: none;
            border-radius: 8px;
            font-weight: bold;
            margin: 20px 0;
            text-align: center;
        }
        .cta-button:hover {
            background: #7e22ce;
        }
        .footer {
            text-align: center;
            padding: 20px;
            color: #6b7280;
            font-size: 14px;
            border-top: 1px solid #e5e7eb;
            margin-top: 20px;
        }
        .sync-icon {
            font-size: 48px;
            margin-bottom: 10px;
        }
    </style>
</head>
<body>
    <div class="email-container">
        <div class="header">
            <div class="sync-icon">🔄</div>
            <h1 style="margin: 0;">Schimbare IP Detectată</h1>
        </div>

        <div class="content">
        <p>Bună {{ $client->user->name }},</p>

        <div class="info-box">
            <strong>
                🔔 IP-ul pentru clientul DynDNS "{{ $client->hostname }}" a fost actualizat automat!
            </strong>
        </div>

        <div class="ip-change">
            <h3 style="margin-top: 0; color: #6b7280;">Modificare IP</h3>
            <div>
                <span class="ip-box old-ip">{{ $oldIp }}</span>
                <span class="arrow">→</span>
                <span class="ip-box new-ip">{{ $newIp }}</span>
            </div>
        </div>

        <div class="stats">
            <h3 style="margin-top: 0;">Detalii Client DynDNS</h3>

            <table class="stat-table">
                <tr>
                    <td class="stat-label">🌐 Hostname:</td>
                    <td class="stat-value">{{ $client->hostname }}</td>
                </tr>
                <tr>
                    <td class="stat-label">🗺️ Zonă DNS:</td>
                    <td class="stat-value">{{ $client->dnsZone->domain }}</td>
                </tr>
                <tr>
                    <td class="stat-label">📝 Tip înregistrare:</td>
                    <td class="stat-value">{{ $client->record_type }}</td>
                </tr>
                <tr>
                    <td class="stat-label">🕒 Data actualizării:</td>
                    <td class="stat-value">{{ now()->format('d.m.Y H:i:s') }}</td>
                </tr>
                <tr>
                    <td class="stat-label">📊 Status:</td>
                    <td class="stat-value" style="color: {{ $client->is_active ? '#059669' : '#dc2626' }};">
                        {{ $client->is_active ? '✓ Activ' : '✗ Inactiv' }}
                    </td>
                </tr>
            </table>
        </div>

        <p>
            Înregistrarea DNS pentru <strong>{{ $client->hostname }}</strong> a fost actualizată automat
            pe toate serverele de nume asociate zonei <strong>{{ $client->dnsZone->domain }}</strong>.
        </p>

        <p>
            <strong>Ce înseamnă asta?</strong><br>
            Sistemul DynDNS a detectat că IP-ul tău a fost modificat și a actualizat automat
            înregistrările DNS pentru a asigura că hostname-ul tău continuă să funcționeze corect.
        </p>

        <div style="text-align: center;">
            <a href="{{ url('/dyndns/' . $client->id) }}" class="cta-button">
                Vezi Detalii Client DynDNS
            </a>
        </div>

        <p style="color: #6b7280; font-size: 14px; margin-top: 30px;">
            <strong>💡 Notă:</strong> Dacă nu ai solicitat această schimbare sau crezi că este o eroare,
            te rugăm să verifici configurația clientului DynDNS și să te asiguri că tokenul tău nu a fost compromis.
        </p>
        </div>

        <div class="footer">
            <p>
                Aceasta este o notificare automată generată de sistemul DynDNS.<br>
                Dacă dorești să oprești aceste notificări, poți dezactiva opțiunea din
                <a href="{{ url('/dyndns/' . $client->id) }}" style="color: #9333ea;">setările clientului</a>.
            </p>
            <p style="margin-top: 15px;">
                © {{ date('Y') }} {{ config('app.name') }}. Toate drepturile rezervate.
            </p>
        </div>
    </div>
</body>
</html>
