local inactive = param.get("inactive", atom.boolean)
local inactive_policies = param.get("inactive_policies", atom.boolean)



local units = Unit:get_flattened_tree{ include_inactive = inactive, include_hidden = true }

local policies = Policy:build_selector{ active = not inactive_policies }:exec()
--local policies = Policy:build_selector{}:add_order_by("index"):exec()

ui.titleAdmin()

ui.grid{ content = function()

  ui.cell_main{ content = function()
    ui.container{ attr = { class = "mdl-card mdl-card__fullwidth mdl-shadow--2dp" }, content = function()
      ui.container{ attr = { class = "mdl-card__title mdl-card--border" }, content = function()
        ui.heading { attr = { class = "mdl-card__title-text" }, level = 2, content = _"Organizational units and subject areas" }
      end }
      ui.container{ attr = { class = "mdl-card__content" }, content = function()

        for i_unit, unit in ipairs(units) do
          ui.container { 
            attr = { style = "margin-left: " .. ((unit.depth - 1)* 2) .. "em;" },
            content = function ()
              ui.heading { level = 1, content = function ()
                local class
                if unit.active == false then
                  class = "inactive"
                end
                ui.link{ attr = { class = class }, text = unit.name, module = "admin", view = "unit_edit", id = unit.id }
              end }
              ui.tag { tag = "ul", attr = { class = "ul" }, content = function ()
                local areas
                if not inactive then
                  areas = unit:get_reference_selector("areas"):add_order_by("name"):add_where("active"):exec()
                else
                  areas = unit:get_reference_selector("areas"):add_order_by("name"):exec()
                end
                for i, area in ipairs(areas) do
                  ui.tag { tag = "li", content = function ()
                    local class
                    if area.active == false then
                      class = "inactive"
                    end
                    ui.link{ attr = { class = class }, text = area.name, module = "admin", view = "area_show", id = area.id }
                  end }
                end
                ui.tag { tag = "li", content = function ()
                  ui.link { module = "admin", view = "area_show", params = { unit_id = unit.id }, content = _"+ add new subject area" }
                end }
              end }
            end
          }
        end
     end }

     ui.container{ attr = { class = "mdl-card__actions mdl-card--border" }, content = function()
        ui.link {
          attr = { class = "mdl-button mdl-js-button" },
          module = "admin", view = "unit_edit", content = _"Create new unit"
        }
        
        if (not inactive) then
          ui.link {
            attr = { class = "mdl-button mdl-js-button" },
            module = "admin", view = "index", params = { inactive = true }, content = _"Show inactive"
          }
        else
          ui.link {
            attr = { class = "mdl-button mdl-js-button" },
            module = "admin", view = "index", content = _"Hide inactive"
          }
        end
    
      end }
    end }
  end }
  
  ui.cell_sidebar{ content = function()

    ui.container{ attr = { class = "mdl-card mdl-card__fullwidth mdl-shadow--2dp" }, content = function()
      ui.container{ attr = { class = "mdl-card__title mdl-card--border" }, content = function()
        ui.heading { attr = { class = "mdl-card__title-text" }, level = 2, content = _"Members" }
      end }
      ui.container{ attr = { class = "mdl-card__content" }, content = function()
        ui.form{
          module = "admin", view = "member_list",
          content = function()
            ui.field.text{ container_attr = { style = "display: inline-block;" }, label = _"search", name = "search" }
            slot.put(" ")
            ui.submit{ value = _"OK" }
          end
        }
      end }

      ui.container{ attr = { class = "mdl-card__actions mdl-card--border" }, content = function()
        ui.link{
          attr = { class = "mdl-button mdl-js-button" },
          text = _"Add member",
          module = "admin",
          view = "member_edit"
        }
      end }
    end }

    ui.container{ attr = { class = "mdl-card mdl-card__fullwidth mdl-shadow--2dp" }, content = function()
      ui.container{ attr = { class = "mdl-card__title mdl-card--border" }, content = function()
        ui.heading { attr = { class = "mdl-card__title-text" }, level = 2, content = _"Policies" }
      end }
      ui.container{ attr = { class = "mdl-card__content" }, content = function()
        ui.tag { tag = "ul", attr = { class = "ul" }, content = function()
          for i, policy in ipairs(policies) do
            ui.tag { tag = "li", content = function()
              ui.link{
                content = policy.name,
                module = "admin",
                view = "policy_show",
                id = policy.id
              }
            end }
          end
        end }
      end }

      ui.container{ attr = { class = "mdl-card__actions mdl-card--border" }, content = function()
        ui.link{
          attr = { class = "mdl-button mdl-js-button" },
          text = _"Add policy",
          module = "admin",
          view = "policy_show"
        }
        slot.put("   ")
        if (not inactive_policies) then
          ui.link {
            attr = { class = "mdl-button mdl-js-button" },
            module = "admin", view = "index", params = { inactive_policies = true }, content = _"Show inactive"
          }
        else
          ui.link {
            attr = { class = "mdl-button mdl-js-button" },
            module = "admin", view = "index", content = _"Hide inactive"
          }
        end
      end }
    end }

    ui.container{ attr = { class = "mdl-card mdl-card__fullwidth mdl-shadow--2dp" }, content = function()
      ui.container{ attr = { class = "mdl-card__title mdl-card--border" }, content = function()
        ui.heading { attr = { class = "mdl-card__title-text" }, level = 2, content = _"Newsletter" }
      end }
      ui.container{ attr = { class = "mdl-card__content" }, content = function()
        ui.link{
          text = _"Create a newsletter",
          module = "admin",
          view = "newsletter_edit"
        }
        slot.put("   ")
        ui.link{
          text = _"Manage newsletters",
          module = "admin",
          view = "newsletter_list"
        }
      end }
    end }

    ui.container{ attr = { class = "mdl-card mdl-card__fullwidth mdl-shadow--2dp" }, content = function()
      ui.container{ attr = { class = "mdl-card__title mdl-card--border" }, content = function()
        ui.heading { attr = { class = "mdl-card__title-text" }, level = 2, content = _"Cancel issue" }
      end }
      ui.container{ attr = { class = "mdl-card__content" }, content = function()
        ui.form{
          module = "admin",
          view = "cancel_issue",
          content = function()
            ui.field.text{ container_attr = { style = "display: inline-block;" }, label = _"Issue #", name = "id" }
            slot.put(" ")
            ui.submit{ text = _"OK" }
          end
        }
      end }
    end }

  end }
end }