<!DOCTYPE html>
<html class="h-full" lang="en">
  <head>
    <title><%= content_for(:title) || "Maybe" %></title>

    <%= csrf_meta_tags %>
    <%= csp_meta_tag %>

    <%= stylesheet_link_tag "tailwind", "inter-font", "data-turbo-track": "reload" %>
    <%= stylesheet_link_tag "application", "data-turbo-track": "reload" %>

    <%= javascript_include_tag "https://cdn.plaid.com/link/v2/stable/link-initialize.js" %>
    <%= combobox_style_tag %>

    <%= javascript_importmap_tags %>
    <%= hotwire_livereload_tags if Rails.env.development? %>
    <%= turbo_refreshes_with method: :morph, scroll: :preserve %>

    <meta name="viewport"
          content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="apple-mobile-web-app-title" content="Maybe">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="theme-color" content="#ffffff">

    <%= yield :head %>
  </head>

  <body class="h-full">
    <%= render "impersonation_sessions/super_admin_bar" if Current.true_user&.super_admin? %>
    <%= render "impersonation_sessions/approval_bar" if Current.true_user&.impersonated_support_sessions&.initiated&.any? %>

    <div class="fixed z-50 bottom-6 left-6">
      <div id="notification-tray" class="space-y-1">
        <%= render_flash_notifications %>

        <% if Current.family&.syncing? %>
          <%= render "shared/notification", id: "syncing-notification", type: :processing, message: t(".syncing") %>
        <% end %>
      </div>
    </div>

    <%= family_notifications_stream %>
    <%= family_stream %>

    <%= content_for?(:content) ? yield(:content) : yield %>

    <%= turbo_frame_tag "modal" %>
    <%= turbo_frame_tag "drawer" %>

    <%= render "shared/confirm_modal" %>

    <% if self_hosted? && Current.user&.onboarded_at.present? %>
      <%= render "shared/app_version" %>
    <% end %>
  </body>
</html>
