require "phlexing"

Phlexing::Converter.convert(%(<h1 class="title">Hello World</h1>))

h1(class: "title") { "Hello World" }

Phlexing::Converter.convert(<<~HTML)
  <% @articles.each do |article| %>
    <h1><%= article.title %></h1>
  <% end %>
HTML

@articles.each { |article| h1 { article.title } }

Phlexing::Converter.convert(<<~HTML, component: true)
  <h1><%= @user.name %></h1>

  <p><%= posts.count %> Posts</p>
HTML

class Component < Phlex::HTML
  attr_accessor :posts

  def initialize(posts:, user:)
    @posts = posts
    @user = user
  end

  def template
    h1 { @user.name }

    p do
      text posts.count
      text %( Posts)
    end
  end
end

Phlexing::Converter.convert(%(<%= link_to "Home", root_path %>), component: true)

class Component < Phlex::HTML
  include Phlex::Rails::Helpers::LinkTo
  include Phlex::Rails::Helpers::Routes

  def template
    link_to "Home", root_path
  end
end

Phlexing::Converter.convert(%(<% if active? %>Active<% else %>Inactive<% end %>), component: true)

class Component < Phlex::HTML
  def template
    if active?
      text "Active"
    else
      text "Inactive"
    end
  end

  private

  def active?(*args, **kwargs)
    # TODO: Implement me
  end
end

Phlexing::Converter.convert(%(<div style="background: <%= active? ? "green" : "gray" %>"></div>))

div(style: %(background: #{active? ? "green" : "gray"}))