{"version":3,"sources":["redux/constants/index.js","redux/reducers/search.js","redux/reducers/searchFilter.js","redux/reducers/index.js","redux/store.js","redux/actions/search.js","redux/actions/searchFilter.js","assets/logo.png","components/ModelReCapcha/index.js","pages/FilterSpace/index.js","pages/Search/index.js","utils/getValueFromUrl.js","layouts/HeaderLayout/index.js","layouts/ContentLayout/index.js","layouts/FooterLayout/index.js","pages/Main/index.js","pages/DetailDiploma/index.js","pages/NotFound/index.js","services/request.js","pages/RequestDiploma/index.js","App.js","index.js","requests/APIConfig.js","services/search.js"],"names":["GET_DATA_SEARCH","SAVE_SEARCH_VALUE","SET_DATA_SEARCH_FILTER","SET_VISIBLE_MODAL_ADV","RESET_SEARCH","initialState","pageNum","pageSize","totalPage","total","searchedCerts","name","year","donViId","undefined","visible","keyword","combineReducers","searchReducer","state","action","type","payload","searchFilterReducer","middleware","thunk","store","createStore","rootReducer","compose","applyMiddleware","searchBang","dispatch","a","SearchBang","params","res","data","includes","response","Cookies","remove","callback","message","error","saveSearchValue","resetSearchValue","setValueFilter","setValueVisibleFilter","searchBangAdv","idtruong","value","SearchAdvanceBang","ModalReCapcha","props","setIsModalVisible","isModalVisible","closable","footer","width","sitekey","onChange","set","DebounceSelect","fetchOptions","debounceTimeout","React","useState","fetching","setFetching","options","setOptions","fetchRef","useRef","debounceFetcher","useMemo","debounce","current","fetchId","then","newOptions","className","labelInValue","filterOption","onSearch","notFoundContent","size","showSearch","allowClear","fetchUserList","username","url","BASE_URL","axios","get","tenDonVi","maximumReturn","map","ele","label","notification","description","catch","connect","searchFilter","useHistory","loading","style","border","borderRadius","spinning","height","fontSize","placeholder","event","target","picker","locale","lang","monthBeforeYear","format","moment","newValue","history","setLoading","searchData","warning","captcha","hvt","nam","objectData","search","URLSearchParams","toString","push","pathname","marginTop","marginBottom","src","logo","alt","cursor","e","onPressEnter","prefix","color","transition","overflow","onClick","to","position","left","bottom","lineHeight","textAlign","backgroundColor","href","rel","getValueFromUrl","urlParams","location","entries","key","certSearch","hideSearch","showBack","Search","Input","useEffect","handleSearch","check","borderBottom","length","goBack","boxShadow","enterButton","Number","page","setPage","paddingBottom","cert","soVaoSo","replace","bangId","id","detailDiploma","boxSizing","duongDanFileAnh","fontWeight","hoVaTen","loaiBang","truongHoc","soHieu","FooterLayout","Date","getFullYear","background","borderTop","zIndex","TabPane","Tabs","diploma","setDiploma","setSoHieu","fetchData","regex","Detail","truongDuLieuTrongBangs","logVanBangs","isEmpty","field","kieuDuLieu","span","tenTruongDuLieu","giaTri","truongDuLieuCode","defaultActiveKey","tab","hocSinh","ngaySinh","noiSinh","gioiTinh","danToc","nienKhoa","hoKhauThuongTru","lopHoc","hinhThucDaoTao","hl","hk","xepLoaiTotNghiep","namTotNghiep","diemMonHocs","point","tenMonHoc","diem","codeMonHoc","log","Item","hoTen","hanhDong","fontStyle","opacity","marginRight","ip","thoiGian","fromNow","logId","NotFound","status","title","subTitle","extra","AddRequest","post","headers","Accept","listGioiTinhs","ten","RequestDiploma","Form","useForm","form","objectValidateForm","maxLength","checkEmpty","nameLabel","minValue","maxValue","handleValidateFields","rule","objectValidate","Promise","reject","resolve","valueParser","paserValue","RegExp","test","Math","ceil","minLength","checkDuplicate","arrayDuplicate","toLowerCase","trim","authCodeOld","handleRequestCopy","fieldsValue","trangThaiYeuCauId","success","resetFields","onFinish","gutter","md","padding","paddingLeft","rules","validator","required","index","Option","inputReadOnly","window","icon","faArrowLeft","htmlType","faLocationArrow","App","exact","path","ReactDOM","render","StrictMode","document","getElementById","method","withCredentials","GetCapCha","responseType","Cache","credentials"],"mappings":"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","file":"static/js/main.43e9969d.chunk.js","sourcesContent":["export const GET_DATA_SEARCH = \"GET_DATA_SEARCH\";\nexport const SAVE_SEARCH_VALUE = \"SAVE_SEARCH_VALUE\";\n\nexport const SET_DATA_SEARCH_FILTER = \"SET_DATA_SEARCH_FILTER\";\nexport const GET_DATA_SEARCH_ADVANCE = \"GET_DATA_SEARCH_ADVANCE\";\nexport const SET_VISIBLE_MODAL_ADV = \"SET_VISIBLE_MODAL_ADV\";\nexport const RESET_SEARCH = \"RESET_SEARCH\";\n","import { GET_DATA_SEARCH, SAVE_SEARCH_VALUE } from \"../constants\";\n\nconst initialState = {\n  pageNum: 1,\n  pageSize: 5,\n  totalPage: 0,\n  total: 0,\n  searchedCerts: [],\n};\n\nexport default function searchReducer(state = initialState, action) {\n  switch (action.type) {\n    // Handle Get Post\n    case GET_DATA_SEARCH:\n      return { ...state, ...action.payload };\n\n    case SAVE_SEARCH_VALUE:\n      return { ...state, ...action.payload };\n\n    // Default\n    default:\n      return state;\n  }\n}\n","import {\n  SET_DATA_SEARCH_FILTER,\n  SET_VISIBLE_MODAL_ADV,\n  RESET_SEARCH,\n} from \"../constants\";\n\nconst initialState = {\n  name: null,\n  year: null,\n  donViId: undefined,\n  visible: false,\n  keyword: null,\n};\n\nexport default function searchFilterReducer(state = initialState, action) {\n  switch (action.type) {\n    case SET_DATA_SEARCH_FILTER:\n      return { ...state, ...action.payload };\n    case SET_VISIBLE_MODAL_ADV:\n      return { ...state, visible: action.payload };\n    case RESET_SEARCH:\n      return {\n        ...state,\n        name: null,\n        year: null,\n        donViId: undefined,\n      };\n    default:\n      return state;\n  }\n}\n","import { combineReducers } from \"redux\";\nimport searchReducer from \"./search\";\nimport searchFilterReducer from \"./searchFilter\";\n\nexport default combineReducers({\n  searchReducer,\n  searchFilterReducer,\n});\n","import { createStore, applyMiddleware, compose } from \"redux\";\nimport rootReducer from \"./reducers\";\nimport thunk from \"redux-thunk\";\n\nconst middleware = [thunk];\n\nconst store = createStore(rootReducer, compose(applyMiddleware(...middleware)));\n\nexport default store;\n","import { GET_DATA_SEARCH, SAVE_SEARCH_VALUE, RESET_SEARCH } from \"../constants\";\nimport { SearchBang } from \"../../services/search\";\nimport { message } from \"antd\";\nimport Cookies from \"js-cookie\";\n\nexport const searchBang = (payload) => async (dispatch) => {\n  try {\n    const res = await SearchBang(payload.params);\n    if (res) {\n      const { data } = res.data;\n\n      dispatch({\n        type: GET_DATA_SEARCH,\n        payload: data,\n      });\n\n      return data;\n    }\n  } catch (error) {\n    if ([\"Cookie hết hạn\", \"Sai captcha\"].includes(error.response.data)) {\n      Cookies.remove(\"code\");\n      payload.callback();\n      return null;\n    }\n    message.error('Có lỗi xảy ra, vui lòng thử lại!');\n  }\n};\n\nexport const saveSearchValue = (payload) => (dispatch) => {\n  dispatch({\n    type: SAVE_SEARCH_VALUE,\n    payload,\n  });\n};\n\nexport const resetSearchValue = (payload) => (dispatch) => {\n  dispatch({\n    type: RESET_SEARCH,\n    payload,\n  });\n};\n","import {\n  SET_DATA_SEARCH_FILTER,\n  GET_DATA_SEARCH,\n  SET_VISIBLE_MODAL_ADV,\n} from \"../constants\";\nimport { SearchAdvanceBang } from \"../../services/search\";\nimport { message } from \"antd\";\nimport Cookies from \"js-cookie\";\n\nexport const setValueFilter = (payload) => async (dispatch) => {\n  dispatch({\n    type: SET_DATA_SEARCH_FILTER,\n    payload,\n  });\n};\n\nexport const setValueVisibleFilter = (payload) => async (dispatch) => {\n  dispatch({\n    type: SET_VISIBLE_MODAL_ADV,\n    payload,\n  });\n};\n\nexport const searchBangAdv = (payload) => async (dispatch) => {\n  let params = {\n    ...payload.params,\n    idtruong: payload.params.idtruong?.value,\n  }\n  try {\n    const res = await SearchAdvanceBang(params);\n    if (res) {\n      const { data } = res.data;\n      dispatch({\n        type: GET_DATA_SEARCH,\n        payload: data,\n      });\n      return data;\n    }\n  } catch (error) {\n    if (error.response.data === \"Cookie hết hạn\") {\n      Cookies.remove(\"code\");\n      payload.callback();\n      return null;\n    }\n    message.error(\"Có lỗi xảy ra, vui lòng thử lại!\");\n  }\n};\n","export default __webpack_public_path__ + \"static/media/logo.3a82ccae.png\";","import React from \"react\";\nimport {Modal} from \"antd\";\nimport ReCAPTCHA from \"react-google-recaptcha\";\nimport Cookies from \"js-cookie\";\n\nfunction ModalReCapcha(props) {\n  const {\n    setIsModalVisible, isModalVisible,\n  } = props;\n\n  const onChangeRe = (value) => {\n    if (value) {\n      Cookies.set(\"code\", value);\n      setIsModalVisible(false);\n    }\n  }\n\n  return (\n    <>\n      <Modal\n        visible={isModalVisible}\n        closable={false}\n        footer={null}\n        width=\"352px\"\n      >\n        <ReCAPTCHA\n          sitekey=\"6Lcc6CgeAAAAACdg05dBYOGfN2kEC3a2AkXyWBcr\"\n          onChange={onChangeRe}\n        />\n      </Modal>\n    </>\n  );\n}\n\nexport default ModalReCapcha;\n","import React, { useState } from \"react\";\nimport { connect } from \"react-redux\";\nimport { Spin, Input, DatePicker, Select, notification } from \"antd\";\nimport axios from \"axios\";\nimport { saveSearchValue } from \"../../redux/actions/search\";\nimport {\n  setValueFilter,\n  searchBangAdv,\n} from \"../../redux/actions/searchFilter\";\nimport { useHistory } from \"react-router-dom\";\nimport { GetCapCha } from \"../../services/search\";\nimport ModalCapcha from \"../../components/ModalCapcha\";\nimport debounce from \"lodash/debounce\";\nimport moment from \"moment\";\n\nimport Cookies from \"js-cookie\";\nimport {BASE_URL} from \"../../requests/APIConfig\";\nimport ModalReCapcha from \"../../components/ModelReCapcha\";\n\nconst mapStateToProps = (state) => {\n  return {\n    searchFilter: state.searchFilterReducer,\n  };\n};\n\nfunction DebounceSelect({ fetchOptions, debounceTimeout = 500, ...props }) {\n  const [fetching, setFetching] = React.useState(false);\n  const [options, setOptions] = React.useState([]);\n\n  const fetchRef = React.useRef(0);\n  const debounceFetcher = React.useMemo(() => {\n    const loadOptions = (value) => {\n      fetchRef.current += 1;\n      const fetchId = fetchRef.current;\n      setOptions([]);\n      setFetching(true);\n      fetchOptions(value).then((newOptions) => {\n        if (fetchId !== fetchRef.current) {\n          return;\n        }\n\n        setOptions(newOptions);\n        setFetching(false);\n      });\n    };\n\n    return debounce(loadOptions, debounceTimeout);\n  }, [fetchOptions, debounceTimeout]);\n  return (\n    <Select\n      className=\"mt-1\"\n      labelInValue\n      filterOption={false}\n      onSearch={debounceFetcher}\n      notFoundContent={fetching ? <Spin size=\"small\" /> : null}\n      options={options}\n      showSearch\n      allowClear\n      {...props}\n    />\n  );\n}\n\nasync function fetchUserList(username) {\n  // const url = `https://apistaging.jbcert.vn/api/Search/GetDanhSachTruongHoc`;\n  const url = `${BASE_URL}/api/Search/GetDanhSachTruongHoc`;\n  return axios\n    .get(url, {\n      params: {\n        tenDonVi: username,\n        maximumReturn: 12,\n      },\n    })\n    .then((res) => {\n      if (res && res.data) {\n        return res.data.map((ele) => ({\n          label: `${ele?.tenDonVi}`,\n          value: ele.donViId,\n        }));\n      }\n      notification.error({\n        description: \"Đã có lỗi xảy ra!\",\n      });\n    })\n    .catch(() => {\n      notification.error({\n        description: \"Đã có lỗi xảy ra!\",\n      });\n    });\n}\n\nfunction FilterSpace({\n  searchBangAdv,\n  saveSearchValue,\n  searchFilter,\n  setValueFilter,\n}) {\n  const history = useHistory();\n  // const [keyword, setKeyword] = useState(\"\");\n  const [loading, setLoading] = useState(false);\n\n  const [image, setImage] = useState(null);\n  const [isModalVisible, setIsModalVisible] = useState(false);\n\n  const onSearch = async () => {\n    // if (!keyword) return;\n    try {\n      if (!Cookies.get(\"code\")) {\n        // const resData = await GetCapCha({\n        //   width: 200,\n        //   height: 80,\n        // });\n        // if (resData) {\n        //   setImage(\n        //     `data:image/jpeg;base64,${Buffer.from(\n        //       resData.data,\n        //       \"binary\"\n        //     ).toString(\"base64\")}`\n        //   );\n        //   setIsModalVisible(true);\n        // }\n        setIsModalVisible(true);\n      } else {\n        searchData(Cookies.get(\"code\"));\n      }\n    } catch (error) {\n      setLoading(false);\n    }\n  };\n\n  const searchData = async (captcha) => {\n    try {\n      setLoading(true);\n      const res = await searchBangAdv({\n        params: {\n          keyword: searchFilter?.keyword,\n          pageNum: 1,\n          pageSize: 5,\n          // captcha,\n          hvt: searchFilter?.name,\n          nam: searchFilter?.year,\n          idtruong: searchFilter?.donViId?.value,\n        },\n        callback: () => {\n          onSearch();\n        },\n      });\n      setLoading(false);\n      // Cookies.set(\"code\", captcha);\n      saveSearchValue({\n        pageNum: 1,\n        pageSize: 5,\n        keyword: searchFilter?.keyword,\n      });\n      const search = new URLSearchParams({\n        pageNum: 1,\n        pageSize: 5,\n        keyword: searchFilter?.keyword,\n      }).toString();\n      setIsModalVisible(false);\n      history.push({\n        pathname: \"/main\",\n        search,\n      });\n    } catch (error) {\n      setLoading(false);\n    }\n  };\n\n  return (\n    <div\n      className=\"w-100 h-100 pt-3 pb-3 d-flex flex-column justify-content-between\"\n      style={{\n        border: \"1px solid #bfbfbf\",\n        borderRadius: 8,\n      }}\n    >\n      <Spin spinning={loading}>\n        <div className=\"row ml-2 mr-2\">\n          <div className=\"col-lg-6 col-xl-4 col-12 mb-1\">\n            <div style={{ height: 60 }}>\n              <span style={{ fontSize: 14 }}>Họ và tên</span>\n              <Input\n                placeholder=\"Nhập họ và tên\"\n                className=\"mt-1\"\n                value={searchFilter?.name}\n                onChange={(event) => {\n                  setValueFilter({\n                    name: event.target.value,\n                  });\n                }}\n              />\n            </div>\n          </div>\n          <div className=\"col-lg-6 col-xl-4 col-12 mb-1\">\n            <div style={{ height: 60 }}>\n              <span style={{ fontSize: 14 }}>Năm tốt nghiệp</span>\n              <DatePicker\n                picker=\"year\"\n                style={{ width: \"100%\" }}\n                allowClear={false}\n                className=\"mt-1\"\n                locale={{\n                  lang: {\n                    locale: \"en_US\",\n                    placeholder: \"Chọn năm\",\n                    monthBeforeYear: true,\n                  },\n                }}\n                onChange={(value) => {\n                  setValueFilter({\n                    year: value.format(\"YYYY\"),\n                  });\n                }}\n                value={\n                  searchFilter?.year ? moment(searchFilter?.year, \"YYYY\") : null\n                }\n              />\n            </div>\n          </div>\n          <div className=\"col-lg-6 col-xl-4 col-12 mb-1\">\n            <div style={{ height: 60 }}>\n              <span style={{ fontSize: 14 }} className=\"mb-1\">\n                Chọn trường học\n              </span>\n              <DebounceSelect\n                placeholder=\"Nhập tên trường\"\n                fetchOptions={fetchUserList}\n                onChange={(newValue) => {\n                  setValueFilter({\n                    donViId: newValue,\n                  });\n                }}\n                style={{\n                  width: \"100%\",\n                }}\n                value={searchFilter?.donViId}\n              />\n            </div>\n          </div>\n        </div>\n        {/* <div className=\"w-100 d-flex flex-row justify-content-center align-items-center\">\n          <Button\n            type=\"primary\"\n            icon={<SearchIcon style={{ fontSize: 14 }} className=\"mr-1\" />}\n            className=\"d-flex flex-row justify-content-center align-items-center\"\n            onClick={() => {\n              onSearch();\n            }}\n          >\n            Tìm kiếm\n          </Button>\n        </div> */}\n\n        {isModalVisible && (\n          <ModalReCapcha\n            setIsModalVisible={setIsModalVisible}\n            isModalVisible={isModalVisible}\n          />\n        )}\n        {/*{isModalVisible ? (*/}\n        {/*  <ModalCapcha*/}\n        {/*    image={image}*/}\n        {/*    setIsModalVisible={setIsModalVisible}*/}\n        {/*    isModalVisible={isModalVisible}*/}\n        {/*    callback={searchData}*/}\n        {/*    setImage={setImage}*/}\n        {/*  />*/}\n        {/*) : null}*/}\n      </Spin>\n    </div>\n  );\n}\n\nexport default connect(mapStateToProps, {\n  searchBangAdv,\n  saveSearchValue,\n  setValueFilter,\n})(FilterSpace);\n","import React, { useState } from \"react\";\nimport {Link, useHistory} from \"react-router-dom\";\nimport { connect } from \"react-redux\";\nimport { Spin, Input, Button, notification } from \"antd\";\nimport SearchIcon from \"@material-ui/icons/Search\";\nimport ModalCapcha from \"../../components/ModalCapcha\";\n\nimport {\n  searchBang,\n  saveSearchValue,\n  resetSearchValue,\n} from \"../../redux/actions/search\";\nimport {\n  setValueVisibleFilter,\n  searchBangAdv,\n  setValueFilter,\n} from \"../../redux/actions/searchFilter\";\nimport { GetCapCha } from \"../../services/search\";\nimport logo from \"../../assets/logo.png\";\n// import logo from \"../../assets/EITSC.png\";\n\nimport Cookies from \"js-cookie\";\nimport FilterSpace from \"../FilterSpace\";\n\nimport \"./styles.scss\";\nimport ModalReCapcha from \"../../components/ModelReCapcha\";\n\nconst mapStateToProps = (state) => {\n  return {\n    searchFilter: state.searchFilterReducer,\n  };\n};\n\nfunction Search({\n  searchFilter,\n  searchBang,\n  saveSearchValue,\n  setValueVisibleFilter,\n  resetSearchValue,\n  setValueFilter,\n  searchBangAdv,\n}) {\n  const history = useHistory();\n\n  const [loading, setLoading] = useState(false);\n\n  // const [image, setImage] = useState(null);\n  const [isModalVisible, setIsModalVisible] = useState(false);\n\n  const onChange = (e) => {\n    const { value } = e.target;\n    setValueFilter({\n      keyword: value,\n    });\n  };\n\n  const onSearch = async () => {\n    if (searchFilter?.keyword) {\n      try {\n        if (!Cookies.get(\"code\")) {\n          // const resData = await GetCapCha({\n          //   width: 200,\n          //   height: 80,\n          // });\n          // if (resData) {\n          //   setImage(\n          //     `data:image/jpeg;base64,${Buffer.from(\n          //       resData.data,\n          //       \"binary\"\n          //     ).toString(\"base64\")}`\n          //   );\n          //   setIsModalVisible(true);\n          // }\n          setIsModalVisible(true);\n        } else {\n          searchData(Cookies.get(\"code\"));\n        }\n      } catch (error) {\n        setLoading(false);\n      }\n    } else {\n      notification.warning({\n        description: \"Nhập từ khoá tìm kiếm !\",\n      });\n      return;\n    }\n  };\n\n  const searchData = async (captcha) => {\n    try {\n      setLoading(true);\n      if (searchFilter.visible) {\n        const res = searchBangAdv({\n          params: {\n            keyword: searchFilter?.keyword,\n            pageNum: 1,\n            pageSize: 5,\n            // captcha,\n            hvt: searchFilter?.name,\n            nam: searchFilter?.year,\n            idtruong: searchFilter?.donViId,\n          },\n          callback: () => {\n            onSearch();\n          },\n        });\n        setLoading(false);\n        if (res) {\n          // Cookies.set(\"code\", captcha);\n          saveSearchValue({\n            pageNum: 1,\n            pageSize: 5,\n            keyword: searchFilter?.keyword,\n          });\n\n          let objectData = {\n            pageNum: 1,\n            pageSize: 5,\n            keyword: searchFilter?.keyword,\n          };\n          if (searchFilter?.name) {\n            objectData = { ...objectData, hvt: searchFilter?.name };\n          }\n          if (searchFilter?.year) {\n            objectData = { ...objectData, nam: searchFilter?.year };\n          }\n          if (searchFilter?.donViId) {\n            objectData = { ...objectData, donViId: searchFilter?.donViId };\n          }\n          const search = new URLSearchParams(objectData).toString();\n\n          setIsModalVisible(false);\n          history.push({\n            pathname: \"/main\",\n            search,\n          });\n        }\n      } else {\n        const res = await searchBang({\n          params: {\n            pageNum: 1,\n            pageSize: 5,\n            keyword: searchFilter?.keyword,\n            // captcha,\n          },\n          callback: () => {\n            onSearch();\n          },\n        });\n        setLoading(false);\n        if (res) {\n          // Cookies.set(\"code\", captcha);\n          saveSearchValue({\n            pageNum: 1,\n            pageSize: 5,\n            keyword: searchFilter?.keyword,\n          });\n          const search = new URLSearchParams({\n            pageNum: 1,\n            pageSize: 5,\n            keyword: searchFilter?.keyword,\n          }).toString();\n          setIsModalVisible(false);\n          history.push({\n            pathname: \"/main\",\n            search,\n          });\n        }\n      }\n    } catch (error) {\n      setLoading(false);\n    }\n  };\n\n  return (\n    <>\n      {/*<div className=\"mr-4\">*/}\n      {/*  <div className=\"wrap-header d-flex align-items-center justify-content-end\">*/}\n      {/*    <Link to={'/yeu-cau-cap-ban-sao'} className=\"text-header\">*/}\n      {/*      Yêu cầu cấp bản sao*/}\n      {/*    </Link>*/}\n      {/*  </div>*/}\n      {/*</div>*/}\n      <Spin spinning={loading}>\n        <div\n          className=\"d-flex align-items-center justify-content-center main-content\"\n        >\n          <div\n            className=\"d-flex flex-column justify-content-center\"\n            style={{ marginTop: \"-10%\", width: \"80%\" }}\n          >\n            <div className=\"row\">\n              <div className=\"col-md-3\" />\n              <div className=\"col-md-6\">\n                <div className=\"text-center\" style={{ marginBottom: 40 }}>\n                  <img\n                    // width=\"350px\"\n                    className=\"main-logo\"\n                    src={logo}\n                    alt=\"logo\"\n                    style={{ cursor: \"pointer\" }}\n                  />\n                  {/* <img\n                    width=\"380px\"\n                    src={logo}\n                    alt=\"JBTech logo\"\n                    style={{ cursor: \"pointer\" }}\n                  /> */}\n                </div>\n\n                <div style={{ marginBottom: 24 }} className=\"text-center\">\n                  <Input\n                    allowClear\n                    value={searchFilter?.keyword}\n                    onChange={onChange}\n                    onPressEnter={onSearch}\n                    prefix={\n                      <SearchIcon\n                        style={{ color: \"#9aa0a6\", fontSize: 20 }}\n                        className=\"mr-2\"\n                      />\n                    }\n                    placeholder=\"Tìm kiếm thông tin văn bằng\"\n                    className=\"wrap-search\"\n                    // style={{\n                    //   borderRadius: 24,\n                    //   boxShadow: \"rgba(0, 0, 0, 0.16) 0px 1px 6px 0px\",\n                    //   lineHeight: \"32px\",\n                    // }}\n                  />\n                </div>\n                <div\n                  style={{\n                    width: \"100%\",\n                    height: searchFilter.visible ? 10 : 0,\n                    transition: \"height 0.6s, margin 0.5s\",\n                    marginBottom: searchFilter.visible ? 20 : 0,\n                    overflow: \"hidden\",\n                  }}\n                  className={`${searchFilter.visible ? \"height-filter\" : \"a\"}`}\n                >\n                  <FilterSpace />\n                </div>\n                <div className=\"d-flex align-items-center justify-content-center\">\n                  <Button\n                    onClick={() => {\n                      onSearch();\n                    }}\n                    className=\"btn-search mr-md-2 mr-1\"\n                  >\n                    Tìm kiếm thông tin\n                  </Button>\n                  <Button\n                    onClick={() => {\n                      setValueVisibleFilter(!searchFilter.visible);\n                      resetSearchValue();\n                    }}\n                    className=\"btn-search\"\n                  >\n                    {searchFilter.visible\n                      ? `Ẩn tìm kiếm nâng cao`\n                      : `Hiện tìm kiếm nâng cao`}\n                  </Button>\n                </div>\n                <div className=\"text-center mt-3\">\n                  {/*<div className=\"text-header-2\">*/}\n                  {/*  Yêu cầu cấp bản sao văn bằng chứng chỉ?*/}\n                  {/*</div>*/}\n                  <div>\n                    <span className=\"text-header-2\">\n                      Yêu cầu cấp bản sao văn bằng chứng chỉ?\n                    </span>\n                    <span className=\"text-header ml-1\">\n                      <Link to={'/yeu-cau-cap-ban-sao'}>\n                        <span className=\"text-primary\">Click vào đây</span>\n                      </Link>\n                    </span>\n                  </div>\n                </div>\n              </div>\n              <div className=\"col-md-3\" />\n            </div>\n          </div>\n        </div>\n        <div\n          style={{\n            color: \"#70757a\",\n            fontSize: 14,\n            position: \"fixed\",\n            left: 0,\n            bottom: 0,\n            lineHeight: 4,\n            textAlign: \"center\",\n            // paddingLeft: '2rem',\n            width: \"100%\",\n            backgroundColor: '#f2f2f2'\n          }}\n        >\n          <span>\n            <a\n              href=\"https://backan.edu.vn/\"\n              // href=\"https://staging.jbcert.vn/\"\n              target=\"_blank\"\n              rel=\"noreferrer\"\n              style={{\n                color: '#70757a',\n              }}\n            >\n              Sở giáo dục đào tạo tỉnh Bắc Kạn\n            </a>\n          </span>\n        </div>\n      </Spin>\n      {isModalVisible && (\n        <ModalReCapcha\n          setIsModalVisible={setIsModalVisible}\n          isModalVisible={isModalVisible}\n        />\n      )}\n      {/*{isModalVisible ? (*/}\n      {/*  <ModalCapcha*/}\n      {/*    image={image}*/}\n      {/*    setIsModalVisible={setIsModalVisible}*/}\n      {/*    isModalVisible={isModalVisible}*/}\n      {/*    callback={searchData}*/}\n      {/*    setImage={setImage}*/}\n      {/*  />*/}\n      {/*) : null}*/}\n    </>\n  );\n}\n\nexport default connect(mapStateToProps, {\n  searchBang,\n  saveSearchValue,\n  setValueVisibleFilter,\n  resetSearchValue,\n  setValueFilter,\n  searchBangAdv,\n})(Search);\n","export function getValueFromUrl(history) {\n  const params = {};\n  const urlParams = new URLSearchParams(history?.location?.search);\n\n  for (const [key, value] of urlParams.entries()) {\n    params[key] = value;\n  }\n  return params;\n}\n","import React, { Fragment, useEffect, useState } from \"react\";\nimport { connect } from \"react-redux\";\nimport { useHistory } from \"react-router-dom\";\nimport { Input, Button, notification } from \"antd\";\nimport ArrowBackIcon from \"@material-ui/icons/ArrowBack\";\nimport ModalCapcha from \"../../components/ModalCapcha\";\n\nimport { getValueFromUrl } from \"../../utils/getValueFromUrl\";\nimport {\n  searchBang,\n  saveSearchValue,\n  resetSearchValue,\n} from \"../../redux/actions/search\";\n\nimport {\n  setValueVisibleFilter,\n  setValueFilter,\n  searchBangAdv,\n} from \"../../redux/actions/searchFilter\";\n\nimport { GetCapCha } from \"../../services/search\";\nimport logo from \"../../assets/logo.png\";\nimport \"./styles.scss\";\n\nimport Cookies from \"js-cookie\";\nimport FilterSpace from \"../../pages/FilterSpace\";\nimport ModalReCapcha from \"../../components/ModelReCapcha\";\n\nconst mapStateToProps = (state) => ({\n  certSearch: state.searchReducer,\n  searchFilter: state.searchFilterReducer,\n});\n\nfunction HeaderLayout(props) {\n  const {\n    searchFilter,\n    searchBang,\n    hideSearch,\n    showBack,\n    certSearch,\n    setValueVisibleFilter,\n    setLoading,\n    setValueFilter,\n    searchBangAdv,\n    resetSearchValue,\n  } = props;\n  const { total } = certSearch;\n\n  const history = useHistory();\n\n  const [image, setImage] = useState(null);\n  const [isModalVisible, setIsModalVisible] = useState(false);\n  const { Search } = Input;\n\n  useEffect(() => {\n    const params = getValueFromUrl(history);\n    let objectData = {\n      keyword: params?.keyword,\n    };\n    if (params.hvt) {\n      objectData = { ...objectData, name: params.hvt };\n    }\n    if (params?.nam) {\n      objectData = { ...objectData, year: params?.nam };\n    }\n    if (params?.donViId) {\n      objectData = { ...objectData, donViId: params?.donViId };\n    }\n\n    if (params.hvt || params.nam || params.donViId) {\n      setValueFilter({\n        ...objectData,\n        visible: true,\n      });\n      handleSearch(\n        params?.pageNum,\n        params?.keyword,\n        true,\n        params?.hvt,\n        params?.nam,\n        params?.donViId\n      );\n    } else {\n      setValueFilter({\n        ...objectData,\n        visible: false,\n      });\n      handleSearch(params.pageNum, params.keyword, false);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [history]);\n\n  const changeSearch = (e) => {\n    const { value } = e.target;\n    setValueFilter({\n      keyword: value,\n    });\n  };\n\n  const onSearch = async () => {\n    if (searchFilter?.keyword) {\n      try {\n        if (!Cookies.get(\"code\")) {\n          // const resData = await GetCapCha({\n          //   width: 200,\n          //   height: 80,\n          // });\n          // if (resData) {\n          //   setImage(\n          //     `data:image/jpeg;base64,${Buffer.from(\n          //       resData.data,\n          //       \"binary\"\n          //     ).toString(\"base64\")}`\n          //   );\n          //   setIsModalVisible(true);\n          // }\n          setIsModalVisible(true);\n        } else {\n          handleSearch();\n        }\n      } catch (error) {\n        setLoading(false);\n      }\n    } else {\n      notification.warning({\n        description: \"Nhập từ khoá tìm kiếm !\",\n      });\n      return;\n    }\n  };\n\n  const handleSearch = async (pageNum, keyword, check, hvt, nam, donViId) => {\n    setLoading(true);\n    if (keyword || searchFilter?.keyword) {\n      try {\n        if (Cookies.get(\"code\")) {\n          // const captcha = Cookies.get(\"code\");\n          if (check || searchFilter.visible) {\n            const res = await searchBangAdv({\n              params: {\n                keyword: keyword ? keyword : searchFilter?.keyword,\n                pageNum: pageNum ? pageNum : 1,\n                pageSize: 5,\n                // captcha,\n                hvt: hvt ? hvt : searchFilter?.name,\n                nam: nam ? nam : searchFilter?.year,\n                idtruong: donViId ? donViId : searchFilter?.donViId,\n              },\n              callback: () => {\n                onSearch();\n              },\n            });\n            setLoading(false);\n            if (res) {\n              // Cookies.set(\"code\", captcha);\n              saveSearchValue({\n                keyword: keyword ? keyword : searchFilter?.keyword,\n                pageNum: pageNum ? pageNum : 1,\n                pageSize: 5,\n              });\n              let objectData = {\n                pageNum: 1,\n                pageSize: 5,\n                keyword: keyword ? keyword : searchFilter?.keyword,\n              };\n              if (hvt || searchFilter?.name) {\n                objectData = {\n                  ...objectData,\n                  hvt: hvt ? hvt : searchFilter?.name,\n                };\n              }\n              if (nam || searchFilter?.year) {\n                objectData = {\n                  ...objectData,\n                  nam: nam ? nam : searchFilter?.year,\n                };\n              }\n              if (donViId || searchFilter?.donViId) {\n                objectData = {\n                  ...objectData,\n                  donViId: donViId ? donViId : searchFilter?.donViId,\n                };\n              }\n              const search = new URLSearchParams(objectData).toString();\n              setIsModalVisible(false);\n              history.push({\n                pathname: \"/main\",\n                search,\n              });\n            }\n          } else {\n            const res = await searchBang({\n              params: {\n                keyword: keyword ? keyword : searchFilter?.keyword,\n                pageNum: pageNum ? pageNum : 1,\n                pageSize: 5,\n                // captcha,\n              },\n              callback: () => {\n                onSearch();\n              },\n            });\n            if (res) {\n              setLoading(false);\n              // Cookies.set(\"code\", captcha);\n              saveSearchValue({\n                keyword: keyword ? keyword : searchFilter?.keyword,\n                pageNum: pageNum ? pageNum : 1,\n                pageSize: 5,\n              });\n              const search = new URLSearchParams({\n                keyword: keyword ? keyword : searchFilter?.keyword,\n                pageNum: pageNum ? pageNum : 1,\n                pageSize: 5,\n              }).toString();\n              setIsModalVisible(false);\n              history.push({\n                pathname: \"/main\",\n                search,\n              });\n            }\n          }\n        } else {\n          // const resData = await GetCapCha({\n          //   width: 200,\n          //   height: 80,\n          // });\n          // if (resData) {\n          //   setImage(\n          //     `data:image/jpeg;base64,${Buffer.from(\n          //       resData.data,\n          //       \"binary\"\n          //     ).toString(\"base64\")}`\n          //   );\n          //   setIsModalVisible(true);\n          // }\n          setIsModalVisible(true);\n        }\n      } catch (error) {\n        setLoading(false);\n        notification.error({\n          description: \"Đã có lỗi sảy ra\",\n        });\n      }\n    } else {\n      notification.warning({\n        description: \"Nhập từ khoá tìm kiếm !\",\n      });\n      return;\n    }\n  };\n\n  return (\n    <Fragment>\n      {showBack ? (\n        <Fragment>\n          <div className=\"col-lg-1\" />\n          <div className=\"col-12 col-sm-12 col-md-12 col-lg-10\">\n            <div\n              className=\"d-flex align-items-center justify-content-between px-2 py-3\"\n              style={{ borderBottom: \"1px solid #f0f0f0\" }}\n            >\n              <ArrowBackIcon\n                style={{ cursor: \"pointer\", fontSize: 32 }}\n                onClick={() => {\n                  if (history.length > 2) {\n                    history.goBack();\n                  } else {\n                    setValueFilter({\n                      name: null,\n                      year: \"2021\",\n                      donViId: undefined,\n                      visible: false,\n                      keyword: null,\n                    });\n                    history.push(\"/\");\n                  }\n                }}\n              />\n              <img\n                src={logo}\n                alt=\"JBCert Logo\"\n                onClick={() => {\n                  setValueFilter({\n                    name: null,\n                    year: \"2021\",\n                    donViId: undefined,\n                    visible: false,\n                    keyword: null,\n                  });\n                  history.push(\"/\");\n                }}\n                width={200}\n                style={{ cursor: \"pointer\" }}\n              />\n            </div>\n          </div>\n          <div className=\"col-lg-1\" />\n        </Fragment>\n      ) : null}\n\n      {showBack ? null : (\n        <div className=\"col-12 col-sm-12 col-md-12 col-lg-12\">\n          <div className=\"my-3 p-3 text-center\">\n            <img\n              src={logo}\n              alt=\"JBCert Logo\"\n              onClick={() => {\n                setValueFilter({\n                  name: null,\n                  year: \"2021\",\n                  donViId: undefined,\n                  visible: false,\n                  keyword: null,\n                });\n                history.push(\"/\");\n              }}\n              width={200}\n              style={{ cursor: \"pointer\" }}\n            />\n          </div>\n        </div>\n      )}\n\n      {hideSearch ? null : (\n        <Fragment>\n          <div className=\"col-lg-1\" />\n          <div className=\"col-12 col-sm-12 col-md-12 col-lg-10\">\n            <div className=\"w-100\">\n              <Search\n                allowClear\n                size=\"large\"\n                placeholder=\"Nhập giá trị tìm kiếm\"\n                style={{\n                  borderRadius: 24,\n                  boxShadow: \"rgba(0, 0, 0, 0.16) 0px 1px 6px 0px\",\n                  lineHeight: 2,\n                  width: \"100%\",\n                }}\n                value={searchFilter?.keyword}\n                onChange={changeSearch}\n                // suffix={\n                //   <SearchIcon\n                //     style={{\n                //       color: \"#000000a8\",\n                //       fontSize: 24,\n                //       marginLeft: 8,\n                //     }}\n                //     onClick={(event) => {\n                //       event.preventDefault();\n                //       onSearch();\n                //     }}\n                //   />\n                // }\n                // onPressEnter={() => {\n                //   onSearch();\n                // }}\n\n                onSearch={onSearch}\n                enterButton\n              />\n            </div>\n            <div className=\"w-100 mt-3 d-flex flex-row justify-content-between align-items-center mb-3\">\n              <div className=\"ml-3 mr-3\">\n                <span style={{ fontSize: 14 }}>\n                  Tổng số kết quả tìm kiếm: {total}\n                </span>\n              </div>\n              <Button\n                size=\"small\"\n                type=\"primary\"\n                onClick={() => {\n                  setValueVisibleFilter(!searchFilter.visible);\n                  resetSearchValue();\n                }}\n              >\n                {searchFilter.visible\n                  ? `Ẩn tìm kiếm nâng cao`\n                  : `Hiện tìm kiếm nâng cao`}\n              </Button>\n            </div>\n            <div\n              style={{\n                width: \"100%\",\n                height: searchFilter.visible ? 10 : 0,\n                transition: \"height 0.6s, margin 0.5s\",\n                marginBottom: searchFilter.visible ? 20 : 0,\n                overflow: \"hidden\",\n              }}\n              className={`${searchFilter.visible ? \"height-filter\" : \"a\"}`}\n            >\n              <FilterSpace />\n            </div>\n          </div>\n          <div className=\"col-lg-1\" />\n        </Fragment>\n      )}\n      {isModalVisible && (\n        <ModalReCapcha\n          setIsModalVisible={setIsModalVisible}\n          isModalVisible={isModalVisible}\n        />\n      )}\n\n      {/*{isModalVisible ? (*/}\n      {/*  <ModalCapcha*/}\n      {/*    image={image}*/}\n      {/*    setIsModalVisible={setIsModalVisible}*/}\n      {/*    isModalVisible={isModalVisible}*/}\n      {/*    callback={onSearch}*/}\n      {/*    setImage={setImage}*/}\n      {/*  />*/}\n      {/*) : null}*/}\n    </Fragment>\n  );\n}\n\nexport default connect(mapStateToProps, {\n  searchBang,\n  saveSearchValue,\n  setValueVisibleFilter,\n  setValueFilter,\n  searchBangAdv,\n  resetSearchValue,\n})(HeaderLayout);\n\n// const res = await searchBang({\n//   params: {\n//     ...params,\n//     keyword: keyword ? keyword : searchFilter?.keyword,\n//     pageNum: pageNum ? pageNum : 1,\n//     pageSize: 5,\n//     captcha: Cookies.get(\"code\"),\n//   },\n//   callback: async () => {\n//     const resData = await GetCapCha({\n//       width: 200,\n//       height: 80,\n//     });\n\n//     if (resData) {\n//       setImage(\n//         `data:image/jpeg;base64,${Buffer.from(\n//           resData.data,\n//           \"binary\"\n//         ).toString(\"base64\")}`\n//       );\n//       setIsModalVisible(true);\n//     }\n//   },\n// });\n\n// if (res) {\n//   setDisabled(false);\n//   const search = new URLSearchParams({\n//     ...params,\n//     keyword: keyword ? keyword : searchFilter?.keyword,\n//     pageNum: pageNum ? pageNum : 1,\n//     pageSize: 5,\n//   }).toString();\n//   setLoading(false);\n//   history.push({\n//     pathname: \"/main\",\n//     search,\n//   });\n// }\n// console.log(\"Hello :>> \", Hello);\n\n// const searchData = async (captcha) => {\n//   const res = await searchBang({\n//     params: {\n//       ...params,\n//       captcha,\n//     },\n//     callback: () => {},\n//   });\n//   if (res) {\n//     setDisabled(false);\n//     const search = new URLSearchParams({ ...params }).toString();\n//     setIsModalVisible(false);\n//     Cookies.set(\"code\", captcha);\n//     history.push({\n//       pathname: \"/main\",\n//       search,\n//     });\n//   }\n// };\n\n// const searchData = async (captcha) => {\n//   try {\n\n//   } catch (error) {\n//     setLoading(false);\n//   }\n// };\n","import React, { Fragment, useEffect, useState } from \"react\";\nimport { useHistory } from \"react-router-dom\";\nimport { connect } from \"react-redux\";\nimport { Spin, Pagination, Empty, notification } from \"antd\";\nimport ModalCapcha from \"../../components/ModalCapcha\";\nimport { searchBangAdv } from \"../../redux/actions/searchFilter\";\nimport { getValueFromUrl } from \"../../utils/getValueFromUrl\";\nimport { searchBang, saveSearchValue } from \"../../redux/actions/search\";\nimport { GetCapCha } from \"../../services/search\";\n\nimport Cookies from \"js-cookie\";\nimport {BASE_URL} from \"../../requests/APIConfig\";\nimport ModalReCapcha from \"../../components/ModelReCapcha\";\n\nconst mapStateToProps = (state) => ({\n  certSearch: state.searchReducer,\n  searchFilter: state.searchFilterReducer,\n});\n\nfunction ContentLayout({\n  searchBang,\n  certSearch,\n  loading,\n  setLoading,\n  searchFilter,\n  saveSearchValue,\n  searchBangAdv,\n}) {\n  const history = useHistory();\n\n  const { searchedCerts, pageSize, total } = certSearch;\n  const [image, setImage] = useState(null);\n  const [isModalVisible, setIsModalVisible] = useState(false);\n\n  const [page, setPage] = useState(Number(getValueFromUrl(history).pageNum));\n\n  // const changePage = async (pageNum) => {\n  //   try {\n  //     if (Cookies.get(\"code\")) {\n  //       setLoading(true);\n  //       const params = getValueFromUrl(history);\n  //       const res = await searchBang({\n  //         params: {\n  //           ...params,\n  //           pageNum,\n  //           captcha: Cookies.get(\"code\"),\n  //         },\n  //         callback: async () => {\n  //           const resData = await GetCapCha({\n  //             width: 200,\n  //             height: 80,\n  //           });\n\n  //           if (resData) {\n  //             setImage(\n  //               `data:image/jpeg;base64,${Buffer.from(\n  //                 resData.data,\n  //                 \"binary\"\n  //               ).toString(\"base64\")}`\n  //             );\n  //             setIsModalVisible(true);\n  //           }\n  //         },\n  //       });\n  //       setLoading(false);\n  //       if (res) {\n  //         const search = new URLSearchParams({\n  //           ...params,\n  //           pageNum,\n  //         }).toString();\n  //         history.push({\n  //           pathname: \"/main\",\n  //           search,\n  //         });\n  //       }\n  //       setParams({ ...params, pageNum });\n  //     } else {\n  //       const resData = await GetCapCha({\n  //         width: 200,\n  //         height: 80,\n  //       });\n\n  //       if (resData) {\n  //         setImage(\n  //           `data:image/jpeg;base64,${Buffer.from(\n  //             resData.data,\n  //             \"binary\"\n  //           ).toString(\"base64\")}`\n  //         );\n  //         setIsModalVisible(true);\n  //       }\n  //     }\n  //   } catch (error) {\n  //     notification.error({\n  //       description: \"Đã có lỗi xảy ra!\",\n  //     });\n  //   }\n  // };\n\n  // const searchData = async (captcha) => {\n  //   const res = await searchBang({\n  //     params: {\n  //       ...params,\n  //       captcha,\n  //     },\n  //     callback: () => {},\n  //   });\n  //   if (res) {\n  //     setParams({ ...params, pageNum: params.pageNum });\n  //     const search = new URLSearchParams({\n  //       ...params,\n  //       pageNum: params.pageNum,\n  //     }).toString();\n  //     setIsModalVisible(false);\n  //     Cookies.set(\"code\", captcha);\n  //     history.push({\n  //       pathname: \"/main\",\n  //       search,\n  //     });\n  //   }\n  // };\n\n  const detailDiploma = (cert) => {\n    const regex = /\\//gi;\n    const keyword = cert.soVaoSo?.replace(regex, \"-\");\n\n    const params = getValueFromUrl(history);\n    let objectData = {\n      keyword: params?.keyword,\n    };\n    if (params.hvt) {\n      objectData = { ...objectData, name: params.hvt };\n    }\n    if (params?.nam) {\n      objectData = { ...objectData, year: params?.nam };\n    }\n    if (params?.donViId) {\n      objectData = { ...objectData, donViId: params?.donViId };\n    }\n    if (params?.pageNum) {\n      objectData = { ...objectData, pageNum: params?.pageNum };\n    }\n    if (params?.pageSize) {\n      objectData = { ...objectData, pageSize: params?.pageSize };\n    }\n\n    const search = new URLSearchParams({\n      ...objectData,\n      soVaoSo: keyword,\n      bangId: cert?.id,\n    }).toString();\n\n    history.push({\n      pathname: `/detail`,\n      search,\n    });\n  };\n\n  const onSearch = async (pageNum) => {\n    if (searchFilter?.keyword) {\n      setPage(pageNum);\n      try {\n        if (!Cookies.get(\"code\")) {\n          // const resData = await GetCapCha({\n          //   width: 200,\n          //   height: 80,\n          // });\n          // if (resData) {\n          //   setImage(\n          //     `data:image/jpeg;base64,${Buffer.from(\n          //       resData.data,\n          //       \"binary\"\n          //     ).toString(\"base64\")}`\n          //   );\n          //   setIsModalVisible(true);\n          // }\n          setIsModalVisible(true);\n        } else {\n          handleSearch(pageNum);\n        }\n      } catch (error) {\n        setLoading(false);\n      }\n    } else {\n      notification.warning({\n        description: \"Nhập từ khoá tìm kiếm !\",\n      });\n      return;\n    }\n  };\n\n  const handleSearch = async (pageNum) => {\n    setLoading(true);\n    if (searchFilter?.keyword) {\n      try {\n        if (Cookies.get(\"code\")) {\n          // const captcha = Cookies.get(\"code\");\n          if (searchFilter.visible) {\n            const res = await searchBangAdv({\n              params: {\n                keyword: searchFilter?.keyword,\n                pageNum: pageNum ? pageNum : 1,\n                pageSize: 5,\n                // captcha,\n                hvt: searchFilter?.name,\n                nam: searchFilter?.year,\n                idtruong: searchFilter?.donViId,\n              },\n              callback: () => {\n                onSearch();\n              },\n            });\n            setLoading(false);\n            if (res) {\n              // Cookies.set(\"code\", captcha);\n              saveSearchValue({\n                keyword: searchFilter?.keyword,\n                pageNum: pageNum ? pageNum : 1,\n                pageSize: 5,\n              });\n              let objectData = {\n                pageNum: pageNum ? pageNum : 1,\n                pageSize: 5,\n                keyword: searchFilter?.keyword,\n              };\n              if (searchFilter?.name) {\n                objectData = {\n                  ...objectData,\n                  hvt: searchFilter?.name,\n                };\n              }\n              if (searchFilter?.year) {\n                objectData = {\n                  ...objectData,\n                  nam: searchFilter?.year,\n                };\n              }\n              if (searchFilter?.donViId) {\n                objectData = {\n                  ...objectData,\n                  donViId: searchFilter?.donViId,\n                };\n              }\n              const search = new URLSearchParams(objectData).toString();\n              setIsModalVisible(false);\n              history.push({\n                pathname: \"/main\",\n                search,\n              });\n            }\n          } else {\n            const res = await searchBang({\n              params: {\n                keyword: searchFilter?.keyword,\n                pageNum: pageNum ? pageNum : 1,\n                pageSize: 5,\n                // captcha,\n              },\n              callback: () => {\n                onSearch();\n              },\n            });\n            if (res) {\n              setLoading(false);\n              // Cookies.set(\"code\", captcha);\n              saveSearchValue({\n                keyword: searchFilter?.keyword,\n                pageNum: pageNum ? pageNum : 1,\n                pageSize: 5,\n              });\n              const search = new URLSearchParams({\n                keyword: searchFilter?.keyword,\n                pageNum: pageNum ? pageNum : 1,\n                pageSize: 5,\n              }).toString();\n              setIsModalVisible(false);\n              history.push({\n                pathname: \"/main\",\n                search,\n              });\n            }\n          }\n        } else {\n          // const resData = await GetCapCha({\n          //   width: 200,\n          //   height: 80,\n          // });\n          // if (resData) {\n          //   setImage(\n          //     `data:image/jpeg;base64,${Buffer.from(\n          //       resData.data,\n          //       \"binary\"\n          //     ).toString(\"base64\")}`\n          //   );\n          //   setIsModalVisible(true);\n          // }\n          setIsModalVisible(true);\n        }\n      } catch (error) {\n        setLoading(false);\n        notification.error({\n          description: \"Đã có lỗi sảy ra\",\n        });\n      }\n    } else {\n      notification.warning({\n        description: \"Nhập từ khoá tìm kiếm !\",\n      });\n      return;\n    }\n  };\n\n  useEffect(() => {\n    setPage(Number(getValueFromUrl(history).pageNum));\n  });\n\n  return (\n    <Fragment>\n      <div className=\"col-lg-1\" />\n      <div className=\"col-12 col-sm-12 col-md-12 col-lg-10\">\n        <Spin spinning={loading}>\n          <div\n            className=\"mb-3\"\n            style={{\n              cursor: (searchedCerts || []).length > 0 ? \"pointer\" : \"\",\n              paddingBottom: 48,\n            }}\n          >\n            {(searchedCerts || []).length > 0 ? (\n              <div>\n                {searchedCerts.map((cert) => (\n                  <div\n                    key={cert.id}\n                    onClick={() => detailDiploma(cert)}\n                    className=\"mb-3\"\n                    style={{\n                      boxShadow: \"0 1px 6px 0 rgba(0,0,0,.16)\",\n                      borderRadius: 8,\n                      boxSizing: \"border-box\",\n                    }}\n                  >\n                    <div className=\"row\">\n                      <div className=\"col-md-4 col-lg-4\">\n                        <div className=\"d-flex align-items-center justify-content-center p-2\">\n                          <img\n                            className=\"img-fluid\"\n                            // src={`https://apistaging.jbcert.vn${cert.duongDanFileAnh}`}\n                            src={`${BASE_URL}${cert.duongDanFileAnh}`}\n                            alt={cert.duongDanFileAnh}\n                            style={{ border: \"1px solid #f0f0f0\" }}\n                          />\n                        </div>\n                      </div>\n\n                      <div className=\"col-md-8 col-lg-8\">\n                        <div\n                          className=\"d-flex align-items-center align-items-center p-3 h-100\"\n                          style={{ lineHeight: \"1.6\" }}\n                        >\n                          <div style={{ color: \"#5F6368\" }}>\n                            <div className=\"mb-3\">\n                              <h3\n                                style={{\n                                  cursor: \"pointer\",\n                                  fontSize: 20,\n                                  fontWeight: 600,\n                                }}\n                              >\n                                <span>{cert.hoVaTen}</span>\n                              </h3>\n                            </div>\n\n                            <div className=\"mb-2\">\n                              <h3>{cert.loaiBang}</h3>\n                            </div>\n\n                            <div className=\"mb-2\">\n                              <span>{cert.truongHoc}</span>\n                            </div>\n\n                            <div className=\"mb-2\">\n                              <code className=\"mr-1\">{cert.soHieu}</code>\n                              <span>-</span>\n                              <span className=\"ml-1\">{cert.soVaoSo}</span>\n                            </div>\n                          </div>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                ))}\n\n                <Pagination\n                  current={page}\n                  pageSize={pageSize}\n                  total={total}\n                  onChange={onSearch}\n                />\n              </div>\n            ) : (\n              <Empty />\n            )}\n          </div>\n        </Spin>\n      </div>\n      <div className=\"col-lg-1\" />\n      {isModalVisible && (\n        <ModalReCapcha\n          setIsModalVisible={setIsModalVisible}\n          isModalVisible={isModalVisible}\n        />\n      )}\n      {/*{isModalVisible ? (*/}\n      {/*  <ModalCapcha*/}\n      {/*    image={image}*/}\n      {/*    setIsModalVisible={setIsModalVisible}*/}\n      {/*    isModalVisible={isModalVisible}*/}\n      {/*    callback={() => {*/}\n      {/*      onSearch(page);*/}\n      {/*    }}*/}\n      {/*    setImage={setImage}*/}\n      {/*  />*/}\n      {/*) : null}*/}\n    </Fragment>\n  );\n}\n\nexport default connect(mapStateToProps, {\n  searchBang,\n  saveSearchValue,\n  searchBangAdv,\n})(ContentLayout);\n\n// setLoading(true);\n// try {\n//   const res = await searchBang({\n//     params: { ...params, pageNum },\n//     callback: () => {},\n//   });\n\n//   if (res) {\n//     setParams({ ...params, pageNum });\n//     setLoading(false);\n\n//     const search = new URLSearchParams({\n//       ...params,\n//       pageNum,\n//     }).toString();\n\n//     history.push({\n//       pathname: \"/main\",\n//       search,\n//     });\n//   }\n// } catch (error) {}\n","import React from \"react\";\nimport {BASE_URL} from \"../../requests/APIConfig\";\n\nfunction FooterLayout() {\n  const year = new Date().getFullYear();\n  return (\n    <footer\n      style={{\n        background: \"#fff\",\n        borderTop: \"1px solid rgba(0, 0, 0, 0.06)\",\n        position: \"fixed\",\n        left: 0,\n        bottom: 0,\n        width: \"100%\",\n        zIndex: 999,\n      }}\n    >\n      <div className=\"container\">\n        <div className=\"row\">\n          <div className=\"col-12 col-sm-12 col-md-12 col-lg-12\">\n            <div className=\"p-3 text-center\">\n              {/*<span style={{ fontSize: 14 }}>*/}\n              {/*  Copyright © <b>JBTECH {year}</b> -{\" \"}*/}\n              {/*  <a*/}\n              {/*    // href=\"https://apistaging.jbcert.vn/\"*/}\n              {/*    href=\"http://qlvbcc.backan.edu.vn/\"*/}\n              {/*    target=\"_blank\"*/}\n              {/*    rel=\"noreferrer\"*/}\n              {/*  >*/}\n              {/*    qlvbcc.backan.edu.vn*/}\n              {/*    /!*staging.jbcert.vn*!/*/}\n              {/*  </a>*/}\n              {/*</span>*/}\n            </div>\n          </div>\n        </div>\n      </div>\n    </footer>\n  );\n}\n\nexport default FooterLayout;\n","import React from \"react\";\nimport { connect } from \"react-redux\";\n\nimport HeaderLayout from \"../../layouts/HeaderLayout\";\nimport ContentLayout from \"../../layouts/ContentLayout\";\nimport FooterLayout from \"../../layouts/FooterLayout\";\n\n// import SearchResult from \"../../components/SearchResult\";\n\nconst mapStateToProps = (state) => ({\n  certSearch: state.searchReducer,\n});\n\nfunction Main() {\n  const [loading, setLoading] = React.useState(false);\n\n  return (\n    <>\n      <div className=\"container\">\n        <div className=\"row\">\n          <HeaderLayout\n            loading={loading}\n            setLoading={(value) => {\n              setLoading(value);\n            }}\n          />\n          <ContentLayout\n            loading={loading}\n            setLoading={(value) => {\n              setLoading(value);\n            }}\n          />\n        </div>\n      </div>\n\n      <FooterLayout />\n    </>\n  );\n}\n\nexport default connect(mapStateToProps, null)(Main);\n","import React, { Fragment, useState, useEffect } from \"react\";\nimport { useHistory } from \"react-router-dom\";\nimport { isEmpty } from \"lodash\";\nimport { connect } from \"react-redux\";\nimport {\n  Spin,\n  Tabs,\n  Divider,\n  Row,\n  Col,\n  Timeline,\n  Empty,\n  notification,\n} from \"antd\";\nimport moment from \"moment\";\nimport \"moment/locale/vi\";\nimport PinDropOutlinedIcon from \"@material-ui/icons/PinDropOutlined\";\nimport UpdateOutlinedIcon from \"@material-ui/icons/UpdateOutlined\";\nimport logo from \"../../assets/logo.png\";\nimport ArrowBackIcon from \"@material-ui/icons/ArrowBack\";\nimport { Detail } from \"../../services/search\";\nimport { getValueFromUrl } from \"../../utils/getValueFromUrl\";\nimport { setValueFilter } from \"../../redux/actions/searchFilter\";\nimport FooterLayout from \"../../layouts/FooterLayout\";\nimport {BASE_URL} from \"../../requests/APIConfig\";\n\nmoment.locale(\"vi\");\n\nconst { TabPane } = Tabs;\n\nfunction DetailDiploma({ setValueFilter }) {\n  const history = useHistory();\n  const params = getValueFromUrl(history) || {};\n\n  const [loading, setLoading] = useState(false);\n  const [diploma, setDiploma] = useState({});\n\n  // detail diploma\n  const [soHieu, setSoHieu] = useState('');\n\n  const fetchData = async () => {\n    setLoading(true);\n    try {\n      const regex = /-/gi;\n      const soVaoSo = params.soVaoSo?.replace(regex, \"/\");\n      const bangId = params.bangId;\n\n      const res = await Detail({ keyword: soVaoSo, bangId: bangId });\n\n      if (res) {\n        const { data } = res;\n        setLoading(false);\n        setDiploma(data);\n      }\n    } catch (error) {\n      notification.error({\n        description: \"Đã có lỗi xảy ra\",\n      });\n    }\n  };\n\n  useEffect(() => {\n    fetchData();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const { duongDanFileAnh, truongDuLieuTrongBangs, logVanBangs } = diploma;\n\n  useEffect(() => {\n    setSoHieu(diploma?.soHieu || '');\n  }, [diploma])\n\n  return (\n    <Fragment>\n      <Spin size=\"large\" spinning={loading}>\n        <div className=\"container\">\n          <div className=\"row\">\n            <Fragment>\n              <div className=\"col-lg-1\" />\n              <div className=\"col-12 col-sm-12 col-md-12 col-lg-10\">\n                <div\n                  className=\"d-flex align-items-center justify-content-between px-2 py-3\"\n                  style={{ borderBottom: \"1px solid #f0f0f0\" }}\n                >\n                  <ArrowBackIcon\n                    style={{ cursor: \"pointer\", fontSize: 32 }}\n                    onClick={() => {\n                      if (history.length > 2) {\n                        history.goBack();\n                      } else {\n                        history.push(\"/\");\n                      }\n                    }}\n                  />\n                  <img\n                    src={logo}\n                    alt=\"JBCert Logo\"\n                    onClick={() => {\n                      setValueFilter({\n                        name: null,\n                        year: \"2021\",\n                        donViId: undefined,\n                        visible: false,\n                        keyword: null,\n                      });\n                      history.push(\"/\");\n                    }}\n                    width={200}\n                    style={{ cursor: \"pointer\" }}\n                  />\n                </div>\n              </div>\n              <div className=\"col-lg-1\" />\n            </Fragment>\n\n            <div className=\"col-lg-1\" />\n            <div className=\"col-12 col-sm-12 col-md-12 col-lg-10\">\n              {isEmpty(diploma) ? (\n                <Empty className=\"my-3\" />\n              ) : (\n                <div style={{ paddingBottom: 48 }}>\n                  <header className=\"px-2 py-3 mt-3\">\n                    <h3 style={{ color: \"#4a81d4\", fontSize: 20 }}>\n                      {diploma.loaiBang}\n                    </h3>\n                  </header>\n\n                  <div className=\"row\">\n                    <div className=\"col-md-6\">\n                      <div\n                        className=\"p-2\"\n                        style={{\n                          boxShadow: \"rgba(0, 0, 0, 0.16) 0px 1px 6px 0px\",\n                        }}\n                      >\n                        <img\n                          className=\"img-fluid\"\n                          // src={`https://apistaging.jbcert.vn${duongDanFileAnh}`}\n                          src={`${BASE_URL}${duongDanFileAnh}`}\n                          alt={duongDanFileAnh}\n                        />\n                      </div>\n                    </div>\n\n                    <div className=\"col-md-6\">\n                      <aside\n                        className=\"d-flex flex-column p-2\"\n                        style={{\n                          lineHeight: \"1.8\",\n                        }}\n                      >\n                        <span style={{ fontWeight: 600 }}>\n                          Thông tin chi tiết\n                        </span>\n\n                        <Divider className=\"mt-0\" />\n\n                        {(truongDuLieuTrongBangs || []).map((field) => (\n                          <div\n                            key={field.truongDuLieuCode}\n                            style={{ fontSize: 14 }}\n                          >\n                            {(field.kieuDuLieu === 2 || field.kieuDuLieu === null) ? null : (\n                              <Row\n                                style={{ borderBottom: \"1px solid #f0f0f0\" }}\n                              >\n                                <Col span={10}>\n                                  <span>{field.tenTruongDuLieu}</span>\n                                </Col>\n                                <Col span={14}>\n                                  <span style={{ fontWeight: 600 }}>\n                                    {field.giaTri}\n                                  </span>\n                                </Col>\n                              </Row>\n                            )}\n                          </div>\n                        ))}\n\n                        <div\n                          style={{ fontSize: 14 }}\n                        >\n                          <Row\n                            style={{ borderBottom: \"1px solid #f0f0f0\" }}\n                          >\n                            <Col span={10}>\n                              <span>Số hiệu</span>\n                            </Col>\n                            <Col span={14}>\n                                <span style={{ fontWeight: 600 }}>\n                                  {soHieu}\n                                </span>\n                            </Col>\n                          </Row>\n                        </div>\n                      </aside>\n                    </div>\n                  </div>\n\n                  <div className=\"row\">\n                    <div className=\"col-12 col-sm-12 col-md-12 col-lg-12\">\n                      <main className=\"w-100 my-3\">\n                        <Tabs defaultActiveKey=\"1\">\n                          <TabPane tab=\"Thông tin học sinh\" key=\"1\">\n                            <div className=\"row\">\n                              <div className=\"col-12 col-sm-12 col-md-6 col-lg-6\">\n                                <div className=\"mb-3\" style={{ lineHeight: 2 }}>\n                                  <h6\n                                    className=\"mb-2\"\n                                    style={{ fontSize: 18, fontWeight: 600 }}\n                                  >\n                                    Thông tin học sinh\n                                  </h6>\n\n                                  <div className=\"d-flex flex-column\">\n                                    <div>\n                                      <span className=\"mr-2\">Họ và tên:</span>\n                                      <span className=\"font-weight-bold\">\n                                        {diploma.hocSinh?.hoVaTen}\n                                      </span>\n                                    </div>\n\n                                    <div>\n                                      <span className=\"mr-2\">Ngày sinh:</span>\n                                      <span className=\"font-weight-bold\">\n                                        {diploma.hocSinh?.ngaySinh\n                                          ? moment(\n                                              diploma.hocSinh?.ngaySinh\n                                            ).format(\"DD/MM/YYYY\")\n                                          : \"\"}\n                                      </span>\n                                    </div>\n\n                                    <div>\n                                      <span className=\"mr-2\">Nơi sinh:</span>\n                                      <span className=\"font-weight-bold\">\n                                        {diploma.hocSinh?.noiSinh}\n                                      </span>\n                                    </div>\n\n                                    <div>\n                                      <span className=\"mr-2\">Giới tính:</span>\n                                      <span className=\"font-weight-bold\">\n                                        {diploma.hocSinh?.gioiTinh}\n                                      </span>\n                                    </div>\n\n                                    <div>\n                                      <span className=\"mr-2\">Dân tộc:</span>\n                                      <span className=\"font-weight-bold\">\n                                        {diploma.hocSinh?.danToc}\n                                      </span>\n                                    </div>\n\n                                    <div>\n                                      <span className=\"mr-2\">Niên khoá:</span>\n                                      <span className=\"font-weight-bold\">\n                                        {diploma.hocSinh?.nienKhoa}\n                                      </span>\n                                    </div>\n\n                                    <div>\n                                      <span className=\"mr-2\">\n                                        Hộ khẩu thường trú:\n                                      </span>\n                                      <span className=\"font-weight-bold\">\n                                        {diploma.hocSinh?.hoKhauThuongTru}\n                                      </span>\n                                    </div>\n\n                                    <div>\n                                      <span className=\"mr-2\">Trường học:</span>\n                                      <span className=\"font-weight-bold\">\n                                        {diploma.hocSinh?.truongHoc}\n                                      </span>\n                                    </div>\n\n                                    <div>\n                                      <span className=\"mr-2\">Lớp học:</span>\n                                      <span className=\"font-weight-bold\">\n                                        {diploma.hocSinh?.lopHoc}\n                                      </span>\n                                    </div>\n                                  </div>\n                                </div>\n                              </div>\n\n                              <div className=\"col-12 col-sm-12 col-md-6 col-lg-6\">\n                                <div style={{ lineHeight: 2 }}>\n                                  <h6\n                                    className=\"mb-2\"\n                                    style={{ fontSize: 18, fontWeight: 600 }}\n                                  >\n                                    Kết quả tốt nghiệp\n                                  </h6>\n\n                                  <div className=\"d-flex flex-column mb-3\">\n                                    <div>\n                                      <span className=\"mr-2\">\n                                        Hình thức đào tạo:\n                                      </span>\n                                      <span className=\"font-weight-bold\">\n                                        {diploma.hocSinh?.hinhThucDaoTao}\n                                      </span>\n                                    </div>\n\n                                    <div>\n                                      <span className=\"mr-2\">Học lực:</span>\n                                      <span className=\"font-weight-bold\">\n                                        {diploma.hocSinh?.hl}\n                                      </span>\n                                    </div>\n\n                                    <div>\n                                      <span className=\"mr-2\">Hạnh kiểm:</span>\n                                      <span className=\"font-weight-bold\">\n                                        {diploma.hocSinh?.hk}\n                                      </span>\n                                    </div>\n\n                                    <div>\n                                      <span className=\"mr-2\">\n                                        Xếp loại tốt nghiệp:\n                                      </span>\n                                      <span className=\"font-weight-bold\">\n                                        {diploma.hocSinh?.xepLoaiTotNghiep}\n                                      </span>\n                                    </div>\n\n                                    <div>\n                                      <span className=\"mr-2\">\n                                        Năm tốt nghiệp:\n                                      </span>\n                                      <span className=\"font-weight-bold\">\n                                        {diploma.hocSinh?.namTotNghiep}\n                                      </span>\n                                    </div>\n                                  </div>\n\n                                  <div className=\"mb-3\">\n                                    <h6\n                                      className=\"mb-2\"\n                                      style={{ fontSize: 18, fontWeight: 600 }}\n                                    >\n                                      Điểm môn học\n                                    </h6>\n                                    {(diploma.hocSinh.diemMonHocs || []).map(\n                                      (point) => (\n                                        <Row\n                                          style={{\n                                            borderBottom: \"1px solid #f0f0f0\",\n                                          }}\n                                          key={point.codeMonHoc}\n                                        >\n                                          <Col span={10}>\n                                            <span>{point.tenMonHoc}</span>\n                                          </Col>\n                                          <Col span={14}>\n                                            <span style={{ fontWeight: 600 }}>\n                                              {point.diem}\n                                            </span>\n                                          </Col>\n                                        </Row>\n                                      )\n                                    )}\n                                  </div>\n                                </div>\n                              </div>\n                            </div>\n                          </TabPane>\n                          <TabPane tab=\"Nhật ký văn bằng\" key=\"2\">\n                            <Timeline>\n                              {(logVanBangs || []).length > 0 ? (\n                                logVanBangs.map((log) => (\n                                  <Timeline.Item key={log.logId} color=\"green\">\n                                    <p style={{ fontWeight: 600 }}>\n                                      {log.hoTen}\n                                    </p>\n                                    <p>{log.hanhDong}</p>\n                                    <div\n                                      className=\"d-flex align-items-center mt-1\"\n                                      style={{\n                                        fontSize: 12,\n                                        fontStyle: \"italic\",\n                                        opacity: \"0.7\",\n                                        lineHeight: 1,\n                                      }}\n                                    >\n                                      <span className=\"mr-2\">\n                                        <PinDropOutlinedIcon\n                                          style={{\n                                            fontSize: 12,\n                                            marginRight: 4,\n                                          }}\n                                        />\n                                        {log.ip}\n                                      </span>\n                                      <span>\n                                        <UpdateOutlinedIcon\n                                          style={{\n                                            fontSize: 12,\n                                            marginRight: 4,\n                                          }}\n                                        />\n                                        {moment(log.thoiGian).fromNow()}\n                                      </span>\n                                    </div>\n                                  </Timeline.Item>\n                                ))\n                              ) : (\n                                <Empty />\n                              )}\n                            </Timeline>\n                          </TabPane>\n                        </Tabs>\n                      </main>\n                    </div>\n                  </div>\n                </div>\n              )}\n            </div>\n\n            <div className=\"col-lg-1\" />\n          </div>\n        </div>\n\n        <FooterLayout />\n      </Spin>\n    </Fragment>\n  );\n}\n\nexport default connect(null, {\n  setValueFilter,\n})(DetailDiploma);\n","import React from \"react\";\nimport { useHistory } from \"react-router-dom\";\nimport { Result, Button } from \"antd\";\n\nfunction NotFound() {\n  const history = useHistory();\n\n  return (\n    <Result\n      status=\"404\"\n      title=\"404 Not Found\"\n      subTitle=\"Sorry, the page you visited does not exist.\"\n      extra={\n        <Button type=\"primary\" onClick={() => history.goBack()}>\n          Quay lại\n        </Button>\n      }\n    />\n  );\n}\n\nexport default NotFound;\n","import axios from \"axios\";\nimport {BASE_URL} from \"../requests/APIConfig\";\n\nexport const AddRequest = (params) => {\n  const url = `${BASE_URL}/api/YeuCauCapBanSao/ThemMoiYeuCau`;\n\n  return axios.post(url, {\n    params: {\n      ...params,\n    },\n    headers: {\n      Accept: \"application/json\",\n      \"Content-Type\": \"application/json; charset=utf-8\",\n      // \"Content-Type\": \"application/json\",\n    },\n  });\n};\n","import React, {useState} from \"react\";\nimport FooterLayout from \"../../layouts/FooterLayout\";\nimport {Button, Card, Col, DatePicker, Form, Input, notification, Row, Select} from \"antd\";\nimport {FontAwesomeIcon} from \"@fortawesome/react-fontawesome\";\nimport {faArrowLeft, faLocationArrow} from \"@fortawesome/free-solid-svg-icons\";\nimport {AddRequest} from \"../../services/request\";\nimport Cookies from \"js-cookie\";\nimport ModalReCapcha from \"../../components/ModelReCapcha\";\n\nconst listGioiTinhs = [\n  {\n    id: 'Nam',\n    ten: 'Nam',\n  },\n  {\n    id: 'Nữ',\n    ten: 'Nữ',\n  },\n  {\n    id: 'Khác',\n    ten: 'Khác',\n  },\n];\n\nfunction RequestDiploma() {\n  const [form] = Form.useForm();\n\n  const objectValidateForm = {\n    checkString: (maxLength, checkEmpty, nameLabel) => ({\n      maxLength,\n      checkEmpty,\n      nameLabel,\n    }),\n    checkNumber: (minValue, maxValue, nameLabel, checkEmpty, maxLength) => ({\n      type: \"number\",\n      checkEmpty,\n      minValue,\n      maxValue,\n      nameLabel,\n      maxLength,\n    }),\n  };\n\n  const paserValue = (value) => {\n    return `${value}`.replace(/\\$\\s?|(,*)/g, \"\");\n  };\n\n  const handleValidateFields = (rule, value, objectValidate) => {\n    if (objectValidate.checkEmpty && !value) {\n      if (value !== 0) {\n        return Promise.reject(\n          `${objectValidate.nameLabel} không được để trống`\n        );\n      }\n    }\n\n    if (!objectValidate.checkEmpty && !value) {\n      return Promise.resolve();\n    }\n\n    if (!value) {\n      if (value === 0) {\n        return Promise.resolve();\n      } else {\n        return Promise.reject();\n      }\n    }\n\n    const valueParser = paserValue(`${value}`);\n    if (\n      objectValidate.type === \"number\" &&\n      (valueParser === \"-\" || valueParser === \".\")\n    ) {\n      return Promise.reject(\n        `${objectValidate.nameLabel} không phải số`\n      );\n    }\n    if (\n      objectValidate.type === \"number\" &&\n      !RegExp(\"^[+-]?([0-9]*[.])?[0-9]+$\").test(valueParser)\n    ) {\n      if (Number(Math.ceil(valueParser)) !== Number(valueParser)) {\n        return Promise.reject(\n          `${objectValidate.nameLabel} không phải số`\n        );\n      }\n    }\n    if (\n      objectValidate.minValue !== null &&\n      valueParser < objectValidate.minValue\n    ) {\n      return Promise.reject(\n        `${objectValidate.nameLabel} lớn hơn ${\n          objectValidate.minValue\n        }.`\n      );\n    }\n    if (\n      objectValidate.maxValue !== null &&\n      Number(valueParser) * 100 > objectValidate.maxValue * 100\n    ) {\n      return Promise.reject(\n        `${objectValidate.nameLabel} nhỏ hơn ${\n          objectValidate.maxValue\n        }.`\n      );\n    }\n    if (\n      objectValidate.minLength !== null &&\n      [...valueParser].length < objectValidate.minLength\n    ) {\n      return Promise.reject(\n        `${objectValidate.nameLabel} tối thiểu ${\n          objectValidate.minLength\n        } ký tự`\n      );\n    }\n    if (\n      objectValidate.maxLength !== null &&\n      [...valueParser].length > objectValidate.maxLength\n    ) {\n      return Promise.reject(\n        `${objectValidate.nameLabel} tối đa ${\n          objectValidate.maxLength\n        } ký tự`\n      );\n    }\n    if (\n      objectValidate.checkDuplicate &&\n      objectValidate.arrayDuplicate.includes(valueParser.toLowerCase().trim())\n    ) {\n      if (valueParser.toLowerCase() !== objectValidate.authCodeOld) {\n        return Promise.reject(\n          `${objectValidate.nameLabel} đã tồn tại`\n        );\n      }\n    }\n    return Promise.resolve();\n  };\n\n  const [loading, setLoading] = useState(false);\n\n  const [isModalVisible, setIsModalVisible] = useState(false);\n\n  const handleRequestCopy = async (fieldsValue) => {\n    if (!Cookies.get(\"code\")) {\n      setIsModalVisible(true);\n    } else {\n      setLoading(true);\n\n      try {\n        const payload = {\n          ...fieldsValue,\n          trangThaiYeuCauId: 1,\n        }\n\n        const res = await AddRequest(payload);\n\n        if (res) {\n          notification.success({\n            message: \"Thành công\",\n            description: \"Gửi yêu cầu cấp bản sao thành công\",\n          });\n\n          form.resetFields();\n          setLoading(false);\n        }\n      } catch (error) {\n        notification.error({\n          message: \"Lỗi \",\n          description: \"Có lỗi xảy ra vui lòng thử lại\",\n        });\n        setLoading(false);\n      }\n    }\n  }\n\n  const handleCanncel = () => {\n    window.location.href = '/';\n  }\n\n  return (\n    <>\n      <div className=\"container wrap-request\">\n        <div className=\"text-center my-4 text-header-request\">\n          Yêu cầu cấp bản sao\n        </div>\n        <Form\n          id=\"form-add-student-management\"\n          form={form}\n          onFinish={handleRequestCopy}\n        >\n          <Row gutter={[16, 16]}>\n            <Col span={16} md={16}>\n              <Card\n                style={{\n                  borderRadius: 8,\n                  boxShadow: \"0 1px 6px 0 rgba(0,0,0,.16)\",\n                }}\n              >\n                <div\n                  style={{\n                    backgroundColor: \"#E6F7FF\",\n                    borderBottom: \"1px solid #fff\",\n                    padding: \"4px 8px\",\n                    // color: '#5f6368',\n                    color: '#4a81d4',\n                  }}\n                  className=\"mb-3\"\n                >\n                  <span style={{ fontSize: 16, fontWeight: 600 }}>\n                    Thông tin học viên\n                  </span>\n                </div>\n\n                <Row gutter={[16, 16]}>\n                  <Col span={12} md={12}>\n                    <div>\n                      <span style={{ fontWeight: 600, fontSize: \"14px\" }}>\n                        {\"Số định danh\"}\n                      </span>\n                      <span style={{ paddingLeft: \"3px\", color: \"red\" }}>*</span>\n                    </div>\n                    <Form.Item\n                      name={\"soDinhDanh\"}\n                      className=\"mb-0\"\n                      rules={[\n                        {\n                          validator(rule, value) {\n                            return handleValidateFields(\n                              rule,\n                              value,\n                              objectValidateForm.checkString(50, true, \"Số định danh\"),\n                            );\n                          },\n                        },\n                      ]}\n                    >\n                      <Input placeholder=\"Số định danh\" />\n                    </Form.Item>\n                  </Col>\n\n                  <Col span={12} md={12}>\n                    <div>\n                      <span style={{ fontWeight: 600, fontSize: \"14px\" }}>\n                        {\"Số CMND/CCCD\"}\n                      </span>\n                      <span style={{ paddingLeft: \"3px\", color: \"red\" }}>*</span>\n                    </div>\n                    <Form.Item\n                      name={\"soCMND\"}\n                      className=\"mb-0\"\n                      rules={[\n                        {\n                          validator(rule, value) {\n                            return handleValidateFields(\n                              rule,\n                              value,\n                              objectValidateForm.checkString(20, true, \"Số CMND/CCCD\"),\n                            );\n                          },\n                        },\n                      ]}\n                    >\n                      <Input placeholder=\"Số CMND/CCCD\" />\n                    </Form.Item>\n                  </Col>\n\n                  <Col span={12} md={12}>\n                    <div>\n                      <span style={{ fontWeight: 600, fontSize: \"14px\" }}>\n                        {\"Họ và tên\"}\n                      </span>\n                      <span style={{ paddingLeft: \"3px\", color: \"red\" }}>*</span>\n                    </div>\n                    <Form.Item\n                      name={\"hoTenNguoiCapBang\"}\n                      className=\"mb-0\"\n                      rules={[\n                        {\n                          validator(rule, value) {\n                            return handleValidateFields(\n                              rule,\n                              value,\n                              objectValidateForm.checkString(255, true, \"Họ và tên\"),\n                            );\n                          },\n                        },\n                      ]}\n                    >\n                      <Input placeholder=\"Nhập họ và tên\" />\n                    </Form.Item>\n                  </Col>\n\n                  <Col span={12} md={12}>\n                    <div>\n                      <span style={{ fontWeight: 600, fontSize: \"14px\" }}>\n                        {\"Giới tính\"}\n                      </span>\n                      <span style={{ paddingLeft: \"3px\", color: \"red\" }}>*</span>\n                    </div>\n                    <Form.Item\n                      name={\"gioiTinh\"}\n                      className=\"mb-0\"\n                      rules={[\n                        {\n                          required: true,\n                          message: `Giới tính không được để trống`,\n                        },\n                      ]}\n                    >\n                      <Select placeholder=\"Chọn giới tính\">\n                        {listGioiTinhs.map((value, index) => (\n                          <Select.Option value={value.id} key={index}>\n                            {value.ten}\n                          </Select.Option>\n                        ))}\n                      </Select>\n                    </Form.Item>\n                  </Col>\n\n                  <Col span={12} md={12}>\n                    <div>\n                      <span style={{ fontWeight: 600, fontSize: \"14px\" }}>\n                        {\"Dân tộc\"}\n                      </span>\n                      <span style={{ paddingLeft: \"3px\", color: \"red\" }}>*</span>\n                    </div>\n                    <Form.Item\n                      name={\"danToc\"}\n                      className=\"mb-0\"\n                      rules={[\n                        {\n                          required: true,\n                          message: `${\"Dân tộc không được để trống!\"}`,\n                        },\n                      ]}\n                    >\n                      <Input placeholder=\"Dân tộc\" />\n                    </Form.Item>\n                  </Col>\n\n                  <Col span={12} md={12}>\n                    <div>\n                      <span style={{ fontWeight: 600, fontSize: \"14px\" }}>\n                        {\"Tôn giáo\"}\n                      </span>\n                      <span style={{ paddingLeft: \"3px\", color: \"red\" }}>*</span>\n                    </div>\n                    <Form.Item\n                      name={\"tonGiao\"}\n                      className=\"mb-0\"\n                      rules={[\n                        {\n                          validator(rule, value) {\n                            return handleValidateFields(\n                              rule,\n                              value,\n                              objectValidateForm.checkString(50, true, \"Tôn giáo\"),\n                            );\n                          },\n                        },\n                      ]}\n                    >\n                      <Input placeholder=\"Tôn giáo\" />\n                    </Form.Item>\n                  </Col>\n\n                  <Col span={12} md={12}>\n                    <div>\n                      <span style={{ fontWeight: 600, fontSize: \"14px\" }}>\n                        {\"Tình trạng hôn nhân\"}\n                      </span>\n                      <span style={{ paddingLeft: \"3px\", color: \"red\" }}>*</span>\n                    </div>\n                    <Form.Item\n                      name={\"tinhTrangHonNhan\"}\n                      className=\"mb-0\"\n                      rules={[\n                        {\n                          validator(rule, value) {\n                            return handleValidateFields(\n                              rule,\n                              value,\n                              objectValidateForm.checkString(50, true, \"Tình trạng hôn nhân\"),\n                            );\n                          },\n                        },\n                      ]}\n                    >\n                      <Input placeholder=\"Tình trạng hôn nhân\" />\n                    </Form.Item>\n                  </Col>\n\n                  <Col span={12} md={12}>\n                    <div>\n                      <span style={{ fontWeight: 600, fontSize: \"14px\" }}>\n                        {\"Ngày sinh\"}\n                      </span>\n                      <span style={{ paddingLeft: \"3px\", color: \"red\" }}>*</span>\n                    </div>\n                    <Form.Item\n                      name={\"ngaySinh\"}\n                      className=\"mb-0\"\n                      rules={[\n                        {\n                          required: true,\n                          message: `${\"Ngày sinh không được để trống\"}`,\n                        },\n                      ]}\n                    >\n                      <DatePicker\n                        format=\"DD/MM/YYYY\"\n                        style={{ width: \"100%\" }}\n                        inputReadOnly={true}\n                        placeholder=\"Chọn ngày sinh\"\n                      />\n                    </Form.Item>\n                  </Col>\n\n                  <Col span={12} md={12}>\n                    <div>\n                      <span style={{ fontWeight: 600, fontSize: \"14px\" }}>\n                        {\"Nơi đăng ký khai sinh\"}\n                      </span>\n                      <span style={{ paddingLeft: \"3px\", color: \"red\" }}>*</span>\n                    </div>\n                    <Form.Item\n                      name={\"noiDangKyKhaiSinh\"}\n                      className=\"mb-0\"\n                      rules={[\n                        {\n                          validator(rule, value) {\n                            return handleValidateFields(\n                              rule,\n                              value,\n                              objectValidateForm.checkString(255, true, \"Nơi đăng ký khai sinh\"),\n                            );\n                          },\n                        },\n                      ]}\n                    >\n                      <Input placeholder=\"Nhập nơi đăng ký khai sinh\" />\n                    </Form.Item>\n                  </Col>\n\n                  <Col span={12} md={12}>\n                    <div>\n                      <span style={{ fontWeight: 600, fontSize: \"14px\" }}>\n                        {\"Quê quán\"}\n                      </span>\n                      <span style={{ paddingLeft: \"3px\", color: \"red\" }}>*</span>\n                    </div>\n                    <Form.Item\n                      name={\"queQuan\"}\n                      className=\"mb-0\"\n                      rules={[\n                        {\n                          validator(rule, value) {\n                            return handleValidateFields(\n                              rule,\n                              value,\n                              objectValidateForm.checkString(255, true, \"Quê quán\"),\n                            );\n                          },\n                        },\n                      ]}\n                    >\n                      <Input placeholder=\"Nhập quê quán\" />\n                    </Form.Item>\n                  </Col>\n\n                  <Col span={12} md={12}>\n                    <div>\n                      <span style={{ fontWeight: 600, fontSize: \"14px\" }}>\n                        {\"Hộ khẩu thường trú\"}\n                      </span>\n                      <span style={{ paddingLeft: \"3px\", color: \"red\" }}>*</span>\n                    </div>\n                    <Form.Item\n                      name={\"hktt\"}\n                      className=\"mb-0\"\n                      rules={[\n                        {\n                          validator(rule, value) {\n                            return handleValidateFields(\n                              rule,\n                              value,\n                              objectValidateForm.checkString(\n                                255,\n                                true,\n                                \"Hộ khẩu thường trú\"\n                              ),\n                            );\n                          },\n                        },\n                      ]}\n                    >\n                      <Input placeholder=\"Nhập hộ khẩu thường trú\" />\n                    </Form.Item>\n                  </Col>\n\n                  <Col span={12} md={12}>\n                    <div>\n                      <span style={{ fontWeight: 600, fontSize: \"14px\" }}>\n                        {\"Nơi ở hiện tại\"}\n                      </span>\n                      <span style={{ paddingLeft: \"3px\", color: \"red\" }}>*</span>\n                    </div>\n                    <Form.Item\n                      name={\"noiOHienTai\"}\n                      className=\"mb-0\"\n                      rules={[\n                        {\n                          validator(rule, value) {\n                            return handleValidateFields(\n                              rule,\n                              value,\n                              objectValidateForm.checkString(\n                                255,\n                                true,\n                                \"Nơi ở hiện tại\"\n                              ),\n                            );\n                          },\n                        },\n                      ]}\n                    >\n                      <Input placeholder=\"Nhập nơi ở hiện tại\" />\n                    </Form.Item>\n                  </Col>\n\n                  <Col span={12} md={12}>\n                    <div>\n                      <span style={{ fontWeight: 600, fontSize: \"14px\" }}>\n                        {\"Cha\"}\n                      </span>\n                      {/*<span style={{ paddingLeft: \"3px\", color: \"red\" }}>*</span>*/}\n                    </div>\n                    <Form.Item\n                      name={\"hoTenCha\"}\n                      className=\"mb-0\"\n                      rules={[\n                        {\n                          validator(rule, value) {\n                            return handleValidateFields(\n                              rule,\n                              value,\n                              objectValidateForm.checkString(\n                                255,\n                                false,\n                                \"Họ và tên cha\"\n                              ),\n                            );\n                          },\n                        },\n                      ]}\n                    >\n                      <Input placeholder=\"Nhập họ và tên cha\" />\n                    </Form.Item>\n                  </Col>\n\n                  <Col span={12} md={12}>\n                    <div>\n                      <span style={{ fontWeight: 600, fontSize: \"14px\" }}>\n                        {\"Mẹ\"}\n                      </span>\n                      {/*<span style={{ paddingLeft: \"3px\", color: \"red\" }}>*</span>*/}\n                    </div>\n                    <Form.Item\n                      name={\"hoTenMe\"}\n                      className=\"mb-0\"\n                      rules={[\n                        {\n                          validator(rule, value) {\n                            return handleValidateFields(\n                              rule,\n                              value,\n                              objectValidateForm.checkString(\n                                255,\n                                false,\n                                \"Họ và tên mẹ\"\n                              ),\n                            );\n                          },\n                        },\n                      ]}\n                    >\n                      <Input placeholder=\"Nhập họ và tên mẹ\" />\n                    </Form.Item>\n                  </Col>\n\n                  <Col span={12} md={12}>\n                    <div>\n                      <span style={{ fontWeight: 600, fontSize: \"14px\" }}>\n                        {\"Quốc tịch\"}\n                      </span>\n                      <span style={{ paddingLeft: \"3px\", color: \"red\" }}>*</span>\n                    </div>\n                    <Form.Item\n                      name={\"quocTich\"}\n                      className=\"mb-0\"\n                      rules={[\n                        {\n                          validator(rule, value) {\n                            return handleValidateFields(\n                              rule,\n                              value,\n                              objectValidateForm.checkString(\n                                255,\n                                true,\n                                \"Quốc tịch\"\n                              ),\n                            );\n                          },\n                        },\n                      ]}\n                    >\n                      <Input placeholder=\"Nhập quốc tịch\" />\n                    </Form.Item>\n                  </Col>\n\n                  <Col span={12} md={12}>\n                    <div>\n                      <span style={{ fontWeight: 600, fontSize: \"14px\" }}>\n                        {\"Năm tốt nghiệp\"}\n                      </span>\n                      <span style={{ paddingLeft: \"3px\", color: \"red\" }}>*</span>\n                    </div>\n                    <Form.Item\n                      name={\"namTotNghiep\"}\n                      className=\"mb-0\"\n                      rules={[\n                        {\n                          validator(rule, value) {\n                            return handleValidateFields(\n                              rule,\n                              value,\n                              objectValidateForm.checkNumber(\n                                0,\n                                null,\n                                \"Năm tốt nghiệp\",\n                                true,\n                                4\n                              ),\n                            );\n                          },\n                        },\n                      ]}\n                    >\n                      <Input placeholder=\"Nhập năm tốt nghiệp\" />\n                    </Form.Item>\n                  </Col>\n\n                  <Col span={12} md={12}>\n                    <div>\n                      <span style={{ fontWeight: 600, fontSize: \"14px\" }}>\n                        {\"Hình thức đào tạo\"}\n                      </span>\n                      <span style={{ paddingLeft: \"3px\", color: \"red\" }}>*</span>\n                    </div>\n                    <Form.Item\n                      name={\"hinhThucDaoTao\"}\n                      className=\"mb-0\"\n                      rules={[\n                        {\n                          validator(rule, value) {\n                            return handleValidateFields(\n                              rule,\n                              value,\n                              objectValidateForm.checkString(\n                                100,\n                                true,\n                                \"Hình thức đào tạo\"\n                              ),\n                            );\n                          },\n                        },\n                      ]}\n                    >\n                      <Input placeholder=\"Nhập hình thức đào tạo\" />\n                    </Form.Item>\n                  </Col>\n\n                  <Col span={12} md={12}>\n                    <div>\n                      <span style={{ fontWeight: 600, fontSize: \"14px\" }}>\n                        {\"Lớp\"}\n                      </span>\n                      <span style={{ paddingLeft: \"3px\", color: \"red\" }}>*</span>\n                    </div>\n                    <Form.Item\n                      name={\"lop\"}\n                      className=\"mb-0\"\n                      rules={[\n                        {\n                          validator(rule, value) {\n                            return handleValidateFields(\n                              rule,\n                              value,\n                              objectValidateForm.checkString(\n                                50,\n                                true,\n                                \"Lớp\"\n                              ),\n                            );\n                          },\n                        },\n                      ]}\n                    >\n                      <Input placeholder=\"Lớp\" />\n                    </Form.Item>\n                  </Col>\n\n                  <Col span={12} md={12}>\n                    <div>\n                      <span style={{ fontWeight: 600, fontSize: \"14px\" }}>\n                        {\"Loại bằng\"}\n                      </span>\n                      <span style={{ paddingLeft: \"3px\", color: \"red\" }}>*</span>\n                    </div>\n                    <Form.Item\n                      name={\"loaiBang\"}\n                      className=\"mb-0\"\n                      rules={[\n                        {\n                          validator(rule, value) {\n                            return handleValidateFields(\n                              rule,\n                              value,\n                              objectValidateForm.checkString(\n                                100,\n                                true,\n                                \"Loại bằng\"\n                              ),\n                            );\n                          },\n                        },\n                      ]}\n                    >\n                      <Input placeholder=\"Loại bằng\" />\n                    </Form.Item>\n                  </Col>\n                </Row>\n              </Card>\n            </Col>\n\n            <Col span={8} md={8}>\n              <Card style={{\n                height: '100%',\n                borderRadius: 8,\n                boxShadow: \"0 1px 6px 0 rgba(0,0,0,.16)\",\n              }}>\n                <div\n                  style={{\n                    backgroundColor: \"#E6F7FF\",\n                    borderBottom: \"1px solid #fff\",\n                    padding: \"4px 8px\",\n                    // color: '#5f6368',\n                    color: '#4a81d4',\n                  }}\n                  className=\"mb-3\"\n                >\n                  <span style={{ fontSize: 16, fontWeight: 600 }}>\n                    Thông tin người yêu cầu\n                  </span>\n                </div>\n\n                <Row gutter={[16, 16]}>\n                  <Col span={24} md={24}>\n                    <div>\n                      <span style={{ fontWeight: 600, fontSize: \"14px\" }}>\n                        {\"Họ tên người yêu cầu\"}\n                      </span>\n                      <span style={{ paddingLeft: \"3px\", color: \"red\" }}>*</span>\n                    </div>\n                    <Form.Item\n                      name={\"tenNguoiYeuCau\"}\n                      className=\"mb-0\"\n                      rules={[\n                        {\n                          validator(rule, value) {\n                            return handleValidateFields(\n                              rule,\n                              value,\n                              objectValidateForm.checkString(255, true, \"Họ tên người yêu cầu\"),\n                            );\n                          },\n                        },\n                      ]}\n                    >\n                      <Input placeholder=\"Họ tên người yêu cầu\" />\n                    </Form.Item>\n                  </Col>\n\n                  <Col span={24} md={24}>\n                    <div>\n                      <span style={{ fontWeight: 600, fontSize: \"14px\" }}>\n                        {\"Quan hệ với người cần cấp bằng\"}\n                      </span>\n                      <span style={{ paddingLeft: \"3px\", color: \"red\" }}>*</span>\n                    </div>\n                    <Form.Item\n                      name={\"quanHeVoiNguoiCanCapBang\"}\n                      className=\"mb-0\"\n                      rules={[\n                        {\n                          validator(rule, value) {\n                            return handleValidateFields(\n                              rule,\n                              value,\n                              objectValidateForm.checkString(50, true, \"Quan hệ với người cấp bằng\"),\n                            );\n                          },\n                        },\n                      ]}\n                    >\n                      <Input placeholder=\"Bố/mẹ\" />\n                    </Form.Item>\n                  </Col>\n\n                  <Col span={24} md={24}>\n                    <div>\n                      <span style={{ fontWeight: 600, fontSize: \"14px\" }}>\n                        {\"Số CCCD/CMND người đăng ký\"}\n                      </span>\n                      <span style={{ paddingLeft: \"3px\", color: \"red\" }}>*</span>\n                    </div>\n                    <Form.Item\n                      name={\"soCMNDNguoiDangKy\"}\n                      className=\"mb-0\"\n                      rules={[\n                        {\n                          validator(rule, value) {\n                            return handleValidateFields(\n                              rule,\n                              value,\n                              objectValidateForm.checkString(20, true, \"Số CCCD/CMND\"),\n                            );\n                          },\n                        },\n                      ]}\n                    >\n                      <Input placeholder=\"Số CCCD/CMND\" />\n                    </Form.Item>\n                  </Col>\n\n                  <Col span={24} md={24}>\n                    <div>\n                      <span style={{ fontWeight: 600, fontSize: \"14px\" }}>\n                        {\"Số điện thoại người đăng ký\"}\n                      </span>\n                      <span style={{ paddingLeft: \"3px\", color: \"red\" }}>*</span>\n                    </div>\n                    <Form.Item\n                      name={\"dienThoaiNguoiDangKy\"}\n                      className=\"mb-0\"\n                      rules={[\n                        {\n                          validator(rule, value) {\n                            return handleValidateFields(\n                              rule,\n                              value,\n                              objectValidateForm.checkString(20, true, \"Số điện thoại\"),\n                            );\n                          },\n                        },\n                      ]}\n                    >\n                      <Input placeholder=\"0987654321\" />\n                    </Form.Item>\n                  </Col>\n\n                  <Col span={24} md={24}>\n                    <div>\n                      <span style={{ fontWeight: 600, fontSize: \"14px\" }}>\n                        {\"Địa chỉ người đăng ký\"}\n                      </span>\n                      <span style={{ paddingLeft: \"3px\", color: \"red\" }}>*</span>\n                    </div>\n                    <Form.Item\n                      name={\"diaChiNguoiDangKy\"}\n                      className=\"mb-0\"\n                      rules={[\n                        {\n                          validator(rule, value) {\n                            return handleValidateFields(\n                              rule,\n                              value,\n                              objectValidateForm.checkString(20, true, \"Địa chỉ người đăng ký\"),\n                            );\n                          },\n                        },\n                      ]}\n                    >\n                      <Input placeholder=\"Địa chỉ người đăng ký\" />\n                    </Form.Item>\n                  </Col>\n                </Row>\n              </Card>\n            </Col>\n          </Row>\n          <div className=\"text-center mt-4\">\n            <Button\n              onClick={handleCanncel}\n              style={{ marginRight: 8 }}\n              icon={\n                <FontAwesomeIcon\n                  icon={faArrowLeft}\n                  className=\"mr-2\"\n                />\n              }\n            >\n              Quay lại\n            </Button>\n            <Button\n              type=\"primary\"\n              htmlType=\"submit\"\n              key=\"submit\"\n              form=\"form-add-student-management\"\n              loading={loading}\n              icon={\n                <FontAwesomeIcon\n                  icon={faLocationArrow}\n                  className=\"mr-2\"\n                />\n              }\n            >\n              Gửi yêu cầu\n            </Button>\n          </div>\n        </Form>\n      </div>\n\n      {isModalVisible && (\n        <ModalReCapcha\n          setIsModalVisible={setIsModalVisible}\n          isModalVisible={isModalVisible}\n        />\n      )}\n\n      {/*<FooterLayout />*/}\n    </>\n  )\n};\n\nexport default RequestDiploma;\n","import React from \"react\";\nimport { BrowserRouter as Router, Switch, Route } from \"react-router-dom\";\n\nimport Search from \"./pages/Search\";\nimport Main from \"./pages/Main\";\nimport DetailDiploma from \"./pages/DetailDiploma\";\nimport NotFound from \"./pages/NotFound\";\nimport RequestDiploma from \"./pages/RequestDiploma\";\n\nimport \"antd/dist/antd.css\";\nimport \"bootstrap/dist/css/bootstrap.min.css\";\nimport \"./App.scss\";\n\nfunction App() {\n  return (\n    <Router>\n      <Switch>\n        <Route exact path=\"/\">\n          <Search />\n        </Route>\n\n        <Route exact path=\"/main\">\n          <Main />\n        </Route>\n\n        <Route exact path=\"/detail\">\n          <DetailDiploma />\n        </Route>\n\n        <Route exact path=\"/yeu-cau-cap-ban-sao\">\n          <RequestDiploma />\n        </Route>\n\n        <Route path=\"*\">\n          <NotFound />\n        </Route>\n      </Switch>\n    </Router>\n  );\n}\n\nexport default App;\n","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { Provider } from \"react-redux\";\nimport store from \"./redux/store\";\nimport App from \"./App\";\nimport \"./index.scss\";\n\nReactDOM.render(\n  <React.StrictMode>\n    <Provider store={store}>\n      <App />\n    </Provider>\n  </React.StrictMode>,\n  document.getElementById(\"root\")\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\n","export const BASE_URL = 'http://api-qlvbcc.backan.edu.vn';\n","import axios from \"axios\";\nimport {BASE_URL} from \"../requests/APIConfig\";\n\nexport const SearchBang = (params) => {\n  // const url = `https://apistaging.jbcert.vn/api/Search/SearchBang`;\n  const url = `${BASE_URL}/api/Search/SearchBang`;\n\n  return axios(url, {\n    method: \"GET\",\n    withCredentials: true,\n    params: {\n      ...params,\n    },\n  });\n};\n\nexport const SearchAdvanceBang = (params) => {\n  // const url = `https://apistaging.jbcert.vn/api/Search/AdvancedSearch`;\n  const url = `${BASE_URL}/api/Search/AdvancedSearch`;\n\n  return axios(url, {\n    method: \"GET\",\n    withCredentials: true,\n    params: {\n      ...params,\n    },\n  });\n};\n\nexport const Detail = (params) => {\n  // const url = `https://apistaging.jbcert.vn/api/Search/Detail`;\n  const url = `${BASE_URL}/api/Search/Detail`;\n\n  return axios.get(url, {\n    withCredentials: true,\n    params: {\n      ...params,\n    },\n  });\n};\n\nexport const GetCapCha = (params) => {\n  // const url = `https://apistaging.jbcert.vn/api/Captcha/GetCaptcha`;\n  const url = `${BASE_URL}/api/Captcha/GetCaptcha`;\n\n  return axios.get(url, {\n    responseType: \"arraybuffer\",\n    params: {\n      ...params,\n    },\n    withCredentials: true,\n    headers: {\n      Accept: \"application/json\",\n      \"Content-Type\": \"application/json\",\n      Cache: \"no-cache\",\n      credentials: \"same-origin\",\n    },\n  });\n};\n\n// return axios(`https://apistaging.jbcert.vn/api/Search/SearchBang`, {\n//     method: \"GET\",\n//     withCredentials: true,\n//     headers: {\n//       \"Content-Type\": \"application/json\",\n//       \"Access-Control-Allow-Credentials\": `true`,\n//     },\n//     // data: {\n//     //   ...params,\n//     // },\n//     params: {\n//       ...params,\n//     },\n//   });\n"],"sourceRoot":""}