require "ecr/macros"
require "../page"

class Guff::TestAuthHTMLView
  TITLE = "Guff Auth Test"
  FEATURES = %w{bootstrap font-awesome guff/util}

  SCRIPTS = %w{
    /guff-stuff/ckeditor-4.5.8-custom/ckeditor.js
    /guff-stuff/js/search-field.js
    /guff-stuff/test/tab-users.js
    /guff-stuff/test/tab-posts.js
  }

  TEMPLATES = TemplateCache.new({
    role: "
      <option
        value='%{name}'
        title='%{text}'
        %{selected}
      >
        %{name}
      </option>
    ",

    tab: "
      <li role='presentation' class='%{css}'>
        <a
          id='%{prefix}-tab-%{id}'
          href='#%{prefix}-tab-pane-%{id}'
          title='%{text}'
          aria-controls='%{prefix}-tab-pane-%{id}'
          role='tab'
          data-toggle='tab'
        >
          <i class='fa %{icon}'></i>
          %{name}
        </a>
      </li>
    ",

    new_post_button: "
      <a
        href='#'
        class='btn btn-primary'
        title='Create new blog post.'
        data-toggle='modal'
        data-target='#blog-edit-dialog'
      >
        <i class='fa fa-plus-circle'></i>
        New Post
      </a><!-- btn -->

      <a
        href='#'
        class='btn btn-primary'
        title='Show additonal options.'
        data-toggle='dropdown'
      >
        <span class='hidden'>
          <i class='fa fa-plus-circle'></i>
          New
        </span>

        <i class='fa fa-caret-down'></i>
      </a>

      <ul class='dropdown-menu'>
        <li class='hidden'>
          <a
            href='#'
            title='Create new blog post.'
            data-toggle='modal'
            data-target='#blog-edit-dialog'
          >
            <i class='fa fa-fw fa-bullhorn'></i>
            New Post
          </a>
        </li>

        <li>
          <a
            href='#'
            title='Create new page.'
            data-toggle='modal'
            data-target='#page-edit-dialog'
          >
            <i class='fa fa-fw fa-bookmark-o'></i>
            New Page
          </a>
        </li>

        <li>
          <a
            href='#'
            title='Create new project.'
            data-toggle='modal'
            data-target='#project-edit-dialog'
          >
            <i class='fa fa-fw fa-cube'></i>
            New Project
          </a>
        </li>
      </ul>
    ",
  })

  def self.run(models, context : HTTP::Server::Context)
    new(models).run(context)
  end

  def initialize(@models : Models)
  end

  def run(context)
    page = PageHTMLView.new(TITLE, self.to_s)
    page.add_features(FEATURES)
    page.scripts.concat(SCRIPTS)
    context.response.content_type = page.content_type
    context.response.puts page
  end

  def h(s : String)
    HTML.escape(s || "")
  end

  def get_roles
    @models.role.get_roles.map { |row|
      name = row["role_name"] as String

      TEMPLATES[:role].run({
        "name":     h(name),
        "text":     h(row["role_desc"] as String),
        "selected": (name == "guest") ? "selected='selected'" : ""
      })
    }.join
  end

  def get_tabs(id : Symbol, prefix : String)
    @models.tab.get_tabs(id).map { |row|
      TEMPLATES[:tab].run(row.merge({
        "prefix": prefix,
        "css":    row["css"]? || "",
        "name":   h(row["name"]),
        "text":   h(row["text"]),
      }))
    }.join
  end

  def get_new_post_button
    TEMPLATES[:new_post_button].run
  end

  ECR.def_to_s("./src/guff/views/ecrs/test/auth.ecr")
end