szilagyig
/
citywebshop_cms


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
							<html>
    <head>
        <!-- Bootstrap 3.3.2 -->
        <link href="<?php echo BASE_URL; ?>static/bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css" />    
        <!-- FontAwesome 4.3.0 -->
        <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />

        <title>QR codes</title>
        <style>
            body {
                font-family: Arial, sans-serif;
                padding: 20px;
            }
            .qr-codes {
                display: flex;
                flex-wrap: wrap;
                gap: 20px;
            }

            .qr-code {
                width: 33%;
                display: block;
                margin: 10px;
                text-align: center;
            }
            .qr-code img {
                width: 100%;
                height: auto;
            }
            .qr-code p {
                margin-top: 5px;
                font-size: 14px;
            }

            @media print {
                .btn {
                    display: none;
                }
                .qr-code {
                    width: 33%;
                    page-break-inside: avoid;
                }
            }
        </style>
    </head>
    <body>
        <button type="button" onclick="window.print();" class="btn btn-flat btn-success" style="margin-bottom: 20px;"><i class="fa fa-print"></i> Print</button>
        <div class="qr-codes">
            <?php foreach ($tickets as $ticket) : ?>
            <div class="qr-code">
                <img src="/qrcode.php?s=qr&d=<?=$ticket['id']?>" alt="QR code 1">
                <p><?=$ticket['label']?></p>
            </div>
            <?php endforeach; ?>
        </div>
    </body>
</html>