Update de layouts, integração com QZ TRAY e impressão manual de pedidos

zzjunior · zzjunior · commit 01e6db936285 · 2025-09-17T02:54:25.000-03:00
diff --git a/app/Controllers/OrderContoller.php b/app/Controllers/OrderContoller.php
@@ -0,0 +1,40 @@
+	<?php
+
+	namespace App\Controllers;
+
+	use App\Models\Order;
+	use Psr\Http\Message\ResponseInterface as Response;
+	use Psr\Http\Message\ServerRequestInterface as Request;
+
+	class OrderContoller
+	{
+		protected $orderModel;
+
+		public function __construct(Order $orderModel)
+		{
+			$this->orderModel = $orderModel;
+		}
+
+		/**
+		 * Retorna o último ID de pedido criado
+		 */
+		public function getLastOrderId(Request $request, Response $response, $args = [])
+		{
+			$pdo = $this->orderModel->getConnection();
+			$stmt = $pdo->query("SELECT MAX(id) as last_order_id FROM orders");
+			$row = $stmt->fetch(\PDO::FETCH_ASSOC);
+			$response->getBody()->write(json_encode(['last_order_id' => (int)($row['last_order_id'] ?? 0)]));
+			return $response->withHeader('Content-Type', 'application/json');
+		}
+
+		public function getLastOrderByPhone(Request $request, Response $response, $args = [])
+		{
+			$phone = $request->getQueryParams()['phone'] ?? '';
+			$pdo = $this->orderModel->getConnection();
+			$stmt = $pdo->prepare("SELECT customer_name, customer_address, notes FROM orders WHERE customer_phone = ? ORDER BY id DESC LIMIT 1");
+			$stmt->execute([$phone]);
+			$row = $stmt->fetch(\PDO::FETCH_ASSOC);
+			$response->getBody()->write(json_encode($row ?: []));
+			return $response->withHeader('Content-Type', 'application/json');
+		}
+	}
diff --git a/app/Models/Order.php b/app/Models/Order.php
@@ -4,6 +4,13 @@
 
 class Order extends BaseModel
 {
+    /**
+     * Retorna a conexão DBAL (Doctrine Connection)
+     */
+    public function getConnection()
+    {
+        return $this->db;
+    }
     public function create($data)
     {
         return $this->insert('orders', $data);
@@ -111,4 +118,5 @@ public function generateWhatsAppMessage($order)
         
         return $message;
     }
+        
 }
diff --git a/public/assets/js/admin-print-poll.js b/public/assets/js/admin-print-poll.js
@@ -0,0 +1,70 @@
+// admin-print-poll.js
+// Script para polling de novos pedidos e impressão automática via QZ Tray
+// Requer QZ Tray instalado no PC do admin: https://qz.io/
+
+// CONFIGURAÇÕES
+const POLL_INTERVAL = 5000; // ms (5 segundos)
+const PRINT_ENDPOINT = '/admin/print-order/'; // endpoint que retorna o JSON de impressão (ajuste se necessário)
+const LAST_ORDER_KEY = 'acaiteria_last_printed_order';
+
+// Função para buscar o último pedido do backend
+async function fetchLastOrderId() {
+    try {
+        const resp = await fetch('/api/last-order-id'); // Crie esse endpoint para retornar o último ID
+        if (!resp.ok) return null;
+        const data = await resp.json();
+        return data.last_order_id;
+    } catch (e) {
+        console.error('Erro ao buscar último pedido:', e);
+        return null;
+    }
+}
+
+// Função para buscar o JSON de impressão de um pedido
+async function fetchPrintData(orderId) {
+    const resp = await fetch(PRINT_ENDPOINT + orderId);
+    if (!resp.ok) throw new Error('Erro ao buscar dados de impressão');
+    return await resp.json();
+}
+
+// Função para imprimir via QZ Tray
+function printWithQZTray(printData) {
+    if (!window.qz) {
+        alert('QZ Tray não está disponível. Instale e permita o acesso.');
+        return;
+    }
+    // Exemplo: imprime texto simples (ajuste conforme seu layout)
+    const config = qz.configs.create(null); // null = impressora padrão
+    const data = printData.map(line => line.content || '');
+    qz.print(config, data).catch(err => {
+        alert('Erro ao imprimir: ' + err);
+    });
+}
+
+// Loop de polling
+async function pollForNewOrders() {
+    let lastPrinted = localStorage.getItem(LAST_ORDER_KEY) || 0;
+    setInterval(async () => {
+        const lastOrderId = await fetchLastOrderId();
+        if (lastOrderId && lastOrderId > lastPrinted) {
+            try {
+                const printData = await fetchPrintData(lastOrderId);
+                printWithQZTray(printData);
+                localStorage.setItem(LAST_ORDER_KEY, lastOrderId);
+            } catch (e) {
+                console.error('Erro ao imprimir pedido:', e);
+            }
+        }
+    }, POLL_INTERVAL);
+}
+
+// Inicialização
+window.addEventListener('DOMContentLoaded', () => {
+    if (window.qz) {
+        qz.websocket.connect().then(() => {
+            pollForNewOrders();
+        });
+    } else {
+        alert('QZ Tray não detectado. Instale e permita o acesso para impressão automática.');
+    }
+});
diff --git a/routes/web.php b/routes/web.php
@@ -6,6 +6,7 @@
 use App\Controllers\AdminController;
 use App\Controllers\AuthController;
 use App\Controllers\CartController;
+use App\Controllers\OrderContoller;
 use App\Models\Product;
 use App\Models\Category;
 use App\Models\Ingredient;
@@ -181,6 +182,7 @@
     $group->post('/carrinho/adicionar', [CartController::class, 'addItem']);
     $group->get('/carrinho/remover/{cart_id}', [CartController::class, 'removeItem']);
     $group->post('/carrinho/sync', [CartController::class, 'syncCart']);
+    $group->get('/api/last-order-by-phone', [OrderContoller::class, 'getLastOrderByPhone']);
     
     // Checkout
     $group->get('/checkout', [CartController::class, 'checkout']);
diff --git a/views/templates/admin/dashboard.blade.php b/views/templates/admin/dashboard.blade.php
@@ -12,38 +12,83 @@
     <header class="bg-white shadow">
         <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
             <div class="flex justify-between items-center py-6">
-                <div>
-                    <h1 class="text-3xl font-bold text-gray-900">{{ $store['store_name'] }}</h1>
-                    <p class="text-gray-600">Painel Administrativo</p>
+                <!-- Store Info -->
+                <div class="flex items-center space-x-3">
+                    <div>
+                        <h1 class="text-2xl md:text-3xl font-bold text-gray-900">{{ $store['store_name'] }}</h1>
+                        <p class="text-gray-600 text-sm md:text-base">Painel Administrativo</p>
+                    </div>
                 </div>
-            <!---logo upload--->
-            <div class="flex items-center space-x-4 m-2 mb-3">
-                <form action="/admin/upload-logo" method="post" enctype="multipart/form-data" class="flex items-center space-x-2">
-                    <label for="logo-upload" class="bg-blue-600 text-white px-4 py-2 rounded cursor-pointer hover:bg-blue-700">
-                        <i class="fas fa-upload mr-1"></i>
-                        Adicionar Logo à loja
-            </label>
-            <input type="file" id="logo-upload" name="logo" accept="image/*" class="hidden" onchange="this.form.submit()">
-            </form>
-            @if (!empty($store['logo']))
-            <img src="{{ $store['logo'] }}" alt="Logo da loja" class="h-10 rounded shadow">
-            @endif
-        </div>
-        
-                <div class="flex items-center space-x-4">
-                    <a href="/{{ $store['store_slug'] }}" 
-                       target="_blank"
-                       class="text-blue-600 hover:text-blue-800">
+                <!-- Logo upload & Actions -->
+                <div class="hidden md:flex items-center space-x-6">
+                    <form action="/admin/upload-logo" method="post" enctype="multipart/form-data" class="flex items-center space-x-2">
+                        <label for="logo-upload" class="bg-blue-600 text-white px-3 py-2 rounded cursor-pointer hover:bg-blue-700 text-sm flex items-center">
+                            <i class="fas fa-upload mr-1"></i>
+                            <span>Atualizar Logo</span>
+                        </label>
+                        <input type="file" id="logo-upload" name="logo" accept="image/*" class="hidden" onchange="this.form.submit()">
+                    </form>
+                    @if (!empty($store['logo']))
+                        <img src="{{ $store['logo'] }}" alt="Logo da loja" class="h-10 w-10 rounded img-fluid shadow">
+                    @endif
+                    <a href="/{{ $store['store_slug'] }}" target="_blank" class="text-blue-600 hover:text-blue-800 text-sm flex items-center">
                         <i class="fas fa-external-link-alt mr-1"></i>
-                        Ver Cardápio
+                        <span>Ver Cardápio</span>
                     </a>
-                    <a href="/admin/logout" class="text-red-600 hover:text-red-800">
+                    <a href="/admin/logout" class="text-red-600 hover:text-red-800 text-sm flex items-center">
                         <i class="fas fa-sign-out-alt mr-1"></i>
-                        Sair
+                        <span>Sair</span>
                     </a>
                 </div>
+                <!-- Botão do menu mobile à direita -->
+                <button id="menu-toggle" class="md:hidden text-gray-700 focus:outline-none ml-2">
+                    <i class="fas fa-bars text-2xl"></i>
+                </button>
             </div>
         </div>
+        <!-- Offcanvas Mobile Menu (Direita) -->
+        <div id="offcanvas-menu" class="fixed inset-0 z-50 bg-black bg-opacity-40 hidden">
+            <div class="fixed right-0 top-0 h-full w-64 bg-white shadow-lg p-6 flex flex-col space-y-6">
+                <div class="flex items-center justify-between mb-4">
+                    <span class="font-bold text-lg">{{ $store['store_name'] }}</span>
+                    <button id="menu-close" class="text-gray-700 focus:outline-none">
+                        <i class="fas fa-times text-xl"></i>
+                    </button>
+                </div>
+                <form action="/admin/upload-logo" method="post" enctype="multipart/form-data" class="flex items-center space-x-2">
+                    <label for="logo-upload-mobile" class="bg-blue-600 text-white px-3 py-2 rounded cursor-pointer hover:bg-blue-700 text-sm flex items-center">
+                        <i class="fas fa-upload mr-1"></i>
+                        <span>Atualizar Logo</span>
+                    </label>
+                    <input type="file" id="logo-upload-mobile" name="logo" accept="image/*" class="hidden" onchange="this.form.submit()">
+                </form>
+                @if (!empty($store['logo']))
+                    <img src="{{ $store['logo'] }}" alt="Logo da loja" class="h-10 w-10 rounded img-fluid shadow">
+                @endif
+                <a href="/{{ $store['store_slug'] }}" target="_blank" class="text-blue-600 hover:text-blue-800 text-sm flex items-center">
+                    <i class="fas fa-external-link-alt mr-1"></i>
+                    <span>Ver Cardápio</span>
+                </a>
+                <a href="/admin/logout" class="text-red-600 hover:text-red-800 text-sm flex items-center">
+                    <i class="fas fa-sign-out-alt mr-1"></i>
+                    <span>Sair</span>
+                </a>
+            </div>
+        </div>
+        <script>
+            const menuToggle = document.getElementById('menu-toggle');
+            const offcanvasMenu = document.getElementById('offcanvas-menu');
+            const menuClose = document.getElementById('menu-close');
+            menuToggle?.addEventListener('click', () => {
+                offcanvasMenu.classList.remove('hidden');
+            });
+            menuClose?.addEventListener('click', () => {
+                offcanvasMenu.classList.add('hidden');
+            });
+            offcanvasMenu?.addEventListener('click', (e) => {
+                if (e.target === offcanvasMenu) offcanvasMenu.classList.add('hidden');
+            });
+        </script>
     </header>
 
     <main class="max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8">
@@ -195,6 +240,12 @@ class="block p-6 bg-purple-50 rounded-lg hover:bg-purple-100 transition-colors">
                                         <div class="mt-1 text-xs text-yellow-700 bg-yellow-50 rounded p-2">Obs: {{ $order['notes'] }}</div>
                                     @endif
                                 </div>
+                                <!-- Botão Imprimir -->
+                                <div class="mt-3 md:mt-0 md:ml-4 flex-shrink-0 flex items-center">
+                                    <button type="button" class="bg-green-600 hover:bg-green-700 text-white px-4 py-2 rounded flex items-center gap-2 print-btn" data-order-id="{{ $order['id'] }}">
+                                        <i class="fas fa-print"></i> Imprimir
+                                    </button>
+                                </div>
                             </div>
                         @endforeach
                     </div>
diff --git a/views/templates/cart/checkout.blade.php b/views/templates/cart/checkout.blade.php
@@ -138,6 +138,22 @@ class="flex-1 bg-green-600 text-white px-6 py-3 rounded-lg hover:bg-green-700 tr
     </div>
 
     <script>
+        // Busca dados do cliente no backend ao digitar telefone
+        async function autofillCustomerDataFromBackend() {
+            const phone = document.getElementById('customer_phone').value.replace(/\D/g, '');
+            if (phone.length >= 8) {
+                try {
+                    const resp = await fetch(`/api/last-order-by-phone?phone=${encodeURIComponent(phone)}`);
+                    if (!resp.ok) return;
+                    const obj = await resp.json();
+                    if (obj.customer_name) document.getElementById('customer_name').value = obj.customer_name;
+                    if (obj.customer_address) document.getElementById('customer_address').value = obj.customer_address;
+                    if (obj.notes) document.getElementById('notes').value = obj.notes;
+                } catch (e) {}
+            }
+        }
+
+        document.getElementById('customer_phone').addEventListener('blur', autofillCustomerDataFromBackend);
         // Formatação do telefone
         document.getElementById('customer_phone').addEventListener('input', function() {
             let value = this.value.replace(/\D/g, '');
diff --git a/views/templates/cart/success.blade.php b/views/templates/cart/success.blade.php
@@ -9,6 +9,13 @@
     
     <!-- { Ativando print do pedido na impressora } -->
 <script>
+    // Limpa o carrinho do localStorage ao exibir a tela de sucesso
+    document.addEventListener('DOMContentLoaded', function() {
+        try {
+            localStorage.removeItem('cart_{{ $store['id'] }}');
+            if (typeof updateCartCount === 'function') updateCartCount();
+        } catch (e) {}
+    });
 window.onload = function() {
     window.location.href = "my.bluetoothprint.scheme://https://menu.linksbio.me/imprimir-pedido/{{ $order['id'] }}";
 };
diff --git a/views/templates/menu/index.blade.php b/views/templates/menu/index.blade.php
@@ -16,6 +16,20 @@
     <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" integrity="sha512-Evv84Mr4kqVGRNSgIGL/F/aIDqQb7xQ2vcrdIwxfjThSH8CSR7PBEakCr51Ck+w+/U6swU2Im1vVX0SVk9ABhg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
     <script>
+// Atualiza o número de itens no carrinho no ícone
+function updateCartCount() {
+    try {
+        const cart = JSON.parse(localStorage.getItem('cart_{{ $store['id'] }}') || '[]');
+        document.getElementById('cart-count').textContent = cart.length;
+    } catch (e) {
+        document.getElementById('cart-count').textContent = 0;
+    }
+}
+
+// Atualiza o carrinho ao carregar a página
+document.addEventListener('DOMContentLoaded', function() {
+    updateCartCount();
+});
         tailwind.config = {
             theme: {
                 extend: {
@@ -188,10 +202,10 @@ class="w-full bg-gradient-to-r from-primary to-secondary text-white py-2 px-4 ro
                     <span class="font-medium">Total:</span>
                     <span class="text-xl font-bold text-primary" id="totalPrice">R$ 0,00</span>
                 </div>
-                <button onclick="addCustomizedToCart()" 
-                        class="w-full bg-gradient-to-r from-primary to-secondary text-white py-3 px-4 rounded-lg font-medium hover:from-primary/90 hover:to-secondary/90 transition-all duration-200">
-                     Finalizar <i class="fa-solid fa-arrow-right"></i>
-                </button>
+                <button type="button" onclick="addCustomizedToCart()" 
+                class="w-full bg-gradient-to-r from-primary to-secondary text-white py-3 px-4 rounded-lg font-medium hover:from-primary/90 hover:to-secondary/90 transition-all duration-200">
+                Finalizar <i class="fa-solid fa-arrow-right"></i>
+            </button>
             </div>
         </div>
     </div>
@@ -442,8 +456,11 @@ function addCustomizedToCart() {
     }
     localStorage.setItem('cart_{{ $store['id'] }}', JSON.stringify(cart));
     updateCartCount();
+    // Fecha o modal e redireciona após garantir atualização
     closeCustomizeModal();
-    showToast('Produtos adicionados ao carrinho!');
+    setTimeout(function() {
+        window.location.href = '/{{ $store_slug }}/carrinho';
+    }, 100);
 }
 </script>
 </body>

Original file line number	Diff line number	Diff line change
`@@ -4,6 +4,13 @@`
`4`	`4`
`5`	`5`	`class Order extends BaseModel`
`6`	`6`	`{`
	`7`	`+ /**`
	`8`	`+ * Retorna a conexão DBAL (Doctrine Connection)`
	`9`	`+ */`
	`10`	`+ public function getConnection()`
	`11`	`+ {`
	`12`	`+ return $this->db;`
	`13`	`+ }`
`7`	`14`	`public function create($data)`
`8`	`15`	`{`
`9`	`16`	`return $this->insert('orders', $data);`
`@@ -111,4 +118,5 @@ public function generateWhatsAppMessage($order)`
`111`	`118`
`112`	`119`	`return $message;`
`113`	`120`	`}`
	`121`	`+`
`114`	`122`	`}`