@extends('mail.template')

@section('title', 'Warranty Certificate Issued')
@section('subtitle', 'Your warranty certificate has been successfully issued')

@section('content')
<div class="info-card">
    <h2 class="card-title">
        <i class="fas fa-certificate"></i>
        Warranty Certificate
    </h2>

    <div class="text-center mb-20">
        <h1 style="font-size: 19px; color: #495057;">Your warranty certificate has been issued!</h1>
        <p class="text-justify mt-15">Hello, {{ $firstName }}! Your warranty certificate has been issued</p>
        <p class="text-justify mt-15">Click the button below to download your certificate.</p>
    </div>

    <div class="text-center mt-35">
        <a href="{{ $downloadUrl }}" class="btn">
            📄 Download Certificate
        </a>
    </div>

    <div class="text-center mt-15">
        <p style="color: #6c757d; font-size: 14px;">
            <strong>Note:</strong> If the button doesn't work, copy and paste this link into your browser:<br>
            <a href="{{ $downloadUrl }}" style="color: #667eea; word-break: break-all;">{{ $downloadUrl }}</a>
        </p>
    </div>
</div>

<div class="text-center mt-35">
    <p style="color: #495057; font-size: 16px;">Thank you for your preference!</p>
</div>
@endsection

@section('footer-text', 'This warranty certificate was issued by PermShield. Keep this document safe for future reference.')