<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Setup Your Website - PropertyWebBuilder</title>
  <%= stylesheet_link_tag "tailwind-default", "data-turbo-track": "reload" %>
  <%= csrf_meta_tags %>
  <%= csp_meta_tag %>
</head>
<body class="bg-gray-100 min-h-screen">
  <!-- Flash Messages -->
  <% if flash[:error] %>
    <div class="fixed top-4 right-4 z-50 max-w-md">
      <div class="bg-red-50 border border-red-200 rounded-lg p-4 shadow-lg">
        <div class="flex items-center">
          <svg class="w-5 h-5 text-red-500 mr-3" fill="currentColor" viewBox="0 0 20 20">
            <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd"/>
          </svg>
          <span class="text-red-800"><%= flash[:error] %></span>
        </div>
      </div>
    </div>
  <% end %>

  <% if flash[:success] %>
    <div class="fixed top-4 right-4 z-50 max-w-md">
      <div class="bg-green-50 border border-green-200 rounded-lg p-4 shadow-lg">
        <div class="flex items-center">
          <svg class="w-5 h-5 text-green-500 mr-3" fill="currentColor" viewBox="0 0 20 20">
            <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"/>
          </svg>
          <span class="text-green-800"><%= flash[:success] %></span>
        </div>
      </div>
    </div>
  <% end %>

  <%= yield %>
</body>
</html>
