class App < Sinatra::Base
  register Sinatra::Kagero
  # 設定とヘルパー（db・todos・todo_stats・index_page など）は省略

  get "/" do
    page(
      Pages::Todos::Index,
      todos: todos,
      stats: todo_stats,
      errors: page_errors || {},
      flash: flash_payload
    )
  end

  post "/todos" do
    command = Commands::CreateTodo.new(params)
    if command.valid?
      db[:todos].insert(title: command.title, done: 0, created_at: Time.now.to_i)
      if page_request?
        index_page(flash: {notice: "Todo added"})
      else
        set_flash(notice: "Todo added")
        redirect to("/"), 303
      end
    elsif page_request?
      index_page(errors: command.errors)
    else
      page_errors(command.errors)
      redirect to("/"), 303
    end
  end

  # GET /done、完了の切り替え、削除の route は省略
end

module Pages
  module Todos
    class Index < Kagero::Page
      title "Kagero D1 Todo"

      props do
        prop :todos, Array
        prop :stats, Hash, required: false, default: -> { {} }
        prop :errors, Hash, required: false, default: -> { {} }
        prop :flash, Hash, required: false, default: -> { {} }
      end

      def view_template
        style { raw(safe(css)) }

        section(class: "shell") do
          header(class: "hero") do
            # 見出しと説明文（省略）
          end

          kagero_link(href: "/done") { "完了済み" }
          render_flash
          render_stats
          render_form
          render_list
        end
      end

      private

      # render_flash・render_stats は省略

      def render_form
        section(class: "panel", "aria-label": "Create TODO") do
          kagero_form(action: "/todos", method: "post", class: "new-form", "data-kagero-preserve-scroll": "true") do
            div(class: "field") do
              label(for: "title") { "Title" }
              input(
                id: "title",
                type: "text",
                name: "title",
                placeholder: "次にやること",
                "aria-invalid": field_error?(:title).to_s,
                "aria-describedby": field_error?(:title) ? "title-error" : nil
              )
              if field_error?(:title)
                p(id: "title-error", class: "error", role: "alert") { error_for(:title) }
              end
            end

            button(type: "submit", class: "button-primary") { "追加" }
          end
        end
      end

      # render_list・error_for・CSS などは省略
    end
  end
end

module Commands
  class CreateTodo < Kagero::Command
    attribute :title, String, default: ""

    validates_presence_of :title, message: "title_required"
    validates_length_of :title, maximum: 80, message: "title_too_long"

    def title
      @title.to_s.strip
    end
  end
end

def render_kagero_page(page_class, props, url: request.fullpath)
  component = page_class.kagero_component_name
  page_instance = page_class.new(**props)
  page_props = page_instance.kagero_props
  body_html = page_instance.call

  response_props = page_props.merge(
    kagero: Sinatra::Inertia.always(
      {
        component: component,
        html: body_html,
        title: page_instance.kagero_title
      }
    )
  )

  if inertia_request?
    render_kagero_json(component, response_props, url)
  else
    render_kagero_shell(component, response_props, url)
  end
end

def render_stats
  section(class: "stats", "data-testid": "stats") do
    stat("Total", stat_value(:total))
    stat("Open", stat_value(:open))
    stat("Done", stat_value(:done))
    kagero_partial_button(only: :stats, class: "stat refresh", "aria-label": "Refresh stats") do
      span { "Partial reload" }
      strong { "stats" }
    end
  end
end