--- {{{ Imports
local wibox = require("wibox")
local gears = require("gears")
local awful = require("awful")
local theme = require("ui.theme")
-- Textclock widget
mytextclock = wibox.widget.textclock()
screen.connect_signal("request::desktop_decoration", function(s)
-- Tag names for each screen
    awful.tag(
      {
        "", -- EDITOR
        "",  -- FILE MANAGER
        "", -- WEB BROWSER
        "",  -- CHAT
        "ﱘ",  -- MUSIC
        "", -- VIDEO
        "פֿ",  -- IMAGE/EDIT TOOLS
        "",  -- OFFICE
        ""   -- GAMES
      },
      s,
      awful.layout.layouts[1]
    )

--  Layoutbox widget
    s.mylayoutbox = {
      widget = wibox.container.background,
      bg = theme.bg_normal,
      shape = gears.shape.circle,
      awful.widget.layoutbox {
        screen  = s,
        buttons = {
          awful.button(
            { },
            1,
            function ()
              awful.layout.inc(1)
            end
          ),
          awful.button(
            { },
            3,
            function ()
              awful.layout.inc(-1)
            end
          ),
          awful.button(
            { },
            4,
            function ()
              awful.layout.inc(-1)
            end
          ),
          awful.button(
            { },
            5,
            function ()
              awful.layout.inc(1)
            end
          ),
        }
      }
    }

--  Taglist widget
    s.mytaglist = {
      widget = wibox.container.background,
      bg = theme.taglist_bg,
      shape = gears.shape.rounded_rect,
      awful.widget.taglist {
        screen  = s,
        filter  = awful.widget.taglist.filter.all,
        buttons = {
          awful.button(
            { },
            1,
            function(t)
              t:view_only()
            end
          ),
          awful.button(
            { modkey },
            1,
            function(t)
              if client.focus then
                client.focus:move_to_tag(t)
              end
            end
          ),
          awful.button(
            { },
            3,
            awful.tag.viewtoggle
          ),
          awful.button(
            { modkey },
            3,
            function(t)
              if client.focus then
                client.focus:toggle_tag(t)
              end
            end
          ),
          awful.button(
            { },
            4,
            function(t)
              awful.tag.viewprev(t.screen)
            end
          ),
          awful.button(
            { },
            5,
            function(t)
              awful.tag.viewnext(t.screen)
            end
          ),
        }
      }
    }

-- Prepare custom widgets
    -- Volume widget
    s.volume =
      awful.widget.watch(
        ".config/awesome/ui/widgets/volume",
        1 -- Update time in seconds
      )
    -- Battery widget
    s.battery =
      awful.widget.watch(
        ".config/awesome/ui/widgets/battery",
        10 -- update time in seconds
      )
    -- Wifi widget
    s.wifi =
      awful.widget.watch(
        ".config/awesome/ui/widgets/wifi",
        10 -- Update time in seconds
      )
    -- Brightness widget
    s.brightness =
      awful.widget.watch(
        ".config/awesome/ui/widgets/brightness",
        1 -- Update time in seconds
      )
    -- Keyboard layout widget
    s.layout =
      awful.widget.watch(
        ".config/awesome/ui/widgets/layout",
        1 -- Update time in seconds
      )

-- Prepare custom widgets container
    local custom_widget_container = {
      -- Keyboard layout widget
      wibox.container.background(wibox.widget.textbox(" "), theme.bar_bg_one),
      wibox.container.background(s.layout, theme.bar_bg_one),
      wibox.container.background(wibox.widget.textbox(" "), theme.bar_bg_one),
      -- Volume widget
      wibox.container.background(wibox.widget.textbox(" "), theme.bar_bg_two),
      wibox.container.background(s.volume, theme.bar_bg_two),
      wibox.container.background(wibox.widget.textbox(" "), theme.bar_bg_two),
      -- Brightness widget
      wibox.container.background(wibox.widget.textbox(" "), theme.bar_bg_tre),
      wibox.container.background(s.brightness, theme.bar_bg_tre),
      wibox.container.background(wibox.widget.textbox(" "), theme.bar_bg_tre),
      -- Battery widget
      wibox.container.background(wibox.widget.textbox(" "), theme.bar_bg_for),
      wibox.container.background(s.battery, theme.bar_bg_for),
      wibox.container.background(wibox.widget.textbox(" "), theme.bar_bg_for),
      -- Wifi widget
      wibox.container.background(wibox.widget.textbox(" "), theme.bar_bg_fiv),
      wibox.container.background(s.wifi, theme.bar_bg_fiv),
      layout  = wibox.layout.fixed.horizontal,
    }

-- Main right widget container with pill shape
    local right_widgets = {
      custom_widget_container,
      widget = wibox.container.background,
      shape = gears.shape.rounded_rect,
    }

--  Wibar
    s.mywibox = awful.wibar {
      position = "top",
      height   = (30),
      border_width = (10),
      border_color = theme.bg_normal,
      screen   = s,
      widget   = {
        layout = wibox.layout.stack,
        {
          layout = wibox.layout.align.horizontal,
          {
            -- [[ Left widgets ]]
            layout = wibox.layout.fixed.horizontal,
            -- Layoubox widget
            s.mylayoutbox,
            wibox.container.background(wibox.widget.textbox(" "), theme.bg_normal),
            -- Taglist widget
            s.mytaglist,
          },
          nil,
          {
            -- [[ Right widgets ]]
            layout = wibox.layout.fixed.horizontal,
            right_widgets
          },
        },
        {
          -- [[ Center widgets ]]
          -- Clock widget
          wibox.container.background(mytextclock, theme.bar_clock, gears.shape.rounded_rect),
          valign = "center",
          halign = "center",
          layout = wibox.container.place,
        }
      }
    }
  end
)