Files
ladill-pos/resources/views/components/app-layout.blade.php
T
isaaccladandClaude Opus 4.8 09df8e181a
Deploy Ladill POS / deploy (push) Successful in 42s
Replace native confirm() with in-app dialog for cancel/delete sale
The Cancel sale / Delete sale actions used the browser's native confirm()
('pos.ladill.com says…'). Render the store-driven ladillConfirm prompt (already
registered in app.js but never displayed) via a new partials/confirm-prompt and
have the two forms open it instead — branded, with sale-specific copy.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-26 08:05:02 +00:00

34 lines
1.6 KiB
PHP

@props(['title' => 'Ladill POS', 'heading' => null])
<!DOCTYPE html>
<html lang="en" class="h-full bg-slate-100">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<meta name="csrf-token" content="{{ csrf_token() }}">
<title>{{ $title }} · Ladill POS</title>
@include('partials.favicon')
<link rel="preconnect" href="https://fonts.bunny.net">
<link href="https://fonts.bunny.net/css?family=figtree:400,500,600,700&display=swap" rel="stylesheet" />
@vite(['resources/css/app.css', 'resources/js/app.js'])
</head>
<body class="h-full font-sans antialiased bg-slate-100" x-data="{ sidebarOpen: false }">
<div class="min-h-screen max-lg:min-h-dvh">
<div x-show="sidebarOpen" x-cloak class="fixed inset-0 z-30 bg-black/50 lg:hidden" @click="sidebarOpen = false"></div>
<aside x-data="{ ready: false }" x-init="requestAnimationFrame(() => ready = true)"
class="fixed inset-y-0 left-0 z-40 w-64 -translate-x-full transform lg:translate-x-0"
:class="{ '!translate-x-0': sidebarOpen, 'transition-transform': ready }">
@include('partials.sidebar')
</aside>
<div class="flex min-h-screen flex-col min-w-0 lg:pl-64">
@include('partials.topbar', ['heading' => $heading ?? $title])
<main class="flex-1 p-4 pb-24 sm:p-6 lg:pb-6">
@include('partials.flash')
{{ $slot }}
</main>
</div>
</div>
@include('partials.afia')
@include('partials.confirm-prompt')
</body>
</html>