<%!-- main content area --%>

<%!-- mobile header --%> <%!-- page content --%>

{@inner_content}

<%!-- sidebar --%>

<%!-- sidebar header --%>

<.link navigate={~p"/admin"} class="text-lg font-bold tracking-tight"> SimpleShop

{@current_scope.user.email}

<%!-- nav links --%>

<.link navigate={~p"/admin"} class={admin_nav_active?(@current_path, "/admin")} > <.icon name="hero-home" class="size-5" /> Dashboard
<.link navigate={~p"/admin/orders"} class={admin_nav_active?(@current_path, "/admin/orders")} > <.icon name="hero-shopping-bag" class="size-5" /> Orders
<.link navigate={~p"/admin/products"} class={admin_nav_active?(@current_path, "/admin/products")} > <.icon name="hero-cube" class="size-5" /> Products
<.link href={~p"/admin/theme"} class={admin_nav_active?(@current_path, "/admin/theme")} > <.icon name="hero-paint-brush" class="size-5" /> Theme
<.link navigate={~p"/admin/settings"} class={admin_nav_active?(@current_path, "/admin/settings")} > <.icon name="hero-cog-6-tooth" class="size-5" /> Settings

<%!-- sidebar footer --%>

<.link href={~p"/"}> <.icon name="hero-arrow-top-right-on-square" class="size-5" /> View shop
<.link href={~p"/users/log-out"} method="delete"> <.icon name="hero-arrow-right-start-on-rectangle" class="size-5" /> Log out

<.flash_group flash={@flash} />