 (defn tag-checkbox [id input-label input-label-description]
   [:div {:class "row role-checkbox-container"}
    [:div {:class "col-lg-2 col-md-2 col-sm-2 col-xs-2"}
-    [:input {:type "checkbox" :id id}]
+    [:input {:field :checkbox :type "checkbox" :id id}]
     [:label {:for id}
      [:span {:class "checkbox"}]]]
    [:div {:class "col-lg-10 col-md-10 col-sm-10 col-xs-10"}

      (experience-panel)
      (comment-panel)]
     [:div {:class "col-lg-4 col-md-6 col-sm-6"}
      (rating-panel "glyphicon-thumbs-up" "Overall" "bg-mint cl-light")
      (rating-panel "glyphicon-user" "Talks" "bg-purple cl-light")
      (rating-panel "glyphicon-home" "Venue" "bg-pink cl-light")
      (rating-panel "glyphicon-glass" "Networking" "bg-green cl-light")
      (tags-panel)]]])


(defn add-rating []
  (let [doc (atom {:recommended false
                   :roles {:dev         false
                           :devops      false
                           :qa          false
                           :ux          false
                           :pm          false
                           :ba          false
                           :sales       false
                           :recruiting  false
                           :other       false}
                   :experience {:rookie       false
                                :beginner     false
                                :intermediate false
                                :advanced     false
                                :expert       false}
                   :comment {:name ""
                             :comment ""}})]
    [:div
     (header/nav-bar)
     [:div {:class "container-fluid content-container pad-top"}

    [:label {:for :recommended}
     [:span {:class "checkbox checkbox-lg"}]]]])

(defn rating-panel-radio-input [id key input-label value]
  [:div
   [:p {:class "text-lg-center"} input-label]
   [:input {:field :radio :value value :type "radio" :id id :name key}]
   [:label {:for id}
    [:span {:class "radio"}]]])

(defn rating-panel [icon data-key panel-label panel-classes]
  [:div {:class (str "panel rating-panel-container " panel-classes)}
   [:span
    [:i {:class (str "glyphicon " icon)}]
    [:span panel-label]]
   [:div {:class "row"}
    [:div {:class "col-lg-3 col-md-3 col-sm-3 col-xs-3"}
     (rating-panel-radio-input (str panel-label "-1") data-key "meh" 1)]
    [:div {:class "col-lg-3 col-md-3 col-sm-3 col-xs-3"}
     (rating-panel-radio-input (str panel-label "-2") data-key "okay" 2)]
    [:div {:class "col-lg-3 col-md-3 col-sm-3 col-xs-3"}
     (rating-panel-radio-input (str panel-label "-3") data-key"good" 3)]
    [:div {:class "col-lg-3 col-md-3 col-sm-3 col-xs-3"}
     (rating-panel-radio-input (str panel-label "-4") data-key "awesome" 4)]]])

(defn role-checkbox [id input-label input-label-description]
  [:div {:class "col-lg-4 col-md-6 col-sm-6 col-xs-12"}
