<!DOCTYPE html>
<html>
  <head>
    <title><%= content_for(:title) || "Today Ai Weather" %></title>
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="mobile-web-app-capable" content="yes">
    <%= csrf_meta_tags %>
    <%= csp_meta_tag %>

    <%= yield :head %>

    <%# Enable PWA manifest for installable apps (make sure to enable in config/routes.rb too!) %>
    <%#= tag.link rel: "manifest", href: pwa_manifest_path(format: :json) %>

    <link rel="icon" href="/icon.png" type="image/png">
    <link rel="icon" href="/icon.svg" type="image/svg+xml">
    <link rel="apple-touch-icon" href="/icon.png">

    <%# Includes all stylesheet files in app/assets/stylesheets %>
    <%= javascript_include_tag "application", "data-turbo-track": "reload", type: "module" %>
    <%= stylesheet_link_tag "application", "data-turbo-track": "reload" %>
  </head>

  <body class="min-h-screen bg-base-100">
  <div class="navbar bg-base-100">
    <div class="container mx-auto">
      <div class="flex-1">
        <%= link_to "AI Weather Art", root_path, class: "btn btn-ghost normal-case text-xl" %>
      </div>
      <div class="flex-none">
        <%= link_to "Cities", cities_path, class: "btn btn-ghost normal-case" %>
      </div>
    </div>
  </div>

  <main class="container mx-auto px-4 py-8">
    <%= yield %>
  </main>

  <footer class="footer footer-center p-4 bg-base-200 text-base-content">
    <div>
      <p>Copyright © 2024 - All rights reserved by AI Weather Art</p>
    </div>
  </footer>
  </body>
</html>
