    [:div.col-md-9.badge-modal-navi
     [:ul {:class "nav nav-tabs wrap-grid"}
      [:li.nav-item {:class  (if (or (nil? (:tab-no @state))(= 1 (:tab-no @state))) "active")}
-      [:a.nav-link {:href "#" :on-click #(swap! state assoc :tab [required-badge-tabs metabadge] :tab-no 1 )}
+      [:a.nav-link {:href "#" :on-click #(swap! state assoc :tab [required-badge-tab metabadge] :tab-no 1 )}
        [:div  [:i.nav-icon {:class "fa fa-puzzle-piece fa-lg"}] (t :metabadge/Requiredbadges)  ]]]
      [:li.nav-item {:class  (if (or (nil? (:tab-no @state))(= 2 (:tab-no @state))) "active")}
       [:a.nav-link {:href "#" :on-click #(swap! state assoc :tab [view-content metabadge] :tab-no 2 )}


    [:div#metabadgegrid {:class "row"}
     [modal-navi metabadge state]
     (if (:tab @state) (:tab @state) [required-badge-tabs metabadge])]))


(defn multi-block [metabadge]

         [:div {:dangerouslySetInnerHTML {:__html (:criteria badge)}}]]]
       ]]]))

(defn required-badge-tab [metabadge]
  (let [{:keys [badge required_badges milestone? min_required]} metabadge
        amount_received (count (filter :received required_badges))
        completed-percentage (%completed min_required amount_received)
