<?php 
include 'header.php';
include '../koneksi/koneksi.php';
?>

<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tambah QRIS - UMKM Galeri 3D</title>
<style>
body {
    background: #f3f4f6;
    font-family: 'Poppins', sans-serif;
    margin: 0;
    padding: 0;
}
.container {
  	max-width: 1200px;
    margin: 5px auto;
    padding: 0 30px;
}
/* Umum (untuk semua perangkat) */
.button-row .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-weight: 500;
}

/* Untuk tampilan HP (maksimal 767px) */
@media (max-width: 767px) {
  .button-row {
    display: block;
    margin-top: 15px;
  }
  .button-row .col-md-6 {
    width: 100%;
    padding: 0 10px;
  }
  .button-row .btn {
    width: 100%;
    margin-bottom: 10px;
  }
}

/* Untuk tampilan Desktop (min 768px) */
@media (min-width: 768px) {
  .button-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
    margin-bottom: 40px;
  }
  .button-row .col-md-6 {
    flex: 0 0 48%;
  }
}
</style>
</head>
<body>

<div class="container">
    <h2 style="width:100%; border-bottom:3px solid gray; font-size:30px; margin-bottom: 20px; padding-bottom: 10px;">
        <b>Tambah QRIS</b>
    </h2>

    <form action="proses/tm_qris.php" method="POST" enctype="multipart/form-data">
        <div class="form-group">
            <label for="file_qris">Pilih Gambar QRIS</label>
            <input type="file" id="file_qris" name="file_qris" required>
            <p class="help-block">File harus berformat JPG, JPEG, atau PNG dan maksimal 1MB.</p>
        </div>

        <div class="row button-row" style="margin-top: 20px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px;">
			<div class="col-md-6 mb-2">
				<button type="submit" class="btn btn-success btn-block">
				<i class="glyphicon glyphicon-plus"></i> Tambah
				</button>
			</div>
			<div class="col-md-6 mb-2">
				<a href="m_produk.php" class="btn btn-danger btn-block">
				<i class="glyphicon glyphicon-remove"></i> Cancel
				</a>
			</div>
		</div>
    </form>
</div>

</body>
</html>
