<!doctype html>
<html lang="en">
<head>
<title>Livewire tables</title>
<link rel="stylesheet" href="{{ asset('css/bootstrap.min.css') }}" />
<x-laralight-assets::head />
</head>
<body>
<header class="navbar navbar-expand-lg bg-body-tertiary mb-4">
<div class="container">
<a class="navbar-brand" href="/">
Laralight Tables
</a>
<button
class="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<nav class="navbar-nav me-auto mb-2 mb-lg-0">
<a class="nav-link" href="{{ route('products') }}">
Products
</a>
<a class="nav-link" href="{{ route('categories') }}">
Categories
</a>
<a class="nav-link" href="{{ route('orders') }}">
Orders
</a>
</nav>
</div>
</div>
</header>
<div class="container">
{{ $slot }}
</div>
<x-laralight-assets::footer />
<script src="{{ asset('js/bootstrap.bundle.min.js') }}"></script>
</body>
</html>