{"version":3,"sources":["webpack:///./src/views/Company/Remis/approveCardRequest.vue","webpack:///src/views/Company/Remis/approveCardRequest.vue","webpack:///./src/views/Company/Remis/approveCardRequest.vue?0411","webpack:///./src/views/Company/Remis/approveCardRequest.vue?24bc","webpack:///./src/views/Company/Remis/approveCardRequest.vue?ff3b"],"names":["render","_vm","this","_c","_self","staticClass","staticStyle","style","backgroundImage","backgroundUrl","backgroundPosition","backgroundRepeat","backgroundSize","_v","_s","isAssign","$t","showLoader","class","_e","approvalRequest","orderBy","quantity","attrs","retainers","model","value","customer","callback","$$v","expression","chargeModes","chargeMode","unissuedCards","cardLoader","selectedCards","isButtonDisabled","cursor","on","approveRequest","require","assignCard","staticRenderFns","$","title","name","components","MasterLayout","VueTagsInput","TableLoader","Multiselect","provide","grid","data","numberOfCards","requestId","disableCheckbox","usedLang","selected","date_theme","priceVal","options","options2","options3","theme","combinedOptions","token","userInfo","tag","tags","company","cardBackgroundUrl","searchInp","prodArray","recentlyUpdated","showUpdateModal","price","branches","prodList","showAll","zone","product","activeTab","showBranchListDropDown","startDate","maxDate","endDate","pluginStartDate","pluginEndDate","dateRange","start","end","priceChangeLogLoader","customShortcuts","key","label","pageSettings","pageSizes","pageCount","pageSize","toolbar","search","operator","ignoreCase","created","mounted","searchFun","computed","countryProducts","filteredList","sortedList","filteredList2","filteredList3","selectAll","get","set","combinedArray","userDetails","JSON","user","localStorage","watch","newTags","newSelectedArray","methods","getRetainerships","configObject","isRemis","then","response","catch","error","customError","message","type","duration","e","companyID","config","clientId","cards","console","post","query","companyId","getCardRequests","requests","request","getCards","length","el","copiedResponse","twoThirdOfArr","finally","sortComparer","reference","comparer","sortComparer2","excelQueryCellInfo","args","checkViewOnly","rowDataBound","hideButton","$event","toggleChSelectAllBox","refreshGrid","toggleShowAll","toolbarClick","activateTab","toggleChckBox","getToday","month","day","year","hours","minutes","showModal","hidePriceSheduleDiv","convertThousand","toFixed","toString","replace","getZones","split","reverse","join","getPriceLog","x","dataSource","toggleBranchListDropdown","revertNumber","component"],"mappings":"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CAC,aACAC,mBACAC,mBACAC,SACAC,YACAC,YACAC,WACAC,mDACAC,2DACAhE,cACAmB,sBACA8C,yBACAC,0BACAC,mEACAC,oDACAC,8CACAC,qEACAC,gDACAC,WAAAC,2BAAAC,wBACAC,wBACAC,iBACA,CAAAC,YAAAC,qCAAArE,aACA,CACAoE,gBACAC,yCACArE,cAEA,CACAoE,gBACAC,yCACArE,SAEA,CACAoE,eACAC,wCACArE,kBAEA,CACAoE,iBACAC,0CACArE,UAEA,CACAoE,gBACAC,yCACArE,iBAGAsE,cACAC,6BACAC,YACAC,aAEAC,6CACAC,QAAAC,oBAAAC,iBAGAC,UACA,iCACA,iBAEA,8BACA,gBAEA,cACA,wBAEA,wBAIA,gBAEA,0CACA,uCAEAC,UAIA,cACA,oEACA,iBACArD,YANAT,iCACA+D,SAQAC,UACAC,2BACA,+CAEAC,eACA,0BAMA,OAJAC,cACA,gCAGA,gBACA,gDAGAC,gBACA,2BAIA,OAHAD,cACA,gCAEA,gBACA,gDAGAE,gBACA,2BAKA,OAJAF,cACA,gCAGA,gBACA,gDAGAG,WACAC,iBACAC,gBACA,MACA,KACA,sDAWA,GALAC,EAHA,sBACA,kDAEAA,0CAEAA,GAGA,EAGA,OAFA,qBACA,aAGA,IACAA,uBACA1D,mBAEA,gBACA,eAIA2D,aACAH,MACA,4CACAI,gDACA,KAUA,OARA,IACA,SACA,SACAC,0BACAC,wDAIA,GAEAL,WAGAM,OASAhC,wBACA,+BACA,yDACA,gBAEA,qDACA,gBAEA,qBAGAnB,WACA,WACA,gBAEA,cACA,wBAEA,yBAIAD,mBACA,SAEA,qBACAqD,cACAC,YAEA,iBAEAD,cACAC,iBAIA,sBACA,wCAEA,wBAEA,yBAGAjG,iBACA,kBACA,8CAIAkG,SAIAC,mBACA,mBACA,WACAX,IACA,0DACA,4BACA,4BACA,kCAEAY,mBAAAC,cAEAC,KAAAC,IACA,mBAEA,kCAEAC,MAAAC,IAGA,MAFA,mBAIAC,EADA,WACAA,wBAEAA,UAGA,kBACAC,UACAC,aACAC,kBAMA9F,cAGA,MAFA+F,mBAGA,gDACAC,yDAIA,2BAAAV,aAGA,GAFAW,8CAEA,cAMA,YALA,kBACAL,kDACAC,aACAC,eAKA,oDAMA,YALA,kBACAF,sDACAC,aACAC,eAKA,oDAMA,YALA,kBACAF,gDACAC,aACAC,eAKA,OACAI,0BACAC,8CACA5G,kCAEA6G,uBACAlG,oBACA,yBAEA,WACAmG,KACA,gEACA,4BACA,4BACA,kBAEAzF,EACAqF,GAEAV,KAAAC,IACA,yBACAtF,oBACA,kBACA0F,qDACAC,eACAC,eAEA,gBACA,eAGAL,MAAAC,IAIA,MAHA,yBACAxF,oBAIAyF,EADA,WACAA,wBAEAA,UAGA,kBACAC,UACAC,aACAC,eAGAM,kBAKAtG,kBAGA,MAFAiG,mBAGA,gDACAC,yDAIA,2BAAAV,aACAW,6CAEA,OACAnF,yBACAqF,+CAGA,yBACAjG,oBAEA,WACAmG,KACA,GACAhB,kEAEA,4BACA,4BACA,kBAEAzE,EACAqF,GAEAV,KAAAC,IACA,yBACAtF,oBACA,kBACA0F,qDACAC,eACAC,eAGA,mBACA1F,oBACAkG,OACAC,yCAIA,2CAEAd,MAAAC,IAIA,MAHA,mBACAxF,oBAIAyF,EADA,WACAA,wBAEAA,UAEA,kBACAC,UACAC,aACAC,eAGAM,kBAKAI,kBACA,gDACAR,iEAEA,mBAEA,WACAvB,IACA,+DACA,4BACA,4BACA,mCAGAY,mBAAAC,cAEAC,KAAAC,IACA,yBACAiB,cACAC,6CACA,gBAIA,iCACA,uBACA,GACA,qBAEAjB,MAAAC,IAGA,MAFA,mBAIAC,EADA,WACAA,wBAEAA,UAGA,kBACAC,UACAC,aACAC,kBAMAa,WACA,mBAEA,WACAlC,IACA,wDACA,4BACA,4BACA,kCAGAY,mBAAAC,cAEAC,KAAAC,IACA,oBACA,gDACA,YAEA,6CACA,YACAoB,QAEA,+BACA,gCAGA,6CAEA,+BACAC,oBACAA,uBAGA,8BACA,KACA,KACA,KAEAC,kBACA,2BAEA,MACA1F,YAIA,eACA0F,aACAA,YAGAC,kBACA,2BACA,KACA1F,UAEAC,YAIA,sCAEA,eACA,gBACA,gBAEA,qCAEAmE,MAAAC,IACA,kBACAE,8BACAC,aACAC,iBAGAkB,QAAA,KACA,sBAMAC,kBAGA,OAFAC,wCACAC,wCACA,KACA,EACA,IACA,EAEA,GAGAC,mBAGA,OAFAF,uBACAC,uBACA,KAEAE,sBAEAC,gCACAA,kCAEAA,qCAGAC,gBACA,uDAGAC,0BACA,6BACAF,mCAEA,6BACAA,qCAGAG,cACAC,mBACAA,8BACA,mDAGAC,wBACA,iBACAD,oBAEAA,qBAGAE,cACA,+BAEAC,iBACA,mCAEAC,gBACA,oBACA,iBACA,gCACA,MACA,mBACA,kCACA,QAGAC,eACA,iBACA,uCACA,oBAGAC,iBACA,yBACA,qBACA,wCACA,+BACA,+CACA,MACA,mCAEA,gCAIA,uCACA,0CACA,wBAKAC,WACA,eACAC,sBACAC,iBACAC,kBAEA,sBACA,sBAEA,mBACA,iBACA,kBACAC,MACAA,QACAC,eACAD,eACA,oBAGA,8BACA,gCAEAE,eACAb,mBACA,kEAQA,cAQA,iBACA,kBACA9B,4CACAC,aACAC,eAIA,uBACA,kBACAF,qDACAC,aACAC,gBAIA,kBACA,wBACA,iDACA,sBA1BA,kBACAF,iDACAC,aACAC,eAXA,kBACAF,8CACAC,aACAC,gBAmCA0C,sBACA,iDACA,qDAGAC,mBACA,4BACA,OAEA,YAGA,EACAC,QAAA,GACAC,WACAC,QAAA,6BALA,QAOAC,WACA,mBACA,WACApE,IACA,sCACA,4BACA,4BACA,kBAEAY,qBAEAE,KAAAC,IACAA,mBACA,oCAEAA,uBACAjD,YACA,eACAuG,MAAA,QACAA,MAAA,KACAC,UACAC,KAAA,KACAzG,2CACA,kBAGA,mBACA,oBAEAkD,MAAAC,QAGAuD,cACA,mBACA,6BACA,WACAxE,IACA,+CACA,4BACA,4BACA,6BACA,yCACAY,qBAEAE,KAAAC,IACA,6BACAA,mBACA,2BAEAA,mBACA,0BAEAA,uBACA0D,YACAA,0DACAA,oDACAA,wDAEA,mBACA,gDACAC,oBAEA,qBAEA1D,MAAAC,IACA,6BACA,sBAGA0D,2BACA,0DAEAC,gBACA,4CCxsC0X,I,wBCQtXC,EAAY,eACd,EACA/L,EACA0C,GACA,EACA,KACA,WACA,MAIa,aAAAqJ,E,2CCnBf","file":"js/chunk-6990ca64.1e9f3320.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('MasterLayout',[_c('div',{staticClass:\"fuel_consumption_row\"},[_c('div',{staticClass:\"py-4 fuel_consumption_row_right_section mr-3 pump__bg\",staticStyle:{\"border-radius\":\"12px\",\"flex\":\"0 0 97%\"},style:([\n          {\n            backgroundImage: `linear-gradient(rgb(41, 39, 39 , 0.92), rgb(41, 39, 39, 0.92)), url(${_vm.backgroundUrl})`,\n            backgroundPosition: 'center',\n            backgroundRepeat: 'no-repeat',\n            backgroundSize: 'cover',\n          },\n        ])},[_c('div',{staticClass:\"row align-items-center justify-content-center\",staticStyle:{\"height\":\"100%\"}},[_c('div',{staticClass:\"col-md-12\",staticStyle:{\"display\":\"flex\",\"justify-content\":\"center\"}},[_c('h4',{staticClass:\"text-center text-white\"},[_vm._v(\"\\n              \"+_vm._s(!_vm.isAssign\n                  ? _vm.$t(\"text.retainership.approveRequest\")\n                  : _vm.$t(\"text.retainership.assignCard\"))+\"\\n            \")])])]),_vm._v(\" \"),_c('div',{staticClass:\"transaction_period_text text-center mt-5\"})])]),_vm._v(\" \"),_c('section',{staticClass:\"mt-3 pump__details__section_2\"},[(_vm.showLoader)?_c('div',{staticClass:\"showLoaderDiv charts__loader w-full mt-5 rounded-lg w-full\",staticStyle:{\"width\":\"100% !important\",\"height\":\"100%\"}},[_c('div',{class:_vm.showLoader ? 'loading' : null})]):_vm._e(),_vm._v(\" \"),(!_vm.showLoader)?_c('div',{staticClass:\"row add_driver_row record__expenses\"},[_c('div',{staticClass:\"col-md-12\",staticStyle:{\"padding-right\":\"0px\"}},[_c('div',{staticClass:\"drivers_list\"},[_c('div',{staticClass:\"product_summary__wrapper\",staticStyle:{\"padding\":\"1px\"}},[(_vm.approvalRequest)?_c('div',{staticClass:\"mt-4 ml-4\",staticStyle:{\"margin-bottom\":\"-30px\"}},[_c('p',[_c('span',{staticClass:\"mr-2 font-weight-bold\"},[_vm._v(\"Name:\")]),_vm._v(\"\\n                  \"+_vm._s(_vm.approvalRequest.orderBy)+\"\\n                \")]),_vm._v(\" \"),_c('p',[_c('span',{staticClass:\"mr-2 font-weight-bold\",staticStyle:{\"margin-top\":\"-50px\"}},[_vm._v(\"Quantity:\")]),_vm._v(\"\\n                  \"+_vm._s(_vm.approvalRequest && _vm.approvalRequest.quantity)+\"\\n                \")])]):_vm._e(),_vm._v(\" \"),(_vm.isAssign)?_c('div',[_c('div',{staticClass:\"mt-3 mx-auto form_input_section\",staticStyle:{\"width\":\"95%\"}},[_c('multiselect',{attrs:{\"options\":_vm.retainers,\"multiple\":false,\"close-on-select\":true,\"clear-on-select\":false,\"preserve-search\":true,\"placeholder\":\"Select Client\",\"label\":\"name\",\"track-by\":\"id\"},model:{value:(_vm.customer),callback:function ($$v) {_vm.customer=$$v},expression:\"customer\"}})],1),_vm._v(\" \"),_c('div',{staticClass:\"mt-3 mx-auto\",staticStyle:{\"width\":\"95%\"}},[_c('div',{staticClass:\"mt-3\"},[_c('multiselect',{attrs:{\"placeholder\":\"Select Charge Mode\",\"options\":_vm.chargeModes,\"multiple\":false,\"close-on-select\":true,\"clear-on-select\":false,\"preserve-search\":true,\"label\":\"name\",\"track-by\":\"value\"},model:{value:(_vm.chargeMode),callback:function ($$v) {_vm.chargeMode=$$v},expression:\"chargeMode\"}})],1)])]):_vm._e(),_vm._v(\" \"),_c('div',{staticClass:\"price_change_form_section mt-5\"},[_c('form',[_c('div',[_c('multiselect',{attrs:{\"options\":_vm.unissuedCards,\"loading\":_vm.cardLoader,\"multiple\":true,\"close-on-select\":true,\"clear-on-select\":false,\"preserve-search\":true,\"placeholder\":\"Select Card(s)\",\"label\":\"cardNumber\",\"track-by\":\"cardNumber\"},model:{value:(_vm.selectedCards),callback:function ($$v) {_vm.selectedCards=$$v},expression:\"selectedCards\"}})],1),_vm._v(\" \"),_c('div',{staticClass:\"row align-items-center mt-5 justify-content-center update_price_btn_divs\"},[_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},[(!_vm.isAssign)?_c('button',{staticClass:\"save__btn record_expense_btn mr-2 btn_primary_color\",staticStyle:{\"width\":\"100%\"},style:([\n                              _vm.isButtonDisabled\n                                ? { cursor: 'not-allowed' }\n                                : { cursor: 'pointer' },\n                            ]),attrs:{\"disabled\":_vm.isButtonDisabled ? true : null},on:{\"click\":_vm.approveRequest}},[_vm._v(\"\\n                            \"+_vm._s(_vm.$t(\"text.retainership.approveRequest\"))+\"\\n                            \"),_c('span',[_c('img',{staticClass:\"loader ml-2\",staticStyle:{\"display\":\"none\"},attrs:{\"src\":require(\"@/assets/img/git_loader.gif\"),\"width\":\"25px\"}})])]):_vm._e(),_vm._v(\" \"),(_vm.isAssign)?_c('button',{staticClass:\"save__btn record_expense_btn mr-2 btn_primary_color\",staticStyle:{\"width\":\"100%\"},style:([\n                              _vm.isButtonDisabled\n                                ? { cursor: 'not-allowed' }\n                                : { cursor: 'pointer' },\n                            ]),attrs:{\"disabled\":_vm.isButtonDisabled ? true : null},on:{\"click\":_vm.assignCard}},[_vm._v(\"\\n                            \"+_vm._s(_vm.$t(\"text.retainership.assignCard\"))+\"\\n                            \"),_c('span',[_c('img',{staticClass:\"loader ml-2\",staticStyle:{\"display\":\"none\"},attrs:{\"src\":require(\"@/assets/img/git_loader.gif\"),\"width\":\"25px\"}})])]):_vm._e()])])])])])])])])])]):_vm._e()])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <MasterLayout>\r\n      <div class=\"fuel_consumption_row\">\r\n        <div\r\n          class=\"py-4 fuel_consumption_row_right_section mr-3 pump__bg\"\r\n          style=\"border-radius: 12px; flex: 0 0 97%\"\r\n          :style=\"[\r\n            {\r\n              backgroundImage: `linear-gradient(rgb(41, 39, 39 , 0.92), rgb(41, 39, 39, 0.92)), url(${backgroundUrl})`,\r\n              backgroundPosition: 'center',\r\n              backgroundRepeat: 'no-repeat',\r\n              backgroundSize: 'cover',\r\n            },\r\n          ]\"\r\n        >\r\n          <div\r\n            class=\"row align-items-center justify-content-center\"\r\n            style=\"height: 100%\"\r\n          >\r\n            <div\r\n              class=\"col-md-12\"\r\n              style=\"display: flex; justify-content: center\"\r\n            >\r\n              <h4 class=\"text-center text-white\">\r\n                {{\r\n                  !isAssign\r\n                    ? $t(\"text.retainership.approveRequest\")\r\n                    : $t(\"text.retainership.assignCard\")\r\n                }}\r\n              </h4>\r\n            </div>\r\n          </div>\r\n          <div class=\"transaction_period_text text-center mt-5\"></div>\r\n        </div>\r\n      </div>\r\n      <section class=\"mt-3 pump__details__section_2\">\r\n        <!-- LOADER -->\r\n        <div\r\n          class=\"showLoaderDiv charts__loader w-full mt-5 rounded-lg w-full\"\r\n          style=\"width: 100% !important; height: 100%\"\r\n          v-if=\"showLoader\"\r\n        >\r\n          <div :class=\"showLoader ? 'loading' : null\"></div>\r\n        </div>\r\n        <!-- END LOADER -->\r\n\r\n        <div v-if=\"!showLoader\" class=\"row add_driver_row record__expenses\">\r\n          <div class=\"col-md-12\" style=\"padding-right: 0px\">\r\n            <div class=\"drivers_list\">\r\n              <div class=\"product_summary__wrapper\" style=\"padding: 1px\">\r\n                <!-- details of the client's request -->\r\n                <div\r\n                  class=\"mt-4 ml-4\"\r\n                  style=\"margin-bottom: -30px\"\r\n                  v-if=\"approvalRequest\"\r\n                >\r\n                  <p>\r\n                    <span class=\"mr-2 font-weight-bold\">Name:</span>\r\n                    {{ approvalRequest.orderBy }}\r\n                  </p>\r\n                  <p>\r\n                    <span\r\n                      class=\"mr-2 font-weight-bold\"\r\n                      style=\"margin-top: -50px\"\r\n                      >Quantity:</span\r\n                    >\r\n                    {{ approvalRequest && approvalRequest.quantity }}\r\n                  </p>\r\n                </div>\r\n                <!-- select a customer -->\r\n\r\n                <div v-if=\"isAssign\">\r\n                  <div\r\n                    style=\"width: 95%\"\r\n                    class=\"mt-3 mx-auto form_input_section\"\r\n                  >\r\n                    <multiselect\r\n                      v-model=\"customer\"\r\n                      :options=\"retainers\"\r\n                      :multiple=\"false\"\r\n                      :close-on-select=\"true\"\r\n                      :clear-on-select=\"false\"\r\n                      :preserve-search=\"true\"\r\n                      placeholder=\"Select Client\"\r\n                      label=\"name\"\r\n                      track-by=\"id\"\r\n                    >\r\n                    </multiselect>\r\n                  </div>\r\n                  <!-- old dropdown -->\r\n                  <!-- <div\r\n                    style=\"width: 95%\"\r\n                    class=\"mt-3 mx-auto form_input_section\"\r\n                  >\r\n                    <div class=\"mt-3 input__block\">\r\n                      <select v-model=\"customer\">\r\n                        <option value=\"null\" selected disabled>\r\n                          {{ $t(\"text.retainership.selectClient\") }}\r\n                        </option>\r\n                        <option\r\n                          :value=\"customer.clientId\"\r\n                          v-for=\"(customer, index) in retainers\"\r\n                          :key=\"index\"\r\n                        >\r\n                          <span>\r\n                            {{ customer.name }}\r\n                          </span>\r\n                        </option>\r\n                      </select>\r\n                    </div>\r\n                  </div> -->\r\n\r\n                  <div style=\"width: 95%\" class=\"mt-3 mx-auto\">\r\n                    <!-- input__block -->\r\n                    <div class=\"mt-3\">\r\n                      <multiselect\r\n                        placeholder=\"Select Charge Mode\"\r\n                        v-model=\"chargeMode\"\r\n                        :options=\"chargeModes\"\r\n                        :multiple=\"false\"\r\n                        :close-on-select=\"true\"\r\n                        :clear-on-select=\"false\"\r\n                        :preserve-search=\"true\"\r\n                        label=\"name\"\r\n                        track-by=\"value\"\r\n                      >\r\n                      </multiselect>\r\n                      <!-- <select v-model=\"chargeMode\">\r\n                        <option value=\"selectChargeMode\" selected disabled>\r\n                          {{ $t(\"text.retainership.selectChargeMode\") }}\r\n                        </option>\r\n\r\n                        <option value=\"0\">\r\n                          {{ $t(\"text.retainership.billClient\") }}\r\n                        </option>\r\n\r\n                        <option value=\"1\">\r\n                          {{ $t(\"text.retainership.dontBill\") }}\r\n                        </option>\r\n                      </select> -->\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n\r\n                <div class=\"price_change_form_section mt-5\">\r\n                  <form>\r\n                    <!-- multiselect card -->\r\n                    <div>\r\n                      <multiselect\r\n                        v-model=\"selectedCards\"\r\n                        :options=\"unissuedCards\"\r\n                        :loading=\"cardLoader\"\r\n                        :multiple=\"true\"\r\n                        :close-on-select=\"true\"\r\n                        :clear-on-select=\"false\"\r\n                        :preserve-search=\"true\"\r\n                        placeholder=\"Select Card(s)\"\r\n                        label=\"cardNumber\"\r\n                        track-by=\"cardNumber\"\r\n                      >\r\n                      </multiselect>\r\n                    </div>\r\n                    <!-- <div class=\"row mt-5 justify-content-center;\">\r\n                      <div class=\"col-md-12\">\r\n                        <label>{{ $t(\"text.retainership.cardList\") }}</label>\r\n                        <div class=\"price_change_input_wrapper\">\r\n                          <div\r\n                            @click=\"toggleBranchListDropdown\"\r\n                            style=\"padding: 5px\"\r\n                          >\r\n                            <vue-tags-input\r\n                              v-model=\"tag\"\r\n                              :tags=\"tags\"\r\n                              @tags-changed=\"(newTags) => (tags = newTags)\"\r\n                            />\r\n                          </div>\r\n\r\n                          <div class=\"\">\r\n                            <div class=\"search__wrapper\">\r\n                              <div class=\"row align-items-center\">\r\n                                <div class=\"col-md-10\">\r\n                                  <input\r\n                                    type=\"search\"\r\n                                    :placeholder=\"\r\n                                      $t('text.cUsers.createUser.search')\r\n                                    \"\r\n                                    v-model=\"searchInp\"\r\n                                  />\r\n                                </div>\r\n                                <div class=\"col-md-2\">\r\n                                  <i\r\n                                    class=\"fa fa-search\"\r\n                                    aria-hidden=\"true\"\r\n                                    style=\"color: #b6b6b6\"\r\n                                  ></i>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                            <div\r\n                              class=\"row mt-3\"\r\n                              style=\"width: 100%; margin: 0 auto\"\r\n                            >\r\n                              <div class=\"col-md-4\">\r\n                                <div classs=\"\">\r\n                                  <b-form-checkbox\r\n                                    id=\"selectAll\"\r\n                                    v-model=\"selectAll\"\r\n                                    class=\"sec_text_color\"\r\n                                  >\r\n                                    {{ $t(\"text.retainership.selectAllCards\") }}\r\n                                  </b-form-checkbox>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                            <div\r\n                              class=\"row justify-content-center mt-3\"\r\n                              style=\"width: 100%; margin: 0 auto\"\r\n                            >\r\n                              <div class=\"col-md-4\">\r\n                                <div class=\"\">\r\n                                  <b-form-group\r\n                                    label=\"\"\r\n                                    v-on:click.native=\"toggleChckBox($event)\"\r\n                                  >\r\n                                    <b-form-checkbox-group\r\n                                      v-model=\"selected\"\r\n                                      :options=\"filteredList\"\r\n                                      name=\"flavour-2a\"\r\n                                      :disabled=\"disableCheckbox\"\r\n                                      stacked\r\n                                    >\r\n                                    </b-form-checkbox-group>\r\n                                  </b-form-group>\r\n                                </div>\r\n                              </div>\r\n                              <div class=\"col-md-4\">\r\n                                <b-form-group\r\n                                  label=\"\"\r\n                                  v-on:click.native=\"toggleChckBox($event)\"\r\n                                >\r\n                                  <b-form-checkbox-group\r\n                                    v-model=\"selected\"\r\n                                    :options=\"filteredList2\"\r\n                                    name=\"flavour-2a\"\r\n                                    stacked\r\n                                    :disabled=\"disableCheckbox\"\r\n                                  >\r\n                                  </b-form-checkbox-group>\r\n                                </b-form-group>\r\n                              </div>\r\n                              <div class=\"col-md-4\">\r\n                                <b-form-group\r\n                                  label=\"\"\r\n                                  v-on:click.native=\"toggleChckBox($event)\"\r\n                                >\r\n                                  <b-form-checkbox-group\r\n                                    v-model=\"selected\"\r\n                                    :options=\"filteredList3\"\r\n                                    name=\"flavour-2a\"\r\n                                    stacked\r\n                                    :disabled=\"disableCheckbox\"\r\n                                  >\r\n                                  </b-form-checkbox-group>\r\n                                </b-form-group>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div> -->\r\n                    <div\r\n                      class=\"row align-items-center mt-5 justify-content-center update_price_btn_divs\"\r\n                    >\r\n                      <div class=\"col-md-12\">\r\n                        <div class=\"row\">\r\n                          <div class=\"col-md-12\">\r\n                            <!-- approve request -->\r\n                            <button\r\n                              v-if=\"!isAssign\"\r\n                              class=\"save__btn record_expense_btn mr-2 btn_primary_color\"\r\n                              style=\"width: 100%\"\r\n                              @click=\"approveRequest\"\r\n                              :disabled=\"isButtonDisabled ? true : null\"\r\n                              :style=\"[\r\n                                isButtonDisabled\r\n                                  ? { cursor: 'not-allowed' }\r\n                                  : { cursor: 'pointer' },\r\n                              ]\"\r\n                            >\r\n                              {{ $t(\"text.retainership.approveRequest\") }}\r\n                              <span>\r\n                                <img\r\n                                  src=\"@/assets/img/git_loader.gif\"\r\n                                  style=\"display: none\"\r\n                                  width=\"25px\"\r\n                                  class=\"loader ml-2\"\r\n                                />\r\n                              </span>\r\n                            </button>\r\n                            <!--  -->\r\n\r\n                            <!-- assign cards directly to client -->\r\n                            <button\r\n                              v-if=\"isAssign\"\r\n                              class=\"save__btn record_expense_btn mr-2 btn_primary_color\"\r\n                              style=\"width: 100%\"\r\n                              @click=\"assignCard\"\r\n                              :disabled=\"isButtonDisabled ? true : null\"\r\n                              :style=\"[\r\n                                isButtonDisabled\r\n                                  ? { cursor: 'not-allowed' }\r\n                                  : { cursor: 'pointer' },\r\n                              ]\"\r\n                            >\r\n                              {{ $t(\"text.retainership.assignCard\") }}\r\n                              <span>\r\n                                <img\r\n                                  src=\"@/assets/img/git_loader.gif\"\r\n                                  style=\"display: none\"\r\n                                  width=\"25px\"\r\n                                  class=\"loader ml-2\"\r\n                                />\r\n                              </span>\r\n                            </button>\r\n                            <!--  -->\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </form>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </section>\r\n    </MasterLayout>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Vue from \"vue\";\r\nimport MasterLayout from \"@/views/Company/MasterLayout.vue\";\r\nimport backgroundUrl from \"@/assets/img/MobileWallet.png\";\r\nimport cardBackgroundUrl from \"@/assets/img/Group393.svg\";\r\nimport configObject from \"@/config\";\r\nimport {\r\n  Page,\r\n  Sort,\r\n  Toolbar,\r\n  Search,\r\n  ExcelExport,\r\n  PdfExport,\r\n} from \"@syncfusion/ej2-vue-grids\";\r\nimport VueTagsInput from \"@johmun/vue-tags-input\";\r\nimport TableLoader from \"@/components/tableLoader/index\";\r\nimport Multiselect from \"vue-multiselect\";\r\n\r\nimport JQuery from \"jquery\";\r\nlet $ = JQuery;\r\n\r\nexport default {\r\n  title: \"Retainership  :: Epump Portal\",\r\n  name: \"DashboardHome\",\r\n  components: {\r\n    MasterLayout,\r\n    VueTagsInput,\r\n    TableLoader,\r\n\r\n    Multiselect,\r\n  },\r\n  provide: {\r\n    grid: [Page, Sort, Toolbar, Search, ExcelExport, PdfExport],\r\n  },\r\n  data() {\r\n    return {\r\n      chargeMode: null,\r\n      chargeModes: [\r\n        {\r\n          name: this.$t(\"text.retainership.billClient\"),\r\n          value: 0,\r\n        },\r\n\r\n        {\r\n          name: this.$t(\"text.retainership.dontBill\"),\r\n          value: 1,\r\n        },\r\n      ],\r\n      unissuedCards: [],\r\n      cardLoader: false,\r\n      selectedCards: null,\r\n      isAssign: this.$route.query.assign,\r\n      customer: null,\r\n      retainers: [],\r\n      numberOfCards: 0,\r\n      requestId: this.$route.query.requestId,\r\n      approvalRequest: null,\r\n      disableCheckbox: false,\r\n\r\n      usedLang: this.$store.getters.getLanguage,\r\n      // countryProducts: localStorage.getItem('countryProducts') ? JSON.parse(localStorage.countryProducts) : countryProducts,\r\n      selected: [],\r\n      date_theme: \"purple\",\r\n      priceVal: \"\",\r\n      options: [],\r\n      options2: [],\r\n      options3: [],\r\n      theme: \"#370F70\",\r\n      combinedOptions: [],\r\n      backgroundUrl,\r\n\r\n      token: null,\r\n      userInfo: JSON.parse(localStorage.getItem(\"userDetails\")),\r\n\r\n      tag: \"\",\r\n      tags: [],\r\n      company: null,\r\n      cardBackgroundUrl,\r\n      searchInp: \"\",\r\n      prodArray: [],\r\n      recentlyUpdated: [],\r\n      showUpdateModal: false,\r\n      price: \"\",\r\n      branches: [],\r\n      prodList: [],\r\n      showAll: false,\r\n      zone: this.$tc(\"text.priceManagement.selectZone\", 2),\r\n      product: this.$t(\"text.priceManagement.selectProductSmall\"),\r\n      showLoader: false,\r\n      isButtonDisabled: null,\r\n      activeTab: \"change_price\",\r\n      showBranchListDropDown: false,\r\n      startDate: this.$moment().subtract(7, \"days\").format(\"MMMM D, YYYY\"),\r\n      maxDate: this.$moment(new Date()).format(\"YYYY-MM-DD\"),\r\n      endDate: this.$moment().format(\"MMMM D, YYYY\"),\r\n      pluginStartDate: this.$moment().subtract(7, \"days\").format(\"D-M-YYYY\"),\r\n      pluginEndDate: this.$moment().format(\"D-M-YYYY\"),\r\n      dateRange: { start: this.pluginStartDate, end: this.pluginEndDate },\r\n      priceChangeLogLoader: false,\r\n      customShortcuts: [\r\n        { key: \"Today\", label: this.$t(\"text.calendar.today\"), value: \"day\" },\r\n        {\r\n          key: \"yesterday\",\r\n          label: this.$t(\"text.calendar.yesterday\"),\r\n          value: \"-day\",\r\n        },\r\n        {\r\n          key: \"last7Days\",\r\n          label: this.$t(\"text.calendar.last7Days\"),\r\n          value: 7,\r\n        },\r\n        {\r\n          key: \"lastWeek\",\r\n          label: this.$t(\"text.calendar.lastWeek\"),\r\n          value: \"-isoWeek\",\r\n        },\r\n        {\r\n          key: \"last30Days\",\r\n          label: this.$t(\"text.calendar.last30Days\"),\r\n          value: 30,\r\n        },\r\n        {\r\n          key: \"lastMonth\",\r\n          label: this.$t(\"text.calendar.lastMonth\"),\r\n          value: \"-month\",\r\n        },\r\n      ],\r\n      pageSettings: {\r\n        pageSizes: [10, 20, 50, 100, 200],\r\n        pageCount: 4,\r\n        pageSize: 10,\r\n      },\r\n      toolbar: [\"ExcelExport\", \"PdfExport\", \"Search\"],\r\n      search: { operator: \"contains\", ignoreCase: true },\r\n    };\r\n  },\r\n  created() {\r\n    this.$eventHub.$on(\"company\", (company) => {\r\n      this.company = company;\r\n    });\r\n    if (this.$route.query.companyId) {\r\n      this.getCards();\r\n\r\n      if (this.isAssign) {\r\n        this.getRetainerships();\r\n      } else {\r\n        this.getCardRequests();\r\n      }\r\n    }\r\n\r\n    this.getToday();\r\n\r\n    this.dateRange.start = this.pluginStartDate;\r\n    this.dateRange.end = this.pluginEndDate;\r\n  },\r\n  mounted() {\r\n    $(\".e-input\").keyup(function (e) {\r\n      searchFun(e);\r\n    });\r\n    function searchFun(event) {\r\n      var grid = document.getElementsByClassName(\"e-grid\")[0].ej2_instances[0];\r\n      var value = event.target.value;\r\n      grid.search(value);\r\n    }\r\n  },\r\n  computed: {\r\n    countryProducts: function () {\r\n      return this.$store.getters.getCountryProducts;\r\n    },\r\n    filteredList() {\r\n      const sortedList = [...this.options];\r\n\r\n      sortedList.sort((a, b) => {\r\n        return a.expiryDate > b.expiryDate ? 1 : -1;\r\n      });\r\n\r\n      return sortedList.filter((ch, i) => {\r\n        return ch.text.toLowerCase().includes(this.searchInp);\r\n      });\r\n    },\r\n    filteredList2() {\r\n      const sortedList = [...this.options2];\r\n      sortedList.sort((a, b) => {\r\n        return a.expiryDate > b.expiryDate ? 1 : -1;\r\n      });\r\n      return sortedList.filter((ch, i) => {\r\n        return ch.text.toLowerCase().includes(this.searchInp);\r\n      });\r\n    },\r\n    filteredList3() {\r\n      const sortedList = [...this.options3];\r\n      sortedList.sort((a, b) => {\r\n        return a.expiryDate > b.expiryDate ? 1 : -1;\r\n      });\r\n\r\n      return sortedList.filter((ch, i) => {\r\n        return ch.text.toLowerCase().includes(this.searchInp);\r\n      });\r\n    },\r\n    selectAll: {\r\n      get: function () {},\r\n      set: function (value) {\r\n        let combinedArray;\r\n        let selected = [];\r\n        let totalCards = [...this.options, ...this.options2, ...this.options3];\r\n\r\n        if (\r\n          this.approvalRequest &&\r\n          this.approvalRequest.quantity <= this.numberOfCards\r\n        ) {\r\n          combinedArray = totalCards.splice(0, this.approvalRequest.quantity);\r\n        } else {\r\n          combinedArray = totalCards;\r\n        }\r\n\r\n        if (!value) {\r\n          this.selected = selected;\r\n          this.tags = selected;\r\n          return;\r\n        }\r\n        if (value) {\r\n          combinedArray.forEach(function (opt) {\r\n            selected.push(opt.value);\r\n          });\r\n          this.selected = selected;\r\n          this.tags = selected;\r\n        }\r\n      },\r\n    },\r\n    userDetails: {\r\n      get() {\r\n        const user = localStorage.getItem(\"userDetails\")\r\n          ? JSON.parse(localStorage.getItem(\"userDetails\"))\r\n          : null;\r\n\r\n        if (user) {\r\n          if (!user.roles) {\r\n            if (user.role) {\r\n              user.roles = user.role.split(\",\");\r\n              localStorage.setItem(\"userDetails\", JSON.stringify(user));\r\n            }\r\n          }\r\n        }\r\n        return user;\r\n      },\r\n      set(value) {},\r\n    },\r\n  },\r\n  watch: {\r\n    // searchInp(text) {\r\n    //   if (text !== null) {\r\n\r\n    //     setTimeout(() => {\r\n    //       this.getCards();\r\n    //     }, 500);\r\n    //   }\r\n    // },\r\n    dateRange: function (newRange, oldRange) {\r\n      if (newRange.start !== null && newRange.end !== null) {\r\n        this.startDate = this.$moment(newRange.start, \"DD-MM-YYYY\").format(\r\n          \"MMMM D, YYYY\"\r\n        );\r\n        this.endDate = this.$moment(newRange.end, \"DD-MM-YYYY\").format(\r\n          \"MMMM D, YYYY\"\r\n        );\r\n        this.getPriceLog();\r\n      }\r\n    },\r\n    company(company) {\r\n      if (company !== null) {\r\n        this.getCards();\r\n\r\n        if (this.isAssign) {\r\n          this.getRetainerships();\r\n        } else {\r\n          this.getCardRequests();\r\n        }\r\n      }\r\n    },\r\n    tags: function (newTags, oldTags) {\r\n      let newSelectedArray = [];\r\n\r\n      if (newTags.length === oldTags.length) {\r\n        newTags.forEach((tg) => {\r\n          newSelectedArray.push(tg);\r\n        });\r\n        this.selected = newSelectedArray;\r\n      } else {\r\n        newTags.forEach((tg) => {\r\n          newSelectedArray.push(tg.text);\r\n        });\r\n      }\r\n      if (\r\n        this.approvalRequest &&\r\n        this.approvalRequest.quantity <= newSelectedArray.length\r\n      ) {\r\n        this.disableCheckbox = true;\r\n      } else {\r\n        this.disableCheckbox = false;\r\n      }\r\n    },\r\n    value: function () {\r\n      if (this.value !== \"\") {\r\n        this.$refs.date_label.style.display = \"none\";\r\n      }\r\n    },\r\n  },\r\n  methods: {\r\n    //Requests\r\n\r\n    // get registered retainership companies\r\n    getRetainerships() {\r\n      this.showLoader = true;\r\n      this.axios\r\n        .get(\r\n          `${configObject.remisBaseUrl}/D/Retainership/Customer/Clients/${\r\n            this.$route.query.companyId\r\n              ? this.$route.query.companyId\r\n              : this.company.id\r\n          }?PageLimit=${10000}`,\r\n          configObject.authConfig({ isRemis: true })\r\n        )\r\n        .then((response) => {\r\n          this.showLoader = false;\r\n\r\n          this.retainers = response.data.data.data;\r\n        })\r\n        .catch((error) => {\r\n          this.showLoader = false;\r\n\r\n          let customError;\r\n          if (error.response) {\r\n            customError = error.response.data.message;\r\n          } else {\r\n            customError = error.message;\r\n          }\r\n\r\n          this.$toast.open({\r\n            message: customError,\r\n            type: \"error\",\r\n            duration: 5000,\r\n          });\r\n        });\r\n    },\r\n\r\n    //asign cards to client directly\r\n    assignCard(e) {\r\n      e.preventDefault();\r\n\r\n      let companyID;\r\n      if (localStorage.getItem(\"companyDetails\") !== null) {\r\n        companyID = JSON.parse(localStorage.getItem(\"companyDetails\")).id;\r\n      }\r\n\r\n      //changing content type\r\n      const config = configObject.authConfig({ isRemis: true });\r\n      config.headers[\"Content-Type\"] = \"application/json\";\r\n\r\n      if (!this.customer) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.retainership.selectClient\"),\r\n          type: \"error\",\r\n          duration: 5000,\r\n        });\r\n        return;\r\n      }\r\n\r\n      if (this.chargeMode === null || this.chargeMode === undefined) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.retainership.selectChargeMode\"),\r\n          type: \"error\",\r\n          duration: 5000,\r\n        });\r\n        return;\r\n      }\r\n\r\n      if (!this.selectedCards || this.selectedCards.length < 1) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.retainership.selectCard\"),\r\n          type: \"error\",\r\n          duration: 5000,\r\n        });\r\n        return;\r\n      }\r\n\r\n      let data = {\r\n        clientId: this.customer.id,\r\n        cards: this.selectedCards.map((card) => card.cardNumber),\r\n        chargeMode: this.chargeMode.value,\r\n      };\r\n      console.log(data, \"check\");\r\n      $(\".loader\").show();\r\n      this.isButtonDisabled = true;\r\n\r\n      this.axios\r\n        .post(\r\n          `${configObject.remisBaseUrl}/D/Retainership/Customer/addClientCard/${\r\n            this.$route.query.companyId\r\n              ? this.$route.query.companyId\r\n              : this.company.id\r\n          }`,\r\n          data,\r\n          config\r\n        )\r\n        .then((response) => {\r\n          this.isButtonDisabled = false;\r\n          $(\".loader\").hide();\r\n          this.$toast.open({\r\n            message: this.$t(\"text.retainership.assignedSuccess\"),\r\n            type: \"success\",\r\n            duration: 5000,\r\n          });\r\n          this.getCards();\r\n          this.tags = [];\r\n          // this.$eventHub.$emit(\"getRetainerships\");\r\n        })\r\n        .catch((error) => {\r\n          this.isButtonDisabled = false;\r\n          $(\".loader\").hide();\r\n\r\n          let customError;\r\n          if (error.response) {\r\n            customError = error.response.data.message;\r\n          } else {\r\n            customError = error.message;\r\n          }\r\n\r\n          this.$toast.open({\r\n            message: customError,\r\n            type: \"error\",\r\n            duration: 5000,\r\n          });\r\n\r\n          console.log(error);\r\n        });\r\n    },\r\n\r\n    //approve request\r\n    approveRequest(e) {\r\n      e.preventDefault();\r\n\r\n      let companyID;\r\n      if (localStorage.getItem(\"companyDetails\") !== null) {\r\n        companyID = JSON.parse(localStorage.getItem(\"companyDetails\")).id;\r\n      }\r\n\r\n      //changing content type\r\n      const config = configObject.authConfig({ isRemis: true });\r\n      config.headers[\"Content-Type\"] = \"application/json\";\r\n\r\n      let data = {\r\n        requestId: this.requestId,\r\n        cards: this.selectedCards.map((card) => card.cardNumber),\r\n      };\r\n\r\n      this.isButtonDisabled = true;\r\n      $(\".loader\").show();\r\n\r\n      this.axios\r\n        .post(\r\n          `${\r\n            configObject.remisBaseUrl\r\n          }/D/Retainership/Customer/ProcessCardRequest/${\r\n            this.$route.query.companyId\r\n              ? this.$route.query.companyId\r\n              : this.company.id\r\n          }`,\r\n          data,\r\n          config\r\n        )\r\n        .then((response) => {\r\n          this.isButtonDisabled = false;\r\n          $(\".loader\").hide();\r\n          this.$toast.open({\r\n            message: this.$t(\"text.retainership.assignedSuccess\"),\r\n            type: \"success\",\r\n            duration: 5000,\r\n          });\r\n\r\n          this.$router.push({\r\n            name: \"card-request\",\r\n            query: {\r\n              companyId: this.$route.query.companyId,\r\n            },\r\n          });\r\n\r\n          this.$eventHub.$emit(\"getRetainerships\");\r\n        })\r\n        .catch((error) => {\r\n          this.showLoader = false;\r\n          $(\".loader\").hide();\r\n\r\n          let customError;\r\n          if (error.response) {\r\n            customError = error.response.data.message;\r\n          } else {\r\n            customError = error.message;\r\n          }\r\n          this.$toast.open({\r\n            message: customError,\r\n            type: \"error\",\r\n            duration: 5000,\r\n          });\r\n\r\n          console.log(error);\r\n        });\r\n    },\r\n\r\n    //get card requests\r\n    getCardRequests() {\r\n      if (localStorage.getItem(\"companyDetails\") !== null) {\r\n        companyID = JSON.parse(localStorage.getItem(\"companyDetails\")).id;\r\n      }\r\n      this.showLoader = true;\r\n\r\n      this.axios\r\n        .get(\r\n          `${configObject.remisBaseUrl}/D/Retainership/Customer/CardRequests/${\r\n            this.$route.query.companyId\r\n              ? this.$route.query.companyId\r\n              : this.company.id\r\n          }?PageLimit=${100000}`,\r\n\r\n          configObject.authConfig({ isRemis: true })\r\n        )\r\n        .then((response) => {\r\n          const requests = response.data.data.data;\r\n          requests.forEach((request) => {\r\n            request.orderDate = this.$moment(request.orderDate).format(\r\n              \"YYYY/MM/DD\"\r\n            );\r\n          });\r\n\r\n          this.approvalRequest = requests.filter((request) => {\r\n            return request.id === this.requestId;\r\n          })[0];\r\n          this.showLoader = false;\r\n        })\r\n        .catch((error) => {\r\n          this.showLoader = false;\r\n\r\n          let customError;\r\n          if (error.response) {\r\n            customError = error.response.data.message;\r\n          } else {\r\n            customError = error.message;\r\n          }\r\n\r\n          this.$toast.open({\r\n            message: customError,\r\n            type: \"error\",\r\n            duration: 5000,\r\n          });\r\n        });\r\n    },\r\n\r\n    //get cards\r\n    getCards() {\r\n      this.cardLoader = true;\r\n\r\n      this.axios\r\n        .get(\r\n          `${configObject.remisBaseUrl}/D/Retainership/Customer/Cards/${\r\n            this.$route.query.companyId\r\n              ? this.$route.query.companyId\r\n              : this.company.id\r\n          }?PageLimit=${10000}`,\r\n          // ?query=${this.searchInp}\r\n          configObject.authConfig({ isRemis: true })\r\n        )\r\n        .then((response) => {\r\n          if (response.data.data.cards) {\r\n            this.unissuedCards = response.data.data.cards.filter((card) => {\r\n              return !card.clientId;\r\n            });\r\n            this.issuedCards = response.data.data.cards.filter((card) => {\r\n              return card.clientId;\r\n            }).length;\r\n          }\r\n          this.unissuedCards.sort((a, b) => {\r\n            return a.expiryDate > b.expiryDate ? 1 : -1;\r\n          });\r\n\r\n          this.numberOfCards = this.unissuedCards.length;\r\n\r\n          this.unissuedCards.forEach((el) => {\r\n            el.text = el.cardNumber;\r\n            el.value = el.cardNumber;\r\n          });\r\n\r\n          let copiedResponse = [...this.unissuedCards];\r\n          let options = [];\r\n          let options2 = [];\r\n          let options3 = [];\r\n\r\n          copiedResponse.forEach((el, index) => {\r\n            let dataLengthFirstOneThird = parseInt(copiedResponse.length / 3);\r\n\r\n            if (index <= dataLengthFirstOneThird) {\r\n              options.push(el);\r\n            }\r\n          });\r\n\r\n          let twoThirdOfArr = copiedResponse.splice(\r\n            copiedResponse.length / 3 + 1,\r\n            copiedResponse.length - 1\r\n          );\r\n\r\n          twoThirdOfArr.forEach((br, index) => {\r\n            let dataHalfList = parseInt(twoThirdOfArr.length / 2);\r\n            if (index <= dataHalfList) {\r\n              options2.push(br);\r\n            } else {\r\n              options3.push(br);\r\n            }\r\n          });\r\n\r\n          this.combinedOptions = [...options, ...options2, ...options3];\r\n\r\n          this.options = options;\r\n          this.options2 = options2;\r\n          this.options3 = options3;\r\n\r\n          this.totalCards = response.data.data.length;\r\n        })\r\n        .catch((error) => {\r\n          this.$toast.open({\r\n            message: error.response.data.title,\r\n            type: \"error\",\r\n            duration: 5000,\r\n          });\r\n        })\r\n        .finally(() => {\r\n          this.cardLoader = false;\r\n        });\r\n    },\r\n\r\n    //utilities\r\n\r\n    sortComparer(reference, comparer) {\r\n      reference = this.$moment(reference, \"DD/MM/YYYY\").format();\r\n      comparer = this.$moment(comparer, \"DD/MM/YYYY\").format();\r\n      if (reference < comparer) {\r\n        return -1;\r\n      } else if (reference > comparer) {\r\n        return 1;\r\n      } else {\r\n        return 0;\r\n      }\r\n    },\r\n    sortComparer2(reference, comparer) {\r\n      reference = this.revertNumber(reference);\r\n      comparer = this.revertNumber(comparer);\r\n      return reference - comparer;\r\n    },\r\n    excelQueryCellInfo(args) {\r\n      if (\r\n        args.column.field == \"currentPrice\" ||\r\n        args.column.field == \"previousPrice\"\r\n      ) {\r\n        args.value = this.revertNumber(args.value);\r\n      }\r\n    },\r\n    checkViewOnly() {\r\n      this.isButtonDisabled = this.$store.getters.getViewOnly;\r\n    },\r\n\r\n    rowDataBound: function (args) {\r\n      if (args.data[\"priceChanged\"] === true) {\r\n        args.row.cells[3].style.color = \"red\";\r\n      }\r\n      if (args.data[\"priceChanged\"] === false) {\r\n        args.row.cells[3].style.color = \"green\";\r\n      }\r\n    },\r\n    hideButton($event) {\r\n      $event.preventDefault();\r\n      $event.target.style.display = \"none\";\r\n      this.$refs.update_later_div.style.display = \"block\";\r\n    },\r\n\r\n    toggleChSelectAllBox($event) {\r\n      if ($event.target.checked) {\r\n        $event.target.checked = false;\r\n      } else {\r\n        $event.target.checked = true;\r\n      }\r\n    },\r\n    refreshGrid() {\r\n      this.$refs.dataGrid.refresh();\r\n    },\r\n    toggleShowAll(event) {\r\n      this.activeTab = \"price_change_log\";\r\n    },\r\n    toolbarClick(args) {\r\n      switch (args.item.text) {\r\n        case \"PDF Export\":\r\n          this.$refs.dataGrid.pdfExport();\r\n          break;\r\n        case \"Excel Export\":\r\n          this.$refs.dataGrid.excelExport();\r\n          break;\r\n      }\r\n    },\r\n    activateTab(tab) {\r\n      this.activeTab = tab;\r\n      if (this.activateTab === \"price_change_log\") {\r\n        this.getPriceLog();\r\n      }\r\n    },\r\n    toggleChckBox($event) {\r\n      if (!this.disableCheckbox) {\r\n        if ($event.target.checked) {\r\n          if (!this.tags.includes($event.target.value)) {\r\n            this.tags.push($event.target.value);\r\n            const getIndex = this.selected.indexOf($event.target.value);\r\n            if (getIndex === -1) {\r\n              this.selected.push($event.target.value);\r\n            } else {\r\n              this.selected.splice(getIndex, 1);\r\n            }\r\n          }\r\n        } else {\r\n          if (this.tags.includes($event.target.value)) {\r\n            const getIndex = this.tags.indexOf($event.target.value);\r\n            this.tags.splice(getIndex, 1);\r\n          }\r\n        }\r\n      }\r\n    },\r\n    getToday() {\r\n      let d = new Date(),\r\n        month = \"\" + (d.getMonth() + 1),\r\n        day = \"\" + d.getDate(),\r\n        year = d.getFullYear();\r\n\r\n      if (month.length < 2) month = \"0\" + month;\r\n      if (day.length < 2) day = \"0\" + day;\r\n\r\n      var hours = d.getHours();\r\n      var minutes = d.getMinutes();\r\n      var ampm = hours >= 12 ? \"pm\" : \"am\";\r\n      hours = hours % 12;\r\n      hours = hours ? hours : 12; // the hour '0' should be '12'\r\n      minutes = minutes < 10 ? \"0\" + minutes : minutes;\r\n      hours = hours < 10 ? \"0\" + hours : hours;\r\n      var strTime = hours + \":\" + minutes + \" \" + ampm;\r\n      // var strTime = hours + ':' + minutes;\r\n\r\n      let todaysDate = [year, month, day].join(\"-\") + \" \" + strTime;\r\n      this.schedulePriceChangeDate = todaysDate;\r\n    },\r\n    showModal($event, period) {\r\n      $event.preventDefault();\r\n      if (this.product === this.$t(\"text.priceManagement.selectProductSmall\")) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.errors.productMissing\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        return;\r\n      }\r\n      if (!this.priceVal) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.errors.priceFieldMissing\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        return;\r\n      }\r\n      if (this.priceVal <= 0) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.errors.invalidPrice\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        return;\r\n      }\r\n      if (this.selected.length < 1) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.priceManagement.selectBranch\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        return;\r\n      }\r\n      this.datePeriod = period;\r\n      this.showUpdateModal = true;\r\n      if (this.userDetails.roles.includes(\"SupportAdmin\")) {\r\n        this.sendTokenMail();\r\n      }\r\n    },\r\n\r\n    hidePriceSheduleDiv() {\r\n      this.$refs.update_later_div.style.display = \"none\";\r\n      this.$refs.update_later_btn_1.style.display = \"block\";\r\n    },\r\n\r\n    convertThousand(request) {\r\n      if (request === null || request === \"null\") {\r\n        return \"0.00\";\r\n      }\r\n      if (!isFinite(request)) {\r\n        return \"0.00\";\r\n      }\r\n      return request\r\n        .toFixed(2)\r\n        .toString()\r\n        .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\r\n    },\r\n    getZones() {\r\n      this.showLoader = true;\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Zones/Company/${\r\n            this.$route.query.companyId\r\n              ? this.$route.query.companyId\r\n              : this.company.id\r\n          }`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          response.data.sort((a, b) => {\r\n            return a.name > b.name ? 1 : b.name > a.name ? -1 : 0;\r\n          });\r\n          response.data.forEach((zone, index) => {\r\n            zone.index = index + 1;\r\n            const moment = zone.date\r\n              .split(\"T\")[0]\r\n              .split(\"-\")\r\n              .reverse()\r\n              .join(\"-\");\r\n            zone.date = this.$moment(moment, \"DD-MM-YYYY\").format(\r\n              \"D MMMM, YYYY\"\r\n            );\r\n          });\r\n          this.showLoader = false;\r\n          this.zones = response.data;\r\n        })\r\n        .catch((error) => {});\r\n    },\r\n\r\n    getPriceLog() {\r\n      this.showLoader = true;\r\n      this.priceChangeLogLoader = true;\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Company/PriceChangeLog/${\r\n            this.$route.query.companyId\r\n              ? this.$route.query.companyId\r\n              : this.company.id\r\n          }?startDate=${this.startDate}&endDate=${this.endDate}`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          this.priceChangeLogLoader = false;\r\n          response.data.sort((a, b) => {\r\n            return a.name > b.companyName ? 1 : -1;\r\n          });\r\n          response.data.sort((a, b) => {\r\n            return a.product > b.product ? 1 : -1;\r\n          });\r\n          response.data.forEach((x, index) => {\r\n            x.index = index + 1;\r\n            x.date = this.$moment(x.date).format(\"MMMM Do YYYY, h:mma\");\r\n            x.currentPrice = this.convertThousand(x.currentPrice);\r\n            x.previousPrice = this.convertThousand(x.previousPrice);\r\n          });\r\n          this.showLoader = false;\r\n          this.$refs.dataGrid.ej2Instances.setProperties({\r\n            dataSource: response.data,\r\n          });\r\n          this.refreshGrid();\r\n        })\r\n        .catch((error) => {\r\n          this.priceChangeLogLoader = false;\r\n          this.showLoader = false;\r\n        });\r\n    },\r\n    toggleBranchListDropdown() {\r\n      this.showBranchListDropDown = !this.showBranchListDropDown;\r\n    },\r\n    revertNumber(number) {\r\n      return Number(number.replace(/[^0-9.]+/g, \"\"));\r\n    },\r\n  },\r\n};\r\n</script>\r\n<!-- <style src=\"vue-multiselect/dist/vue-multiselect.min.css\"></style> -->\r\n<style scoped>\r\n@keyframes flicker {\r\n  0%,\r\n  100% {\r\n    opacity: 1;\r\n  }\r\n  50% {\r\n    opacity: 0;\r\n  }\r\n}\r\n.flicker-text {\r\n  animation: flicker 3s infinite;\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./approveCardRequest.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./approveCardRequest.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./approveCardRequest.vue?vue&type=template&id=bbfb1bee&scoped=true&\"\nimport script from \"./approveCardRequest.vue?vue&type=script&lang=js&\"\nexport * from \"./approveCardRequest.vue?vue&type=script&lang=js&\"\nimport style0 from \"./approveCardRequest.vue?vue&type=style&index=0&id=bbfb1bee&prod&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"bbfb1bee\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./approveCardRequest.vue?vue&type=style&index=0&id=bbfb1bee&prod&scoped=true&lang=css&\""],"sourceRoot":""}