@php
    $siteName = config('app.name');
    $siteUrl = config('app.url');
@endphp
<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Şifre Sıfırlama — {{ $siteName }}</title>
    <style>
        body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif; margin: 0; padding: 0; background: #f3f4f6; }
        .wrapper { max-width: 600px; margin: 0 auto; padding: 20px; }
        .card { background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 6px rgba(0,0,0,.08); }
        .header { background: linear-gradient(135deg, #dc2626 0%, #ef4444 100%); padding: 28px 30px; text-align: center; }
        .header-icon { font-size: 36px; margin-bottom: 10px; }
        .header h1 { color: #fff; font-size: 22px; font-weight: 700; margin: 0; }
        .header p { color: rgba(255,255,255,.85); font-size: 13px; margin-top: 6px; }
        .body { padding: 28px 30px; }
        .body p { color: #4b5563; font-size: 15px; line-height: 1.7; margin-bottom: 14px; }
        .warning-box { background: #fff7ed; border: 1px solid #fed7aa; border-radius: 8px; padding: 14px 16px; margin: 16px 0; }
        .warning-box p { color: #92400e; font-size: 13px; margin: 0; }
        .cta-center { text-align: center; margin: 28px 0; }
        .btn { display: inline-block; padding: 14px 32px; background: #ef4444; color: #fff !important; text-decoration: none; border-radius: 8px; font-weight: 600; font-size: 15px; }
        .url-box { background: #f9fafb; border: 1px solid #e5e7eb; border-radius: 8px; padding: 12px 16px; word-break: break-all; }
        .url-box small { color: #6b7280; font-size: 12px; display: block; margin-bottom: 6px; }
        .url-box a { color: #2563eb; font-size: 12px; text-decoration: none; }
        .divider { border-top: 1px solid #e5e7eb; margin: 20px 0; }
        .footer { background: #f9fafb; padding: 16px 30px; text-align: center; border-top: 1px solid #e5e7eb; }
        .footer p { color: #9ca3af; font-size: 12px; margin-bottom: 4px; }
        .footer a { color: #6b7280; text-decoration: none; }
    </style>
</head>
<body>
<div class="wrapper">
    <div class="card">
        <div class="header">
            <div class="header-icon">🔐</div>
            <h1>Şifre Sıfırlama</h1>
            <p>Şifrenizi sıfırlamak için bir istek aldık</p>
        </div>

        <div class="body">
            <p>Merhaba <strong>{{ $user->name }}</strong>,</p>

            <p>{{ $siteName }} hesabınız için bir şifre sıfırlama isteği aldık. Şifrenizi sıfırlamak için aşağıdaki butona tıklayın:</p>

            <div class="cta-center">
                <a href="{{ $resetUrl }}" class="btn">🔑 Şifremi Sıfırla</a>
            </div>

            <div class="warning-box">
                <p>⚠️ Bu bağlantı <strong>60 dakika</strong> içinde geçerliliğini yitirecektir. Sonrasında yeni bir sıfırlama talebinde bulunmanız gerekecektir.</p>
            </div>

            <p>Eğer bu isteği <strong>siz yapmadıysanız</strong>, bu e-postayı görmezden gelebilirsiniz. Hesabınız güvendedir ve şifreniz değiştirilmeyecektir.</p>

            <div class="divider"></div>

            <p style="font-size: 13px; color: #6b7280;">Butona tıklayamıyorsanız, aşağıdaki bağlantıyı tarayıcınıza kopyalayabilirsiniz:</p>

            <div class="url-box">
                <small>Şifre sıfırlama bağlantısı</small>
                <a href="{{ $resetUrl }}">{{ $resetUrl }}</a>
            </div>
        </div>

        <div class="footer">
            <p>Bu e-posta {{ $siteName }} tarafından otomatik gönderilmiştir.</p>
            <p>&copy; {{ date('Y') }} <a href="{{ $siteUrl }}">{{ $siteName }}</a></p>
        </div>
    </div>
</div>
</body>
</html>
