(ns auto-ap.views.components.admin.side-bar
  (:require [re-frame.core :as re-frame]
            [reagent.core :as r]
            [clojure.string :as str]
            [clojure.spec.alpha :as s]
            [cljs-time.core :as c]
            [goog.string :as gstring]
            [bidi.bidi :as bidi]
            [auto-ap.routes :as routes]
            [auto-ap.views.utils :refer [active-when dispatch-event bind-field horizontal-field date->str str->date pretty standard]]
            [auto-ap.subs :as subs]
            [auto-ap.events :as events]))

(defn admin-side-bar [params ]
  (let [ap @(re-frame/subscribe [::subs/active-page])]
    [:div
      [:p.menu-label "General"]
      [:p.menu-item
       [:a {:href (bidi/path-for routes/routes :admin) , :class (str "item" (active-when  ap = :admin))}
        [:span {:class "icon"}
         [:i {:class "fa fa-tachometer"}]]
        [:span {:class "name"} "Dashboard"]]]

      [:p.menu-label "Setup"]
      [:ul.menu-list
       [:li.menu-item
        [:a {:href (bidi/path-for routes/routes :admin-clients) , :class (str "item" (active-when ap = :admin-clients))}
         [:span {:class "icon"}
          [:i {:class "fa fa-star-o"}]]
         
         [:span {:class "name"} "Clients"]]]
       [:li.menu-item
        [:a {:href (bidi/path-for routes/routes :admin-vendors) , :class (str "item" (active-when ap = :admin-vendors))}
         [:span {:class "icon"}
          [:i {:class "fa fa-star-o"}]]
         
         [:span {:class "name"} "Vendors"]]]
       [:li.menu-item
        [:a {:href (bidi/path-for routes/routes :admin-users), :class (str "item" (active-when ap = :admin-users))}
         [:span {:class "icon icon-single-neutral-book" :style {:font-size "25px"}}]
         [:span {:class "name"} "Users"]]]

       [:li.menu-item
        [:a {:href (bidi/path-for routes/routes :admin-accounts), :class (str "item" (active-when ap = :admin-accounts))}
         [:span {:class "icon icon-list-bullets" :style {:font-size "25px"}}]
         [:span {:class "name"} "Accounts"]]]

       [:li.menu-item
        [:a {:href (bidi/path-for routes/routes :admin-rules), :class (str "item" (active-when ap = :admin-rules))}
         [:span {:class "icon icon-cog-play-1" :style {:font-size "25px"}}]
         [:span {:class "name"} "Rules"]]]


       [:li.menu-item
        [:a {:href (bidi/path-for routes/routes :admin-yodlee2), :class (str "item" (active-when ap = :admin-yodlee2))}
         [:span {:class "icon icon-saving-bank-1" :style {:font-size "25px"}}]
         [:span {:class "name"} "Yodlee 2 Link"]]]

       [:li.menu-item
        [:a {:href (bidi/path-for routes/routes :admin-plaid), :class (str "item" (active-when ap = :admin-plaid))}
         [:span {:class "icon icon-saving-bank-1" :style {:font-size "25px"}}]
         [:span {:class "name"} "Plaid Link"]]]

       [:ul ]]
      [:p.menu-label "History"]
      [:ul.menu-list
       [:li.menu-item
        [:a {:href (bidi/path-for routes/routes :admin-reminders) , :class (str "item" (active-when ap = :admin-reminders))}
         [:span {:class "icon"}
          [:i {:class "fa fa-star-o"}]]
         
         [:span {:class "name"} "Reminders"]]]]
      [:p.menu-label "Import"]
      [:ul.menu-list
       [:li.menu-item
        [:a {:href (bidi/path-for routes/routes :admin-excel-import) , :class (str "item" (active-when ap = :admin-excel-import))}
         [:span {:class "icon"}
          [:i {:class "fa fa-download"}]]
         
         [:span {:class "name"} "Excel Invoices"]]]
       [:li.menu-item
        [:a {:href (bidi/path-for routes/routes :admin-import-batches) , :class (str "item" (active-when ap = :admin-import-batches))}
         [:span {:class "icon"}
          [:i {:class "fa fa-download"}]]
         
         [:span {:class "name"} "Import Batches"]]]]

     (into [:div ] (r/children (r/current-component)))]))