      [:div.col-md-12
       [:div.form-group
        [:input {:type "button" :value "Add"
-                :class "btn btn-primary" :on-click fieldbook-add}] 
+                :class "btn btn-primary" :on-click fieldbook-add}]
        ;; [:input {:id "getall" :type "button" :value "Refresh"
        ;;          :class "btn btn-primary" :on-click get-all-click}]
        ]

    (http-get (str serverhost "mutations?pageIndex=0&pageSize=10") onres)))


(defn districtlist []
  [:datalist {:id "distcombo"}
   (let [district ["Kumar" "Sai" "Bhaskar" "Rajesh"]]
     (for [i district]
       ^{:key i}
       [:option {:value i}]))])

(defn divisionlist []
  [:datalist {:id "divcombo"}
   (let [division ["Kumar" "Sai" "Bhaskar" "Rajesh"]]
     (for [i division]
       ^{:key i}
       [:option {:value i}]))])

(defn villagelist []
  [:datalist {:id "villagecombo"}
   (let [village ["Kumar" "Sai" "Bhaskar" "Rajesh"]]
     (for [i village]
       ^{:key i}
       [:option {:value i}]))])

(defn nameofpolist []
  [:datalist {:id "nameofpocombo"}
   (let [po ["Kumar" "Sai" "Bhaskar" "Rajesh"]]
     (for [i po]
       ^{:key i}
       [:option {:value i}]))])

(defn render-mutations [mutations]
  [:div
   ;; [:div.padding]
   ;; [:div.page-header [:h1 "Record Room Management System"]]
   [:div#add]
   [:div#update]
   [:div {:class "box"}
    [:div {:class "box-header"}
     [:h3 "List of Mutations"]]
      [:div.col-md-12
       ;; [:div.col-sm-2 [:input.form-control {:id "dt1" :type "date"}]]
       ;; [:div.col-sm-2 [:input.form-control {:id "dt2" :type "date"}]]
       [:div.form-group
        [:div.row
         [:div.col-sm-2 "Mutation Number"
          [:input.form-control {:id "mutationnumber"
                              :type "text"
                                :placeholder "Enter search by mutationnumber"}]]
         [:div.col-sm-2 "Enter Search Text"
          [:input.form-control {:id "dt" :type "text"
                                               :placeholder "Enter search text.."}]]]]
       [:div.form-group
        [:div.row
         [:div.col-sm-2 "District Name"
          [:input.form-control {:id "sdistrictname"
                                :list "combo"
                                :placeholder "District Name"}[districtlist]]]
         [:div.col-sm-2 "Sub Division Name"
          [:input.form-control {:id "ssubdivisionname"
                                :list "combo"
                                :placeholder "Sub Division Name"}[divisionlist]]]
         [:div.col-sm-2 "Village Name"
          [:input.form-control {:id "svillagename"
                                :list "combo"
                                :placeholder "Village Name"}[villagelist]]]
        [:div.col-sm-2 "O2 Number"
         [:input.form-control {:id "so2number"
                               :type "text"
                               :placeholder "O2 Number"}]]
        [:div.col-sm-2 "Name of the First Party"
         [:input.form-control {:id "snameofthefirstparty"
                               :type "text"
                               :placeholder "Name of the First Party"}]]]]
       [:div.form-group
        [:div.row
         [:div.col-sm-2 "Name of the Second Party"
          [:input.form-control {:id "snameofthesecondparty"
                                :type "text"
                                :placeholder "Name of the Second Party"}]]
         [:div.col-sm-2 "Name Of P.O"
          [:input.form-control {:id "svillagename"
                                :list "combo"
                                :placeholder "Name Of P.O"}[nameofpolist]]]
          [:div.col-sm-2 "Title"
           [:input.form-control {:id "stitle"
                                 :type "text"
                                 :placeholder "Title"}]]
         [:div.col-sm-2 "Khasra Number"
          [:input.form-control {:id "skhasranumber"
                                :type "text"
                                :placeholder "Khasra Number"}]]
         [:div.col-sm-2 "Khata khatuni Number"
          [:input.form-control {:id "skhatakhatuninumber"
                                :type "text"
                                :placeholder "Khata Khatuni Number"}]]]
        [:div.form-group
         [:div.row
          [:div.col-sm-2.col-md-offset-5 {:style {:padding-top "20px"}}
           [:input.btn.btn-primary {:type "button" :value "Search" :on-click search}]
           [:input.btn.btn-primary {:type "button" :value "Add" :on-click add}]
           [:input.btn.btn-primary {:id "getall" :type "button" :value "Refresh":on-click get-all-click}]]]]]]

    [:div {:class "box-body"}
     [:table {:class "table table-bordered table-striped dataTable"}

     [:div.col-md-12
      [:div.form-group
       [:input {:type "button" :value "Add"
                :class "btn btn-primary" :on-click o2register-add}]
       ;; [:input {:id "getall" :type "button" :value "Refresh"
       ;;          :class "btn btn-primary" :on-click get-all-click}]
       ]
