<?php
session_start();
if(!isset($_SESSION['user'])){
    header("Location: index.php");
    exit;
}
?>
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<title>Pembayaran</title>
<style>
body{
    font-family: Arial, sans-serif;
    background:#f4f6f9;
    margin:0;
}
.container{
    width:80%;
    margin:40px auto;
}
.box{
    background:white;
    padding:30px;
    border-radius:14px;
    box-shadow:0 4px 10px rgba(0,0,0,0.08);
    text-align:center;
}
.metode{
    display:flex;
    justify-content:center;
    gap:20px;
    margin-top:30px;
    flex-wrap:wrap;
}
.card{
    width:220px;
    padding:25px;
    border-radius:12px;
    background:#fff;
    border:1px solid #ddd;
    box-shadow:0 3px 8px rgba(0,0,0,0.08);
}
.btn{
    display:inline-block;
    margin-top:15px;
    padding:10px 18px;
    color:white;
    text-decoration:none;
    border-radius:8px;
    font-weight:bold;
}
.wa{ background:#25D366; }
.tf{ background:#007bff; }
.qr{ background:#28a745; }
.back{
    background:#6c757d;
    margin-top:30px;
}
</style>
</head>
<body>

<div class="container">
    <div class="box">
        <h2>💳 Pilih Metode Pembayaran</h2>
        <p>Silakan pilih metode pembayaran yang tersedia</p>

        <div class="metode">
            <div class="card">
                <h3>💬 WhatsApp</h3>
                <p>Konfirmasi pesanan via WhatsApp Admin</p>
                <a href="https://wa.me/6281297559008?text=Halo admin saya ingin order Frozen Food"
                   target="_blank" class="btn wa">Pilih WA</a>
            </div>

            <div class="card">
                <h3>🏦 Transfer Bank</h3>
                <p>Transfer ke rekening Mandiri / BCA</p>
                <a href="transfer.php" class="btn tf">Pilih Transfer</a>
            </div>

            <div class="card">
                <h3>📱 QRIS</h3>
                <p>Bayar cepat dengan scan QRIS</p>
                <a href="qris.php" class="btn qr">Pilih QRIS</a>
            </div>
        </div>

        <a href="keranjang.php" class="btn back">⬅️ Kembali ke Keranjang</a>
    </div>
</div>

</body>
</html>