<!DOCTYPE html>
<html lang="hr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Račun — Održavanje web stranice</title>
    <style>
        body { font-family: Arial, sans-serif; font-size: 14px; color: #333; }
        .container { max-width: 600px; margin: 0 auto; padding: 20px; }
        .header { border-bottom: 2px solid #0066cc; padding-bottom: 10px; margin-bottom: 20px; }
        .footer { border-top: 1px solid #ddd; margin-top: 30px; padding-top: 15px; font-size: 12px; color: #777; }
        .highlight { background: #f4f8ff; border-left: 4px solid #0066cc; padding: 10px 15px; margin: 15px 0; }
    </style>
</head>
<body>
<div class="container">
    <div class="header">
        <h2>Račun za održavanje web stranice</h2>
    </div>

    <p>Poštovani,</p>

    <p>U prilogu Vam dostavljamo račun za uslugu <strong>održavanja web stranice</strong> za tekući mjesec.</p>

    @if(!empty($invoice['InvoiceNumber']))
    <div class="highlight">
        <strong>Broj računa:</strong> {{ $invoice['InvoiceNumber'] }}<br>
        <strong>Ugovor:</strong> {{ $contract->contract_no }}
    </div>
    @endif

    @if($testMode)
    <p style="color: red;"><strong>[TEST MODE — ova poruka je poslana samo na test adresu]</strong></p>
    @endif

    @if($contract->napomena && count($contract->napomena) > 0)
    <p><strong>Napomena:</strong><br>
        @foreach($contract->napomena as $note)
            {{ $note }}<br>
        @endforeach
    </p>
    @endif

    <p>Račun je dostupan u privitku ove poruke (PDF format).</p>

    <p>Ukoliko imate pitanja, slobodno nam se javite.</p>

    <p>S poštovanjem,<br>
    <strong>InOffice tim</strong></p>

    <div class="footer">
        <p>Ova poruka je automatski generirana. Molimo ne odgovarajte direktno na nju.</p>
    </div>
</div>
</body>
</html>
