<?php
// invoice_preview.php
$nama_customer = $_POST['nama_customer'];
$nama_usaha = $_POST['nama_usaha'];
$alamat = $_POST['alamat'];
$telp = $_POST['telp'];
$no_invoice = $_POST['no_invoice'];
$barang = $_POST['barang'];
$qty = $_POST['qty'];
$uom = $_POST['uom'];
$harga = $_POST['harga'];
$keterangan = $_POST['keterangan'];

$total = 0;
for ($i = 0; $i < count($barang); $i++) {
    $total += $harga[$i] * $qty[$i];
}

// Ambil tanggal dari form
$tanggal_input = $_POST['tgl'] ?? date('Y-m-d');
setlocale(LC_TIME, 'id_ID.UTF-8', 'Indonesian_indonesia.1252');
$tanggal = strftime('%d %B %Y', strtotime($tanggal_input));
?>
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Invoice - Sadaya Jasa</title>
<style>
    body {
        font-family: Arial, sans-serif;
        font-size: 13px;
        color: #000;
        margin: 30px 40px;
    }
    .header {
        text-align: center;
        line-height: 1.4;
        margin-bottom: 1px;
    }
    .header h2 {
        font-weight: bold;
        margin: 0;
    }
    .header p {
        margin: 2px 0;
    }
    hr {
        border: 1px solid #000;
        margin-top: 1px;
        margin-bottom: 4px;
    }
    .invoice-title {
        text-align: center;
        margin: 10px 0;
    }
    .invoice-title h1 {
        margin: 0;
        font-weight: bold;
    }
    .info-table, .items-table, .summary {
        width: 100%;
        border-collapse: collapse;
        margin-top: 10px;
    }
    .info-table td {
        padding: 3px 5px;
        vertical-align: top;
    }
    .items-table th, .items-table td {
        border: 1px solid #000;
        padding: 5px;
    }
    .items-table th {
        background-color: #d9ead3;
        text-align: center;
        font-weight: bold;
    }
    .summary td {
        padding: 3px 5px;
        vertical-align: top;
    }
    .summary .totals table {
        width: 100%;
        border-collapse: collapse;
    }
    .summary .totals td {
        border: 1px solid #000;
        padding: 4px 6px;
    }
    .footer {
        margin-top: 20px;
        display: flex;
        justify-content: space-between;
    }
    .footer .left {
        width: 60%;
        text-align: center;
    }
    .footer .right {
        width: 38%;
        border: 1px solid black;
        padding: 10px;
        font-size: 12px;
    }
    .footer .right strong {
        font-size: 13px;
    }
    .print-btn {
        text-align: right;
        margin-bottom: 15px;
    }
    .print-btn button {
        background-color: #4CAF50;
        color: white;
        border: none;
        padding: 8px 16px;
        cursor: pointer;
        border-radius: 5px;
    }
    .print-btn button:hover {
        background-color: #2e7d32;
    }

    /* ---------- MODE HP ---------- */
    @media screen and (max-width: 600px) {
        body {
            margin: 10px;
            font-size: 12px;
        }
        .header h2 {
            font-size: 16px;
        }
        .header p {
            font-size: 11px;
            line-height: 1.3;
        }
        .invoice-title h1 {
            font-size: 18px;
        }
        .info-table, .items-table, .summary, .footer {
            width: 100%;
            display: block;
            overflow-x: auto;
        }
        .info-table td, .items-table th, .items-table td {
            font-size: 11px;
            word-break: break-word;
        }
        .items-table th, .items-table td {
            padding: 4px;
        }
        .footer {
            flex-direction: column;
            align-items: center;
        }
        .footer .left, .footer .right {
            width: 100%;
            text-align: center;
            margin-top: 15px;
        }
        .footer .right {
            border: 1px solid #000;
            padding: 8px;
        }
        .print-btn {
            text-align: center;
        }
        .print-btn button {
            width: 100%;
            font-size: 13px;
        }
    }

    /* ---------- MODE PRINT ---------- */
    @media print {
        .print-btn {
            display: none;
        }
        body {
            margin: 20px 25px;
            font-size: 12px;
        }
        .footer {
            display: flex;
            justify-content: space-between;
            flex-direction: row;
        }
    }
</style>
</head>
<body>

<div class="print-btn">
    <button onclick="window.print()">🖨️ Cetak Invoice</button>
</div>

<div class="header">
    <h2>PILARIAN GLOBAL SOLUTION</h2>
    <p>Jl. Cendana III No.18 Permata Puri Harmoni 1<br>
       Situsari - Cileungsi, Kab. Bogor – Jawa Barat 16820<br>
       Site B : Terondol, Kota Serang – Banten 42119</p>
    <p>Telpon : 08 22107 22400 | Email : admin@sadayajasa.com | Website : www.sadayajasa.com</p>
</div>
<hr>

<div class="invoice-title">
    <h1>INVOICE</h1>
</div>

<table class="info-table">
    <tr>
        <td class="left">
            <table>
                <tr><td><strong>Kepada Yth</strong></td><td> : <strong><?= htmlspecialchars($nama_customer) ?></strong></td></tr>
                <tr><td><strong>Nama Usaha</strong></td><td> : <strong><?= htmlspecialchars($nama_usaha) ?></strong></td></tr>
                <tr><td>Alamat</td><td> : <?= htmlspecialchars($alamat) ?></td></tr>
                <tr><td>Telpon</td><td> : <?= htmlspecialchars($telp) ?></td></tr>
            </table>
        </td>
        <td class="right">
            <table>
                <tr><td>No.Invoice</td><td>: <?= htmlspecialchars($no_invoice) ?></td></tr>
                <tr><td>Sales</td><td>: -</td></tr>
                <tr><td>PO</td><td>: Confirm By Quotation</td></tr>
                <tr><td>GRN</td><td>: -</td></tr>
            </table>
        </td>
    </tr>
</table>

<table class="items-table">
    <thead>
        <tr>
            <th>No.</th>
            <th>Nama Barang</th>
            <th>Qty</th>
            <th>UOM</th>
            <th>Harga</th>
            <th>Total</th>
        </tr>
    </thead>
    <tbody>
        <?php for ($i = 0; $i < count($barang); $i++): ?>
        <tr>
            <td align="center"><?= $i+1 ?></td>
            <td><?= htmlspecialchars($barang[$i]) ?></td>
            <td align="center"><?= htmlspecialchars($qty[$i]) ?></td>
            <td align="center"><?= htmlspecialchars($uom[$i]) ?></td>
            <td align="right">Rp <?= number_format($harga[$i], 0, ',', '.') ?></td>
            <td align="right">Rp <?= number_format($harga[$i] * $qty[$i], 0, ',', '.') ?></td>
        </tr>
        <?php endfor; ?>
    </tbody>
</table>

<table class="summary">
    <tr>
        <td width="65%" valign="top">
            <b> Note :</b><br>
            <table style="font-size:12px; margin-top:3px;">
                <tr><td>- Pembayaran</td><td>:</td><td>Cash / Transfer / QRIS</td></tr>
                <tr><td>- PIC Customer</td><td>:</td><td><?= htmlspecialchars($nama_customer) ?></td></tr>
                <tr><td>- Keterangan</td><td>:</td><td><?= htmlspecialchars($keterangan) ?></td></tr>
            </table>
        </td>
        <td class="totals">
            <table>
                <tr><td>Sub Total</td><td align="right">Rp <?= number_format($total, 0, ',', '.') ?></td></tr>
                <tr><td>Diskon</td><td align="right">-</td></tr>
                <tr><td>Total</td><td align="right">Rp <?= number_format($total, 0, ',', '.') ?></td></tr>
                <tr><td><strong>Grand Total</strong></td><td align="right"><strong>Rp <?= number_format($total, 0, ',', '.') ?></strong></td></tr>
            </table>
        </td>
    </tr>
</table>

<div class="footer">
  <div class="left">
    <p>Bogor, <?= htmlspecialchars($tanggal) ?><br>Hormat Kami</p>
    <img src="https://finance.sadayajasa.com/images/cap.png" alt="Sadaya Jasa" width="80" style="margin:6px 0;"><br>
    <strong style="font-size:13px;">SADAYA JASA</strong><br>
    <div style="border-top:1px solid #000; width:140px; margin:4px auto;"></div>
    <small style="font-size:11px; color:#FFA500;">Your Life Service</small>
  </div>

  <div class="right">
    <p><b>Pembayaran transfer ke :</b></p>
    <p><b>Bank BCA</b></p>
    <p>A/C : <b>18103 96837 a.n Cepi Ruswandi</b></p>
    <p>
      Mohon konfirmasi bukti pembayaran via email ke <b>admin@sadayajasa.com</b> atau Whatsapp ke nomor<br>
      <b>08 22107 22400</b>
    </p>
  </div>
</div>

</body>
</html>
