<?php
ob_start();
include('db/cn.php');
@$orderId = $_GET["order_id"];

ob_end_flush();
?>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Buttons with Logo</title>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
     <link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@200;300;400;500;600;700&display=swap" rel="stylesheet">
</head>
<style>
body {
    font-family: 'Quicksand', sans-serif;
}
.btn, h1{
    font-weight:700;
}
</style>
<body>
  <!-- Header with Logo -->
  <center>
      <img src="../img/logo231.png" width="120" height="120" >
      <br>
      <h1 class="m-2">Book Point</h1>
  </center>

  <!-- Buttons Section -->
  <div class="container text-center mt-5">
    <a href="printpos.php?order_id=<?php echo $orderId; ?>"><button class="btn btn-primary m-2 font-weight-bold" onclick="simplePrint()">Thermal Print</button></a>
    <a href="printpos2.php?order_id=<?php echo $orderId; ?>"><button class="btn btn-success m-2 font-weight-bold" onclick="hPrint()">A4 - Print</button></a>
    <a href="mainpos.php" class="btn btn-dark m-2"><i class="fas fa-arrow-left fa-1x"></i></a>
  </div>

  <script>
    function simplePrint() {
      alert("Thermal Print clicked");
    }

    function hPrint() {
      alert("A4 Print clicked");
    }
  </script>
</body>
</html>