text: (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[114],{
  
  /***/ "./frontend/src/@core/mixins/ui/transition.js":
  /*!****************************************************!*\
    !*** ./frontend/src/@core/mixins/ui/transition.js ***!
    \****************************************************/
  /*! exports provided: heightTransition, _ */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "heightTransition", function() { return heightTransition; });
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "_", function() { return _; });
  var heightTransition = {
    /*
       HowTo:
        1. Add dynamic style to element and set style as `trHeight`
        2. Set transition speed using `transition: 0.35s height;` <= you can use appropriate value;
        3. Optionally you can set `overflow: hidden;` to hide element overflow while height is animated.
        4. Set initial height using `trSetHeight` before any operation. [mounted hook is recommended - You can use `ref` for dynamic contents]
        5. Toggle height using height operations 🍻
        6. Toggle usage of $nextTick for height operations is any issue occur [experimental] 🔬
     */
    data: function data() {
      return {
        trHeight: null
      };
    },
    methods: {
      trAddHeight: function trAddHeight(val) {
        // Add height to existing height
        // Usage: Where new element is append or more height is added (e.g. list append)
  
        /* Assumes:
         - Height is assigned and is `String`
         - Incoming value is valid number in `Number` or `String`
        */
        var heightValue = Number(this.trHeight.substring(0, this.trHeight.length - 2));
        this.trHeight = "".concat(heightValue + Number(val), "px");
      },
      trTrimHeight: function trTrimHeight(val) {
        // Remove height from existing height
        // Usage: Where new element is removed or height is remove (e.g. list pop/ele remove)
  
        /* Assumes:
         - Height is assigned and is `String`
         - Incoming value is valid number in `Number` or `String`
        */
        var heightValue = Number(this.trHeight.substring(0, this.trHeight.length - 2));
        this.trHeight = "".concat(heightValue - Number(val), "px");
      },
      trSetHeight: function trSetHeight(val) {
        // Set height
        // Usage: Mostly for assigning initial value from mounted hook
  
        /* Assumes:
         - Height is not assigned and what to assign for add/remove operation
         - What to set height at something for odd usage
         - Incoming value is valid number in `Number` or `String`
        */
        if (val === null) this.trHeight = 'auto';else this.trHeight = "".concat(Number(val), "px");
      }
    }
  }; // Ignore below for now. We will remove it when we add more transition in future.
  
  var _ = null;
  
  /***/ }),
  
  /***/ "./frontend/src/views/apps/invoice/invoice-edit/InvoiceEdit.vue":
  /*!**********************************************************************!*\
    !*** ./frontend/src/views/apps/invoice/invoice-edit/InvoiceEdit.vue ***!
    \**********************************************************************/
  /*! exports provided: default */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony import */ var _InvoiceEdit_vue_vue_type_template_id_55155276_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./InvoiceEdit.vue?vue&type=template&id=55155276&scoped=true& */ "./frontend/src/views/apps/invoice/invoice-edit/InvoiceEdit.vue?vue&type=template&id=55155276&scoped=true&");
  /* harmony import */ var _InvoiceEdit_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./InvoiceEdit.vue?vue&type=script&lang=js& */ "./frontend/src/views/apps/invoice/invoice-edit/InvoiceEdit.vue?vue&type=script&lang=js&");
  /* empty/unused harmony star reexport *//* harmony import */ var _InvoiceEdit_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./InvoiceEdit.vue?vue&type=style&index=0&lang=scss& */ "./frontend/src/views/apps/invoice/invoice-edit/InvoiceEdit.vue?vue&type=style&index=0&lang=scss&");
  /* harmony import */ var _InvoiceEdit_vue_vue_type_style_index_1_id_55155276_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./InvoiceEdit.vue?vue&type=style&index=1&id=55155276&lang=scss&scoped=true& */ "./frontend/src/views/apps/invoice/invoice-edit/InvoiceEdit.vue?vue&type=style&index=1&id=55155276&lang=scss&scoped=true&");
  /* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
  
  
  
  
  
  
  
  /* normalize component */
  
  var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_4__["default"])(
    _InvoiceEdit_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
    _InvoiceEdit_vue_vue_type_template_id_55155276_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
    _InvoiceEdit_vue_vue_type_template_id_55155276_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
    false,
    null,
    "55155276",
    null
    
  )
  
  /* hot reload */
  if (false) { var api; }
  component.options.__file = "frontend/src/views/apps/invoice/invoice-edit/InvoiceEdit.vue"
  /* harmony default export */ __webpack_exports__["default"] = (component.exports);
  
  /***/ }),
  
  /***/ "./frontend/src/views/apps/invoice/invoice-edit/InvoiceEdit.vue?vue&type=script&lang=js&":
  /*!***********************************************************************************************!*\
    !*** ./frontend/src/views/apps/invoice/invoice-edit/InvoiceEdit.vue?vue&type=script&lang=js& ***!
    \***********************************************************************************************/
  /*! exports provided: default */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_InvoiceEdit_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../../node_modules/vue-loader/lib??vue-loader-options!./InvoiceEdit.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/apps/invoice/invoice-edit/InvoiceEdit.vue?vue&type=script&lang=js&");
  /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_InvoiceEdit_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
  
  /***/ }),
  
  /***/ "./frontend/src/views/apps/invoice/invoice-edit/InvoiceEdit.vue?vue&type=style&index=0&lang=scss&":
  /*!********************************************************************************************************!*\
    !*** ./frontend/src/views/apps/invoice/invoice-edit/InvoiceEdit.vue?vue&type=style&index=0&lang=scss& ***!
    \********************************************************************************************************/
  /*! no static exports found */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_2_node_modules_sass_loader_dist_cjs_js_ref_7_3_node_modules_sass_loader_dist_cjs_js_ref_11_0_node_modules_vue_loader_lib_index_js_vue_loader_options_InvoiceEdit_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../../node_modules/style-loader!../../../../../../node_modules/css-loader!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src??ref--7-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--7-3!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--11-0!../../../../../../node_modules/vue-loader/lib??vue-loader-options!./InvoiceEdit.vue?vue&type=style&index=0&lang=scss& */ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/apps/invoice/invoice-edit/InvoiceEdit.vue?vue&type=style&index=0&lang=scss&");
  /* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_2_node_modules_sass_loader_dist_cjs_js_ref_7_3_node_modules_sass_loader_dist_cjs_js_ref_11_0_node_modules_vue_loader_lib_index_js_vue_loader_options_InvoiceEdit_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_index_js_node_modules_css_loader_index_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_2_node_modules_sass_loader_dist_cjs_js_ref_7_3_node_modules_sass_loader_dist_cjs_js_ref_11_0_node_modules_vue_loader_lib_index_js_vue_loader_options_InvoiceEdit_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
  /* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_style_loader_index_js_node_modules_css_loader_index_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_2_node_modules_sass_loader_dist_cjs_js_ref_7_3_node_modules_sass_loader_dist_cjs_js_ref_11_0_node_modules_vue_loader_lib_index_js_vue_loader_options_InvoiceEdit_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_style_loader_index_js_node_modules_css_loader_index_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_2_node_modules_sass_loader_dist_cjs_js_ref_7_3_node_modules_sass_loader_dist_cjs_js_ref_11_0_node_modules_vue_loader_lib_index_js_vue_loader_options_InvoiceEdit_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
  
  
  /***/ }),
  
  /***/ "./frontend/src/views/apps/invoice/invoice-edit/InvoiceEdit.vue?vue&type=style&index=1&id=55155276&lang=scss&scoped=true&":
  /*!********************************************************************************************************************************!*\
    !*** ./frontend/src/views/apps/invoice/invoice-edit/InvoiceEdit.vue?vue&type=style&index=1&id=55155276&lang=scss&scoped=true& ***!
    \********************************************************************************************************************************/
  /*! no static exports found */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_2_node_modules_sass_loader_dist_cjs_js_ref_7_3_node_modules_sass_loader_dist_cjs_js_ref_11_0_node_modules_vue_loader_lib_index_js_vue_loader_options_InvoiceEdit_vue_vue_type_style_index_1_id_55155276_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../../node_modules/style-loader!../../../../../../node_modules/css-loader!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src??ref--7-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--7-3!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--11-0!../../../../../../node_modules/vue-loader/lib??vue-loader-options!./InvoiceEdit.vue?vue&type=style&index=1&id=55155276&lang=scss&scoped=true& */ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/apps/invoice/invoice-edit/InvoiceEdit.vue?vue&type=style&index=1&id=55155276&lang=scss&scoped=true&");
  /* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_2_node_modules_sass_loader_dist_cjs_js_ref_7_3_node_modules_sass_loader_dist_cjs_js_ref_11_0_node_modules_vue_loader_lib_index_js_vue_loader_options_InvoiceEdit_vue_vue_type_style_index_1_id_55155276_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_index_js_node_modules_css_loader_index_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_2_node_modules_sass_loader_dist_cjs_js_ref_7_3_node_modules_sass_loader_dist_cjs_js_ref_11_0_node_modules_vue_loader_lib_index_js_vue_loader_options_InvoiceEdit_vue_vue_type_style_index_1_id_55155276_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
  /* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_style_loader_index_js_node_modules_css_loader_index_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_2_node_modules_sass_loader_dist_cjs_js_ref_7_3_node_modules_sass_loader_dist_cjs_js_ref_11_0_node_modules_vue_loader_lib_index_js_vue_loader_options_InvoiceEdit_vue_vue_type_style_index_1_id_55155276_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_style_loader_index_js_node_modules_css_loader_index_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_2_node_modules_sass_loader_dist_cjs_js_ref_7_3_node_modules_sass_loader_dist_cjs_js_ref_11_0_node_modules_vue_loader_lib_index_js_vue_loader_options_InvoiceEdit_vue_vue_type_style_index_1_id_55155276_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
  
  
  /***/ }),
  
  /***/ "./frontend/src/views/apps/invoice/invoice-edit/InvoiceEdit.vue?vue&type=template&id=55155276&scoped=true&":
  /*!*****************************************************************************************************************!*\
    !*** ./frontend/src/views/apps/invoice/invoice-edit/InvoiceEdit.vue?vue&type=template&id=55155276&scoped=true& ***!
    \*****************************************************************************************************************/
  /*! exports provided: render, staticRenderFns */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_InvoiceEdit_vue_vue_type_template_id_55155276_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../../node_modules/vue-loader/lib??vue-loader-options!./InvoiceEdit.vue?vue&type=template&id=55155276&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/apps/invoice/invoice-edit/InvoiceEdit.vue?vue&type=template&id=55155276&scoped=true&");
  /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_InvoiceEdit_vue_vue_type_template_id_55155276_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; });
  
  /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_InvoiceEdit_vue_vue_type_template_id_55155276_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
  
  
  
  /***/ }),
  
  /***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/apps/invoice/invoice-edit/InvoiceEdit.vue?vue&type=script&lang=js&":
  /*!*******************************************************************************************************************************************************************************************!*\
    !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./frontend/src/views/apps/invoice/invoice-edit/InvoiceEdit.vue?vue&type=script&lang=js& ***!
    \*******************************************************************************************************************************************************************************************/
  /*! exports provided: default */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony import */ var _core_layouts_components_Logo_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @core/layouts/components/Logo.vue */ "./frontend/src/@core/layouts/components/Logo.vue");
  !(function webpackMissingModule() { var e = new Error("Cannot find module '@vue/composition-api'"); e.code = 'MODULE_NOT_FOUND'; throw e; }());
  /* harmony import */ var _core_mixins_ui_transition__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @core/mixins/ui/transition */ "./frontend/src/@core/mixins/ui/transition.js");
  !(function webpackMissingModule() { var e = new Error("Cannot find module 'vue-ripple-directive'"); e.code = 'MODULE_NOT_FOUND'; throw e; }());
  /* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/store */ "./frontend/src/store/index.js");
  /* harmony import */ var _router__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @/router */ "./frontend/src/router/index.js");
  !(function webpackMissingModule() { var e = new Error("Cannot find module 'bootstrap-vue'"); e.code = 'MODULE_NOT_FOUND'; throw e; }());
  !(function webpackMissingModule() { var e = new Error("Cannot find module 'vue-select'"); e.code = 'MODULE_NOT_FOUND'; throw e; }());
  !(function webpackMissingModule() { var e = new Error("Cannot find module 'vue-flatpickr-component'"); e.code = 'MODULE_NOT_FOUND'; throw e; }());
  /* harmony import */ var _invoiceStoreModule__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../invoiceStoreModule */ "./frontend/src/views/apps/invoice/invoiceStoreModule.js");
  /* harmony import */ var _InvoiceSidebarSendInvoice_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../InvoiceSidebarSendInvoice.vue */ "./frontend/src/views/apps/invoice/InvoiceSidebarSendInvoice.vue");
  /* harmony import */ var _InvoiceSidebarAddPayment_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../InvoiceSidebarAddPayment.vue */ "./frontend/src/views/apps/invoice/InvoiceSidebarAddPayment.vue");
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  
  
  
  
  
  
  
  
  
  
  
  
  /* harmony default export */ __webpack_exports__["default"] = ({
    components: {
      BRow: !(function webpackMissingModule() { var e = new Error("Cannot find module 'bootstrap-vue'"); e.code = 'MODULE_NOT_FOUND'; throw e; }()),
      BCol: !(function webpackMissingModule() { var e = new Error("Cannot find module 'bootstrap-vue'"); e.code = 'MODULE_NOT_FOUND'; throw e; }()),
      BCard: !(function webpackMissingModule() { var e = new Error("Cannot find module 'bootstrap-vue'"); e.code = 'MODULE_NOT_FOUND'; throw e; }()),
      BCardBody: !(function webpackMissingModule() { var e = new Error("Cannot find module 'bootstrap-vue'"); e.code = 'MODULE_NOT_FOUND'; throw e; }()),
      BButton: !(function webpackMissingModule() { var e = new Error("Cannot find module 'bootstrap-vue'"); e.code = 'MODULE_NOT_FOUND'; throw e; }()),
      BCardText: !(function webpackMissingModule() { var e = new Error("Cannot find module 'bootstrap-vue'"); e.code = 'MODULE_NOT_FOUND'; throw e; }()),
      BForm: !(function webpackMissingModule() { var e = new Error("Cannot find module 'bootstrap-vue'"); e.code = 'MODULE_NOT_FOUND'; throw e; }()),
      BFormGroup: !(function webpackMissingModule() { var e = new Error("Cannot find module 'bootstrap-vue'"); e.code = 'MODULE_NOT_FOUND'; throw e; }()),
      BFormInput: !(function webpackMissingModule() { var e = new Error("Cannot find module 'bootstrap-vue'"); e.code = 'MODULE_NOT_FOUND'; throw e; }()),
      BInputGroup: !(function webpackMissingModule() { var e = new Error("Cannot find module 'bootstrap-vue'"); e.code = 'MODULE_NOT_FOUND'; throw e; }()),
      BInputGroupPrepend: !(function webpackMissingModule() { var e = new Error("Cannot find module 'bootstrap-vue'"); e.code = 'MODULE_NOT_FOUND'; throw e; }()),
      BFormTextarea: !(function webpackMissingModule() { var e = new Error("Cannot find module 'bootstrap-vue'"); e.code = 'MODULE_NOT_FOUND'; throw e; }()),
      BFormCheckbox: !(function webpackMissingModule() { var e = new Error("Cannot find module 'bootstrap-vue'"); e.code = 'MODULE_NOT_FOUND'; throw e; }()),
      BPopover: !(function webpackMissingModule() { var e = new Error("Cannot find module 'bootstrap-vue'"); e.code = 'MODULE_NOT_FOUND'; throw e; }()),
      BAlert: !(function webpackMissingModule() { var e = new Error("Cannot find module 'bootstrap-vue'"); e.code = 'MODULE_NOT_FOUND'; throw e; }()),
      BLink: !(function webpackMissingModule() { var e = new Error("Cannot find module 'bootstrap-vue'"); e.code = 'MODULE_NOT_FOUND'; throw e; }()),
      flatPickr: !(function webpackMissingModule() { var e = new Error("Cannot find module 'vue-flatpickr-component'"); e.code = 'MODULE_NOT_FOUND'; throw e; }()),
      vSelect: !(function webpackMissingModule() { var e = new Error("Cannot find module 'vue-select'"); e.code = 'MODULE_NOT_FOUND'; throw e; }()),
      Logo: _core_layouts_components_Logo_vue__WEBPACK_IMPORTED_MODULE_0__["default"],
      InvoiceSidebarSendInvoice: _InvoiceSidebarSendInvoice_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
      InvoiceSidebarAddPayment: _InvoiceSidebarAddPayment_vue__WEBPACK_IMPORTED_MODULE_7__["default"]
    },
    directives: {
      Ripple: !(function webpackMissingModule() { var e = new Error("Cannot find module 'vue-ripple-directive'"); e.code = 'MODULE_NOT_FOUND'; throw e; }()),
      'b-toggle': !(function webpackMissingModule() { var e = new Error("Cannot find module 'bootstrap-vue'"); e.code = 'MODULE_NOT_FOUND'; throw e; }())
    },
    mixins: [_core_mixins_ui_transition__WEBPACK_IMPORTED_MODULE_2__["heightTransition"]],
    // Reset Tr Height if data changes
    watch: {
      // eslint-disable-next-line func-names
      'invoiceData.items': function invoiceDataItems() {
        this.initTrHeight();
      }
    },
    mounted: function mounted() {
      this.initTrHeight();
    },
    created: function created() {
      window.addEventListener('resize', this.initTrHeight);
    },
    destroyed: function destroyed() {
      window.removeEventListener('resize', this.initTrHeight);
    },
    methods: {
      addNewItemInItemForm: function addNewItemInItemForm() {
        var _this = this;
  
        this.$refs.form.style.overflow = 'hidden';
        this.invoiceData.items.push(JSON.parse(JSON.stringify(this.itemFormBlankItem)));
        this.$nextTick(function () {
          _this.trAddHeight(_this.$refs.row[0].offsetHeight);
  
          setTimeout(function () {
            _this.$refs.form.style.overflow = null;
          }, 350);
        });
      },
      removeItem: function removeItem(index) {
        this.invoiceData.items.splice(index, 1);
        this.trTrimHeight(this.$refs.row[0].offsetHeight);
      },
      initTrHeight: function initTrHeight() {
        var _this2 = this;
  
        this.trSetHeight(null);
        this.$nextTick(function () {
          _this2.trSetHeight(_this2.$refs.form ? _this2.$refs.form.scrollHeight : 0);
        });
      }
    },
    setup: function setup() {
      var INVOICE_APP_STORE_MODULE_NAME = 'app-invoice'; // Register module
  
      if (!_store__WEBPACK_IMPORTED_MODULE_3__["default"].hasModule(INVOICE_APP_STORE_MODULE_NAME)) _store__WEBPACK_IMPORTED_MODULE_3__["default"].registerModule(INVOICE_APP_STORE_MODULE_NAME, _invoiceStoreModule__WEBPACK_IMPORTED_MODULE_5__["default"]); // UnRegister on leave
  
      !(function webpackMissingModule() { var e = new Error("Cannot find module '@vue/composition-api'"); e.code = 'MODULE_NOT_FOUND'; throw e; }())(function () {
        if (_store__WEBPACK_IMPORTED_MODULE_3__["default"].hasModule(INVOICE_APP_STORE_MODULE_NAME)) _store__WEBPACK_IMPORTED_MODULE_3__["default"].unregisterModule(INVOICE_APP_STORE_MODULE_NAME);
      });
      var invoiceData = !(function webpackMissingModule() { var e = new Error("Cannot find module '@vue/composition-api'"); e.code = 'MODULE_NOT_FOUND'; throw e; }())(null);
      var paymentDetails = !(function webpackMissingModule() { var e = new Error("Cannot find module '@vue/composition-api'"); e.code = 'MODULE_NOT_FOUND'; throw e; }())({});
      _store__WEBPACK_IMPORTED_MODULE_3__["default"].dispatch('app-invoice/fetchInvoice', {
        id: _router__WEBPACK_IMPORTED_MODULE_4__["default"].currentRoute.params.id
      }).then(function (response) {
        invoiceData.value = response.data.invoice;
        paymentDetails.value = response.data.paymentDetails; // ? We are adding some extra data in response for data purpose
        // * Your response will contain this extra data
        // ? [Purpose is to make it more API friendly and less static as possible]
  
        invoiceData.value.items = [{
          itemTitle: 'App Design',
          cost: 24,
          qty: 2,
          description: 'Designed UI kit & app pages.'
        }];
        invoiceData.value.note = 'It was a pleasure working with you and your team. We hope you will keep us in mind for future freelance projects. Thank You!';
        invoiceData.value.paymentMethod = 'Bank Account';
      })["catch"](function (error) {
        if (error.response.status === 404) {
          invoiceData.value = undefined;
        }
      });
      var itemFormBlankItem = {
        item: null,
        cost: 0,
        qty: 0,
        description: ''
      };
      var itemsOptions = [{
        itemTitle: 'App Design',
        cost: 24,
        qty: 1,
        description: 'Designed UI kit & app pages.'
      }, {
        itemTitle: 'App Customization',
        cost: 26,
        qty: 1,
        description: 'Customization & Bug Fixes.'
      }, {
        itemTitle: 'ABC Template',
        cost: 28,
        qty: 1,
        description: 'Bootstrap 4 admin template.'
      }, {
        itemTitle: 'App Development',
        cost: 32,
        qty: 1,
        description: 'Native App Development.'
      }];
  
      var updateItemForm = function updateItemForm(index, val) {
        var cost = val.cost,
            qty = val.qty,
            description = val.description;
        invoiceData.value.items[index].cost = cost;
        invoiceData.value.items[index].qty = qty;
        invoiceData.value.items[index].description = description;
      };
  
      var paymentMethods = ['Bank Account', 'PayPal', 'UPI Transfer'];
      return {
        invoiceData: invoiceData,
        itemsOptions: itemsOptions,
        updateItemForm: updateItemForm,
        itemFormBlankItem: itemFormBlankItem,
        paymentMethods: paymentMethods
      };
    }
  });
  
  /***/ }),
  
  /***/ "./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/apps/invoice/invoice-edit/InvoiceEdit.vue?vue&type=style&index=0&lang=scss&":
  /*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
    !*** ./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--7-2!./node_modules/sass-loader/dist/cjs.js??ref--7-3!./node_modules/sass-loader/dist/cjs.js??ref--11-0!./node_modules/vue-loader/lib??vue-loader-options!./frontend/src/views/apps/invoice/invoice-edit/InvoiceEdit.vue?vue&type=style&index=0&lang=scss& ***!
    \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
  /*! no static exports found */
  /***/ (function(module, exports) {
  
  throw new Error("Module build failed (from ./node_modules/sass-loader/dist/cjs.js):\nSassError: Can't find stylesheet to import.\n   ╷\n14 │ @import 'bootstrap/scss/functions'; // Bootstrap core function\n   │         ^^^^^^^^^^^^^^^^^^^^^^^^^^\n   ╵\n  frontend\\src\\@core\\scss\\base\\bootstrap-extended\\_include.scss 14:9  @import\n  frontend\\src\\@core\\scss\\vue\\libs\\vue-select.scss 4:9                @import\n  C:\\xampp\\htdocs\\twic_terminal\\frontend\\src\\views\\apps\\invoice\\invoice-edit\\InvoiceEdit.vue 787:9                                                         root stylesheet");
  
  /***/ }),
  
  /***/ "./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/apps/invoice/invoice-edit/InvoiceEdit.vue?vue&type=style&index=1&id=55155276&lang=scss&scoped=true&":
  /*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
    !*** ./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--7-2!./node_modules/sass-loader/dist/cjs.js??ref--7-3!./node_modules/sass-loader/dist/cjs.js??ref--11-0!./node_modules/vue-loader/lib??vue-loader-options!./frontend/src/views/apps/invoice/invoice-edit/InvoiceEdit.vue?vue&type=style&index=1&id=55155276&lang=scss&scoped=true& ***!
    \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
  /*! no static exports found */
  /***/ (function(module, exports) {
  
  throw new Error("Module build failed (from ./node_modules/sass-loader/dist/cjs.js):\nSassError: Can't find stylesheet to import.\n   ╷\n14 │ @import 'bootstrap/scss/functions'; // Bootstrap core function\n   │         ^^^^^^^^^^^^^^^^^^^^^^^^^^\n   ╵\n  frontend\\src\\@core\\scss\\base\\bootstrap-extended\\_include.scss 14:9  @import\n  frontend\\src\\@core\\scss\\base\\pages\\app-invoice.scss 11:9            @import\n  C:\\xampp\\htdocs\\twic_terminal\\frontend\\src\\views\\apps\\invoice\\invoice-edit\\InvoiceEdit.vue 792:9                                                         root stylesheet");
  
  /***/ }),
  
  /***/ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/apps/invoice/invoice-edit/InvoiceEdit.vue?vue&type=style&index=0&lang=scss&":
  /*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
    !*** ./node_modules/style-loader!./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--7-2!./node_modules/sass-loader/dist/cjs.js??ref--7-3!./node_modules/sass-loader/dist/cjs.js??ref--11-0!./node_modules/vue-loader/lib??vue-loader-options!./frontend/src/views/apps/invoice/invoice-edit/InvoiceEdit.vue?vue&type=style&index=0&lang=scss& ***!
    \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
  /*! no static exports found */
  /***/ (function(module, exports, __webpack_require__) {
  
  
  var content = __webpack_require__(/*! !../../../../../../node_modules/css-loader!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src??ref--7-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--7-3!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--11-0!../../../../../../node_modules/vue-loader/lib??vue-loader-options!./InvoiceEdit.vue?vue&type=style&index=0&lang=scss& */ "./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/apps/invoice/invoice-edit/InvoiceEdit.vue?vue&type=style&index=0&lang=scss&");
  
  if(typeof content === 'string') content = [[module.i, content, '']];
  
  var transform;
  var insertInto;
  
  
  
  var options = {"hmr":true}
  
  options.transform = transform
  options.insertInto = undefined;
  
  var update = __webpack_require__(/*! ../../../../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
  
  if(content.locals) module.exports = content.locals;
  
  if(false) {}
  
  /***/ }),
  
  /***/ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/apps/invoice/invoice-edit/InvoiceEdit.vue?vue&type=style&index=1&id=55155276&lang=scss&scoped=true&":
  /*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
    !*** ./node_modules/style-loader!./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--7-2!./node_modules/sass-loader/dist/cjs.js??ref--7-3!./node_modules/sass-loader/dist/cjs.js??ref--11-0!./node_modules/vue-loader/lib??vue-loader-options!./frontend/src/views/apps/invoice/invoice-edit/InvoiceEdit.vue?vue&type=style&index=1&id=55155276&lang=scss&scoped=true& ***!
    \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
  /*! no static exports found */
  /***/ (function(module, exports, __webpack_require__) {
  
  
  var content = __webpack_require__(/*! !../../../../../../node_modules/css-loader!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src??ref--7-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--7-3!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--11-0!../../../../../../node_modules/vue-loader/lib??vue-loader-options!./InvoiceEdit.vue?vue&type=style&index=1&id=55155276&lang=scss&scoped=true& */ "./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/apps/invoice/invoice-edit/InvoiceEdit.vue?vue&type=style&index=1&id=55155276&lang=scss&scoped=true&");
  
  if(typeof content === 'string') content = [[module.i, content, '']];
  
  var transform;
  var insertInto;
  
  
  
  var options = {"hmr":true}
  
  options.transform = transform
  options.insertInto = undefined;
  
  var update = __webpack_require__(/*! ../../../../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
  
  if(content.locals) module.exports = content.locals;
  
  if(false) {}
  
  /***/ }),
  
  /***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/apps/invoice/invoice-edit/InvoiceEdit.vue?vue&type=template&id=55155276&scoped=true&":
  /*!***********************************************************************************************************************************************************************************************************************************************!*\
    !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./frontend/src/views/apps/invoice/invoice-edit/InvoiceEdit.vue?vue&type=template&id=55155276&scoped=true& ***!
    \***********************************************************************************************************************************************************************************************************************************************/
  /*! exports provided: render, staticRenderFns */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
  var render = function() {
    var _vm = this
    var _h = _vm.$createElement
    var _c = _vm._self._c || _h
    return _c(
      "section",
      { staticClass: "invoice-add-wrapper" },
      [
        _c(
          "b-alert",
          { attrs: { variant: "danger", show: _vm.invoiceData === undefined } },
          [
            _c("h4", { staticClass: "alert-heading" }, [
              _vm._v("\n      Error fetching invoice data\n    ")
            ]),
            _vm._v(" "),
            _c(
              "div",
              { staticClass: "alert-body" },
              [
                _vm._v(
                  "\n      No invoice found with this invoice id. Check\n      "
                ),
                _c(
                  "b-link",
                  {
                    staticClass: "alert-link",
                    attrs: { to: { name: "apps-invoice-list" } }
                  },
                  [_vm._v("\n        Invoice List\n      ")]
                ),
                _vm._v("\n      for other invoices.\n    ")
              ],
              1
            )
          ]
        ),
        _vm._v(" "),
        _vm.invoiceData
          ? _c(
              "b-row",
              { staticClass: "invoice-add" },
              [
                _c(
                  "b-col",
                  { attrs: { cols: "12", xl: "9", md: "8" } },
                  [
                    _c(
                      "b-form",
                      {
                        on: {
                          submit: function($event) {
                            $event.preventDefault()
                          }
                        }
                      },
                      [
                        _c(
                          "b-card",
                          {
                            staticClass: "invoice-preview-card",
                            attrs: { "no-body": "" }
                          },
                          [
                            _c(
                              "b-card-body",
                              { staticClass: "invoice-padding pb-0" },
                              [
                                _c(
                                  "div",
                                  {
                                    staticClass:
                                      "d-flex justify-content-between flex-md-row flex-column invoice-spacing mt-0"
                                  },
                                  [
                                    _c(
                                      "div",
                                      [
                                        _c(
                                          "div",
                                          { staticClass: "logo-wrapper" },
                                          [
                                            _c("logo"),
                                            _vm._v(" "),
                                            _c(
                                              "h3",
                                              {
                                                staticClass:
                                                  "text-primary invoice-logo"
                                              },
                                              [
                                                _vm._v(
                                                  "\n                    Vuexy\n                  "
                                                )
                                              ]
                                            )
                                          ],
                                          1
                                        ),
                                        _vm._v(" "),
                                        _c(
                                          "b-card-text",
                                          { staticClass: "mb-25" },
                                          [
                                            _vm._v(
                                              "\n                  Office 149, 450 South Brand Brooklyn\n                "
                                            )
                                          ]
                                        ),
                                        _vm._v(" "),
                                        _c(
                                          "b-card-text",
                                          { staticClass: "mb-25" },
                                          [
                                            _vm._v(
                                              "\n                  San Diego County, CA 91905, USA\n                "
                                            )
                                          ]
                                        ),
                                        _vm._v(" "),
                                        _c(
                                          "b-card-text",
                                          { staticClass: "mb-0" },
                                          [
                                            _vm._v(
                                              "\n                  +1 (123) 456 7891, +44 (876) 543 2198\n                "
                                            )
                                          ]
                                        )
                                      ],
                                      1
                                    ),
                                    _vm._v(" "),
                                    _c(
                                      "div",
                                      {
                                        staticClass:
                                          "invoice-number-date mt-md-0 mt-2"
                                      },
                                      [
                                        _c(
                                          "div",
                                          {
                                            staticClass:
                                              "d-flex align-items-center justify-content-md-end mb-1"
                                          },
                                          [
                                            _c(
                                              "h4",
                                              { staticClass: "invoice-title" },
                                              [
                                                _vm._v(
                                                  "\n                    Invoice\n                  "
                                                )
                                              ]
                                            ),
                                            _vm._v(" "),
                                            _c(
                                              "b-input-group",
                                              {
                                                staticClass:
                                                  "input-group-merge invoice-edit-input-group disabled"
                                              },
                                              [
                                                _c(
                                                  "b-input-group-prepend",
                                                  { attrs: { "is-text": "" } },
                                                  [
                                                    _c("feather-icon", {
                                                      attrs: { icon: "HashIcon" }
                                                    })
                                                  ],
                                                  1
                                                ),
                                                _vm._v(" "),
                                                _c("b-form-input", {
                                                  attrs: {
                                                    id: "invoice-data-id",
                                                    disabled: ""
                                                  },
                                                  model: {
                                                    value: _vm.invoiceData.id,
                                                    callback: function($$v) {
                                                      _vm.$set(
                                                        _vm.invoiceData,
                                                        "id",
                                                        $$v
                                                      )
                                                    },
                                                    expression: "invoiceData.id"
                                                  }
                                                })
                                              ],
                                              1
                                            )
                                          ],
                                          1
                                        ),
                                        _vm._v(" "),
                                        _c(
                                          "div",
                                          {
                                            staticClass:
                                              "d-flex align-items-center mb-1"
                                          },
                                          [
                                            _c("span", { staticClass: "title" }, [
                                              _vm._v(
                                                "\n                    Date:\n                  "
                                              )
                                            ]),
                                            _vm._v(" "),
                                            _c("flat-pickr", {
                                              staticClass:
                                                "form-control invoice-edit-input",
                                              model: {
                                                value: _vm.invoiceData.issuedDate,
                                                callback: function($$v) {
                                                  _vm.$set(
                                                    _vm.invoiceData,
                                                    "issuedDate",
                                                    $$v
                                                  )
                                                },
                                                expression:
                                                  "invoiceData.issuedDate"
                                              }
                                            })
                                          ],
                                          1
                                        ),
                                        _vm._v(" "),
                                        _c(
                                          "div",
                                          {
                                            staticClass:
                                              "d-flex align-items-center"
                                          },
                                          [
                                            _c("span", { staticClass: "title" }, [
                                              _vm._v(
                                                "\n                    Due Date:\n                  "
                                              )
                                            ]),
                                            _vm._v(" "),
                                            _c("flat-pickr", {
                                              staticClass:
                                                "form-control invoice-edit-input",
                                              model: {
                                                value: _vm.invoiceData.dueDate,
                                                callback: function($$v) {
                                                  _vm.$set(
                                                    _vm.invoiceData,
                                                    "dueDate",
                                                    $$v
                                                  )
                                                },
                                                expression: "invoiceData.dueDate"
                                              }
                                            })
                                          ],
                                          1
                                        )
                                      ]
                                    )
                                  ]
                                )
                              ]
                            ),
                            _vm._v(" "),
                            _c("hr", { staticClass: "invoice-spacing" }),
                            _vm._v(" "),
                            _c(
                              "b-card-body",
                              { staticClass: "invoice-padding pt-0" },
                              [
                                _c(
                                  "b-row",
                                  { staticClass: "invoice-spacing" },
                                  [
                                    _c(
                                      "b-col",
                                      {
                                        staticClass: "mb-lg-1",
                                        attrs: { cols: "12", xl: "6" }
                                      },
                                      [
                                        _c("h6", { staticClass: "mb-2" }, [
                                          _vm._v(
                                            "\n                  Invoice To:\n                "
                                          )
                                        ]),
                                        _vm._v(" "),
                                        _vm.invoiceData.client
                                          ? _c(
                                              "div",
                                              { staticClass: "mt-1" },
                                              [
                                                _c(
                                                  "h6",
                                                  { staticClass: "mb-25" },
                                                  [
                                                    _vm._v(
                                                      "\n                    " +
                                                        _vm._s(
                                                          _vm.invoiceData.client
                                                            .name
                                                        ) +
                                                        "\n                  "
                                                    )
                                                  ]
                                                ),
                                                _vm._v(" "),
                                                _c(
                                                  "b-card-text",
                                                  { staticClass: "mb-25" },
                                                  [
                                                    _vm._v(
                                                      "\n                    " +
                                                        _vm._s(
                                                          _vm.invoiceData.client
                                                            .company
                                                        ) +
                                                        "\n                  "
                                                    )
                                                  ]
                                                ),
                                                _vm._v(" "),
                                                _c(
                                                  "b-card-text",
                                                  { staticClass: "mb-25" },
                                                  [
                                                    _vm._v(
                                                      "\n                    " +
                                                        _vm._s(
                                                          _vm.invoiceData.client
                                                            .address
                                                        ) +
                                                        ", " +
                                                        _vm._s(
                                                          _vm.invoiceData.client
                                                            .country
                                                        ) +
                                                        "\n                  "
                                                    )
                                                  ]
                                                ),
                                                _vm._v(" "),
                                                _c(
                                                  "b-card-text",
                                                  { staticClass: "mb-25" },
                                                  [
                                                    _vm._v(
                                                      "\n                    " +
                                                        _vm._s(
                                                          _vm.invoiceData.client
                                                            .contact
                                                        ) +
                                                        "\n                  "
                                                    )
                                                  ]
                                                ),
                                                _vm._v(" "),
                                                _c(
                                                  "b-card-text",
                                                  { staticClass: "mb-0" },
                                                  [
                                                    _vm._v(
                                                      "\n                    " +
                                                        _vm._s(
                                                          _vm.invoiceData.client
                                                            .companyEmail
                                                        ) +
                                                        "\n                  "
                                                    )
                                                  ]
                                                )
                                              ],
                                              1
                                            )
                                          : _vm._e()
                                      ]
                                    ),
                                    _vm._v(" "),
                                    _c(
                                      "b-col",
                                      {
                                        staticClass:
                                          "mt-xl-0 mt-2 justify-content-end d-xl-flex d-block",
                                        attrs: { xl: "6", cols: "12" }
                                      },
                                      [
                                        _c("div", [
                                          _c("h6", { staticClass: "mb-2" }, [
                                            _vm._v(
                                              "\n                    Payment Details:\n                  "
                                            )
                                          ]),
                                          _vm._v(" "),
                                          _c("table", [
                                            _c("tbody", [
                                              _c("tr", [
                                                _c(
                                                  "td",
                                                  { staticClass: "pr-1" },
                                                  [
                                                    _vm._v(
                                                      "\n                          Total Due:\n                        "
                                                    )
                                                  ]
                                                ),
                                                _vm._v(" "),
                                                _c("td", [
                                                  _c(
                                                    "span",
                                                    {
                                                      staticClass:
                                                        "font-weight-bold"
                                                    },
                                                    [_vm._v("$12,110.55")]
                                                  )
                                                ])
                                              ]),
                                              _vm._v(" "),
                                              _c("tr", [
                                                _c(
                                                  "td",
                                                  { staticClass: "pr-1" },
                                                  [
                                                    _vm._v(
                                                      "\n                          Bank name:\n                        "
                                                    )
                                                  ]
                                                ),
                                                _vm._v(" "),
                                                _c("td", [
                                                  _vm._v("American Bank")
                                                ])
                                              ]),
                                              _vm._v(" "),
                                              _c("tr", [
                                                _c(
                                                  "td",
                                                  { staticClass: "pr-1" },
                                                  [
                                                    _vm._v(
                                                      "\n                          Country:\n                        "
                                                    )
                                                  ]
                                                ),
                                                _vm._v(" "),
                                                _c("td", [
                                                  _vm._v("United States")
                                                ])
                                              ]),
                                              _vm._v(" "),
                                              _c("tr", [
                                                _c(
                                                  "td",
                                                  { staticClass: "pr-1" },
                                                  [
                                                    _vm._v(
                                                      "\n                          IBAN:\n                        "
                                                    )
                                                  ]
                                                ),
                                                _vm._v(" "),
                                                _c("td", [
                                                  _vm._v("ETD95476213874685")
                                                ])
                                              ]),
                                              _vm._v(" "),
                                              _c("tr", [
                                                _c(
                                                  "td",
                                                  { staticClass: "pr-1" },
                                                  [
                                                    _vm._v(
                                                      "\n                          SWIFT code:\n                        "
                                                    )
                                                  ]
                                                ),
                                                _vm._v(" "),
                                                _c("td", [_vm._v("BR91905")])
                                              ])
                                            ])
                                          ])
                                        ])
                                      ]
                                    )
                                  ],
                                  1
                                )
                              ],
                              1
                            ),
                            _vm._v(" "),
                            _c(
                              "b-card-body",
                              {
                                staticClass: "invoice-padding form-item-section"
                              },
                              [
                                _c(
                                  "div",
                                  {
                                    ref: "form",
                                    staticClass: "repeater-form",
                                    style: { height: _vm.trHeight }
                                  },
                                  _vm._l(_vm.invoiceData.items, function(
                                    item,
                                    index
                                  ) {
                                    return _c(
                                      "b-row",
                                      {
                                        key: index,
                                        ref: "row",
                                        refInFor: true,
                                        staticClass: "pb-2"
                                      },
                                      [
                                        _c("b-col", { attrs: { cols: "12" } }, [
                                          _c(
                                            "div",
                                            { staticClass: "d-none d-lg-flex" },
                                            [
                                              _c(
                                                "b-row",
                                                {
                                                  staticClass: "flex-grow-1 px-1"
                                                },
                                                [
                                                  _c(
                                                    "b-col",
                                                    {
                                                      attrs: {
                                                        cols: "12",
                                                        lg: "5"
                                                      }
                                                    },
                                                    [
                                                      _vm._v(
                                                        "\n                        Item\n                      "
                                                      )
                                                    ]
                                                  ),
                                                  _vm._v(" "),
                                                  _c(
                                                    "b-col",
                                                    {
                                                      attrs: {
                                                        cols: "12",
                                                        lg: "3"
                                                      }
                                                    },
                                                    [
                                                      _vm._v(
                                                        "\n                        Cost\n                      "
                                                      )
                                                    ]
                                                  ),
                                                  _vm._v(" "),
                                                  _c(
                                                    "b-col",
                                                    {
                                                      attrs: {
                                                        cols: "12",
                                                        lg: "2"
                                                      }
                                                    },
                                                    [
                                                      _vm._v(
                                                        "\n                        Qty\n                      "
                                                      )
                                                    ]
                                                  ),
                                                  _vm._v(" "),
                                                  _c(
                                                    "b-col",
                                                    {
                                                      attrs: {
                                                        cols: "12",
                                                        lg: "2"
                                                      }
                                                    },
                                                    [
                                                      _vm._v(
                                                        "\n                        Price\n                      "
                                                      )
                                                    ]
                                                  )
                                                ],
                                                1
                                              ),
                                              _vm._v(" "),
                                              _c("div", {
                                                staticClass:
                                                  "form-item-action-col"
                                              })
                                            ],
                                            1
                                          ),
                                          _vm._v(" "),
                                          _c(
                                            "div",
                                            {
                                              staticClass: "d-flex border rounded"
                                            },
                                            [
                                              _c(
                                                "b-row",
                                                {
                                                  staticClass: "flex-grow-1 p-2"
                                                },
                                                [
                                                  _c(
                                                    "b-col",
                                                    {
                                                      attrs: {
                                                        cols: "12",
                                                        lg: "5"
                                                      }
                                                    },
                                                    [
                                                      _c(
                                                        "label",
                                                        {
                                                          staticClass:
                                                            "d-inline d-lg-none"
                                                        },
                                                        [_vm._v("Item")]
                                                      ),
                                                      _vm._v(" "),
                                                      _c("v-select", {
                                                        staticClass:
                                                          "mb-2 item-selector-title",
                                                        attrs: {
                                                          dir: _vm.$store.state
                                                            .appConfig.isRTL
                                                            ? "rtl"
                                                            : "ltr",
                                                          options:
                                                            _vm.itemsOptions,
                                                          label: "itemTitle",
                                                          clearable: false,
                                                          placeholder:
                                                            "Select Item"
                                                        },
                                                        on: {
                                                          input: function(val) {
                                                            return _vm.updateItemForm(
                                                              index,
                                                              val
                                                            )
                                                          }
                                                        },
                                                        model: {
                                                          value: item.itemTitle,
                                                          callback: function(
                                                            $$v
                                                          ) {
                                                            _vm.$set(
                                                              item,
                                                              "itemTitle",
                                                              $$v
                                                            )
                                                          },
                                                          expression:
                                                            "item.itemTitle"
                                                        }
                                                      })
                                                    ],
                                                    1
                                                  ),
                                                  _vm._v(" "),
                                                  _c(
                                                    "b-col",
                                                    {
                                                      attrs: {
                                                        cols: "12",
                                                        lg: "3"
                                                      }
                                                    },
                                                    [
                                                      _c(
                                                        "label",
                                                        {
                                                          staticClass:
                                                            "d-inline d-lg-none"
                                                        },
                                                        [_vm._v("Cost")]
                                                      ),
                                                      _vm._v(" "),
                                                      _c("b-form-input", {
                                                        staticClass: "mb-2",
                                                        attrs: { type: "number" },
                                                        model: {
                                                          value: item.cost,
                                                          callback: function(
                                                            $$v
                                                          ) {
                                                            _vm.$set(
                                                              item,
                                                              "cost",
                                                              $$v
                                                            )
                                                          },
                                                          expression: "item.cost"
                                                        }
                                                      })
                                                    ],
                                                    1
                                                  ),
                                                  _vm._v(" "),
                                                  _c(
                                                    "b-col",
                                                    {
                                                      attrs: {
                                                        cols: "12",
                                                        lg: "2"
                                                      }
                                                    },
                                                    [
                                                      _c(
                                                        "label",
                                                        {
                                                          staticClass:
                                                            "d-inline d-lg-none"
                                                        },
                                                        [_vm._v("Qty")]
                                                      ),
                                                      _vm._v(" "),
                                                      _c("b-form-input", {
                                                        staticClass: "mb-2",
                                                        attrs: { type: "number" },
                                                        model: {
                                                          value: item.qty,
                                                          callback: function(
                                                            $$v
                                                          ) {
                                                            _vm.$set(
                                                              item,
                                                              "qty",
                                                              $$v
                                                            )
                                                          },
                                                          expression: "item.qty"
                                                        }
                                                      })
                                                    ],
                                                    1
                                                  ),
                                                  _vm._v(" "),
                                                  _c(
                                                    "b-col",
                                                    {
                                                      attrs: {
                                                        cols: "12",
                                                        lg: "2"
                                                      }
                                                    },
                                                    [
                                                      _c(
                                                        "label",
                                                        {
                                                          staticClass:
                                                            "d-inline d-lg-none"
                                                        },
                                                        [_vm._v("Price")]
                                                      ),
                                                      _vm._v(" "),
                                                      _c(
                                                        "p",
                                                        { staticClass: "mb-1" },
                                                        [
                                                          _vm._v(
                                                            "\n                          $" +
                                                              _vm._s(
                                                                item.cost *
                                                                  item.qty
                                                              ) +
                                                              "\n                        "
                                                          )
                                                        ]
                                                      )
                                                    ]
                                                  ),
                                                  _vm._v(" "),
                                                  _c(
                                                    "b-col",
                                                    {
                                                      attrs: {
                                                        cols: "12",
                                                        lg: "5"
                                                      }
                                                    },
                                                    [
                                                      _c(
                                                        "label",
                                                        {
                                                          staticClass:
                                                            "d-inline d-lg-none"
                                                        },
                                                        [_vm._v("Description")]
                                                      ),
                                                      _vm._v(" "),
                                                      _c("b-form-textarea", {
                                                        staticClass:
                                                          "mb-2 mb-lg-0",
                                                        model: {
                                                          value: item.description,
                                                          callback: function(
                                                            $$v
                                                          ) {
                                                            _vm.$set(
                                                              item,
                                                              "description",
                                                              $$v
                                                            )
                                                          },
                                                          expression:
                                                            "item.description"
                                                        }
                                                      })
                                                    ],
                                                    1
                                                  ),
                                                  _vm._v(" "),
                                                  _c("b-col", [
                                                    _c(
                                                      "p",
                                                      { staticClass: "mb-0" },
                                                      [
                                                        _vm._v(
                                                          "\n                          Discount: 0% 0% 0%\n                        "
                                                        )
                                                      ]
                                                    )
                                                  ])
                                                ],
                                                1
                                              ),
                                              _vm._v(" "),
                                              _c(
                                                "div",
                                                {
                                                  staticClass:
                                                    "d-flex flex-column justify-content-between border-left py-50 px-25"
                                                },
                                                [
                                                  _c("feather-icon", {
                                                    staticClass: "cursor-pointer",
                                                    attrs: {
                                                      size: "16",
                                                      icon: "XIcon"
                                                    },
                                                    on: {
                                                      click: function($event) {
                                                        return _vm.removeItem(
                                                          index
                                                        )
                                                      }
                                                    }
                                                  }),
                                                  _vm._v(" "),
                                                  _c("feather-icon", {
                                                    staticClass: "cursor-pointer",
                                                    attrs: {
                                                      id:
                                                        "form-item-settings-icon-" +
                                                        index,
                                                      size: "16",
                                                      icon: "SettingsIcon"
                                                    }
                                                  }),
                                                  _vm._v(" "),
                                                  _c(
                                                    "b-popover",
                                                    {
                                                      ref:
                                                        "form-item-settings-popover-" +
                                                        index,
                                                      refInFor: true,
                                                      attrs: {
                                                        target:
                                                          "form-item-settings-icon-" +
                                                          index,
                                                        triggers: "click",
                                                        placement: "lefttop"
                                                      }
                                                    },
                                                    [
                                                      _c(
                                                        "b-form",
                                                        {
                                                          on: {
                                                            submit: function(
                                                              $event
                                                            ) {
                                                              $event.preventDefault()
                                                            }
                                                          }
                                                        },
                                                        [
                                                          _c(
                                                            "b-row",
                                                            [
                                                              _c(
                                                                "b-col",
                                                                {
                                                                  attrs: {
                                                                    cols: "12"
                                                                  }
                                                                },
                                                                [
                                                                  _c(
                                                                    "b-form-group",
                                                                    {
                                                                      attrs: {
                                                                        label:
                                                                          "Discount(%)",
                                                                        "label-for":
                                                                          "setting-item-" +
                                                                          index +
                                                                          "-discount"
                                                                      }
                                                                    },
                                                                    [
                                                                      _c(
                                                                        "b-form-input",
                                                                        {
                                                                          attrs: {
                                                                            id:
                                                                              "setting-item-" +
                                                                              index +
                                                                              "-discount",
                                                                            value: null,
                                                                            type:
                                                                              "number"
                                                                          }
                                                                        }
                                                                      )
                                                                    ],
                                                                    1
                                                                  )
                                                                ],
                                                                1
                                                              ),
                                                              _vm._v(" "),
                                                              _c(
                                                                "b-col",
                                                                {
                                                                  attrs: {
                                                                    cols: "6"
                                                                  }
                                                                },
                                                                [
                                                                  _c(
                                                                    "b-form-group",
                                                                    {
                                                                      attrs: {
                                                                        label:
                                                                          "Tax 1",
                                                                        "label-for":
                                                                          "setting-item-" +
                                                                          index +
                                                                          "-tax-1"
                                                                      }
                                                                    },
                                                                    [
                                                                      _c(
                                                                        "v-select",
                                                                        {
                                                                          attrs: {
                                                                            dir: _vm
                                                                              .$store
                                                                              .state
                                                                              .appConfig
                                                                              .isRTL
                                                                              ? "rtl"
                                                                              : "ltr",
                                                                            value:
                                                                              "10%",
                                                                            options: [
                                                                              "0%",
                                                                              "1%",
                                                                              "10%",
                                                                              "14%",
                                                                              "18%"
                                                                            ],
                                                                            "input-id":
                                                                              "setting-item-" +
                                                                              index +
                                                                              "-tax-1",
                                                                            clearable: false
                                                                          }
                                                                        }
                                                                      )
                                                                    ],
                                                                    1
                                                                  )
                                                                ],
                                                                1
                                                              ),
                                                              _vm._v(" "),
                                                              _c(
                                                                "b-col",
                                                                {
                                                                  attrs: {
                                                                    cols: "6"
                                                                  }
                                                                },
                                                                [
                                                                  _c(
                                                                    "b-form-group",
                                                                    {
                                                                      attrs: {
                                                                        label:
                                                                          "Tax 2",
                                                                        "label-for":
                                                                          "setting-item-" +
                                                                          index +
                                                                          "-tax-2"
                                                                      }
                                                                    },
                                                                    [
                                                                      _c(
                                                                        "v-select",
                                                                        {
                                                                          attrs: {
                                                                            dir: _vm
                                                                              .$store
                                                                              .state
                                                                              .appConfig
                                                                              .isRTL
                                                                              ? "rtl"
                                                                              : "ltr",
                                                                            value:
                                                                              "10%",
                                                                            options: [
                                                                              "0%",
                                                                              "1%",
                                                                              "10%",
                                                                              "14%",
                                                                              "18%"
                                                                            ],
                                                                            "input-id":
                                                                              "setting-item-" +
                                                                              index +
                                                                              "-tax-2",
                                                                            clearable: false
                                                                          }
                                                                        }
                                                                      )
                                                                    ],
                                                                    1
                                                                  )
                                                                ],
                                                                1
                                                              ),
                                                              _vm._v(" "),
                                                              _c(
                                                                "b-col",
                                                                {
                                                                  staticClass:
                                                                    "d-flex justify-content-between mt-1",
                                                                  attrs: {
                                                                    cols: "12"
                                                                  }
                                                                },
                                                                [
                                                                  _c(
                                                                    "b-button",
                                                                    {
                                                                      attrs: {
                                                                        variant:
                                                                          "outline-primary"
                                                                      },
                                                                      on: {
                                                                        click: function() {
                                                                          _vm.$refs[
                                                                            "form-item-settings-popover-" +
                                                                              index
                                                                          ][0].$emit(
                                                                            "close"
                                                                          )
                                                                        }
                                                                      }
                                                                    },
                                                                    [
                                                                      _vm._v(
                                                                        "\n                                Apply\n                              "
                                                                      )
                                                                    ]
                                                                  ),
                                                                  _vm._v(" "),
                                                                  _c(
                                                                    "b-button",
                                                                    {
                                                                      attrs: {
                                                                        variant:
                                                                          "outline-secondary"
                                                                      },
                                                                      on: {
                                                                        click: function() {
                                                                          _vm.$refs[
                                                                            "form-item-settings-popover-" +
                                                                              index
                                                                          ][0].$emit(
                                                                            "close"
                                                                          )
                                                                        }
                                                                      }
                                                                    },
                                                                    [
                                                                      _vm._v(
                                                                        "\n                                Cancel\n                              "
                                                                      )
                                                                    ]
                                                                  )
                                                                ],
                                                                1
                                                              )
                                                            ],
                                                            1
                                                          )
                                                        ],
                                                        1
                                                      )
                                                    ],
                                                    1
                                                  )
                                                ],
                                                1
                                              )
                                            ],
                                            1
                                          )
                                        ])
                                      ],
                                      1
                                    )
                                  }),
                                  1
                                ),
                                _vm._v(" "),
                                _c(
                                  "b-button",
                                  {
                                    directives: [
                                      {
                                        name: "ripple",
                                        rawName: "v-ripple.400",
                                        value: "rgba(255, 255, 255, 0.15)",
                                        expression: "'rgba(255, 255, 255, 0.15)'",
                                        modifiers: { "400": true }
                                      }
                                    ],
                                    attrs: { size: "sm", variant: "primary" },
                                    on: { click: _vm.addNewItemInItemForm }
                                  },
                                  [
                                    _vm._v(
                                      "\n              Add Item\n            "
                                    )
                                  ]
                                )
                              ],
                              1
                            ),
                            _vm._v(" "),
                            _c(
                              "b-card-body",
                              { staticClass: "invoice-padding pb-0" },
                              [
                                _c(
                                  "b-row",
                                  [
                                    _c(
                                      "b-col",
                                      {
                                        staticClass:
                                          "mt-md-0 mt-3 d-flex align-items-center",
                                        attrs: {
                                          cols: "12",
                                          md: "6",
                                          order: "2",
                                          "order-md": "1"
                                        }
                                      },
                                      [
                                        _c(
                                          "label",
                                          {
                                            staticClass: "text-nowrap mr-50",
                                            attrs: {
                                              for: "invoice-data-sales-person"
                                            }
                                          },
                                          [_vm._v("Sales Person:")]
                                        ),
                                        _vm._v(" "),
                                        _c("b-form-input", {
                                          attrs: {
                                            id: "invoice-data-sales-person",
                                            placeholder: "Edward Crowley"
                                          },
                                          model: {
                                            value: _vm.invoiceData.salesPerson,
                                            callback: function($$v) {
                                              _vm.$set(
                                                _vm.invoiceData,
                                                "salesPerson",
                                                $$v
                                              )
                                            },
                                            expression: "invoiceData.salesPerson"
                                          }
                                        })
                                      ],
                                      1
                                    ),
                                    _vm._v(" "),
                                    _c(
                                      "b-col",
                                      {
                                        staticClass:
                                          "mt-md-6 d-flex justify-content-end",
                                        attrs: {
                                          cols: "12",
                                          md: "6",
                                          order: "1",
                                          "order-md": "2"
                                        }
                                      },
                                      [
                                        _c(
                                          "div",
                                          {
                                            staticClass: "invoice-total-wrapper"
                                          },
                                          [
                                            _c(
                                              "div",
                                              {
                                                staticClass: "invoice-total-item"
                                              },
                                              [
                                                _c(
                                                  "p",
                                                  {
                                                    staticClass:
                                                      "invoice-total-title"
                                                  },
                                                  [
                                                    _vm._v(
                                                      "\n                      Subtotal:\n                    "
                                                    )
                                                  ]
                                                ),
                                                _vm._v(" "),
                                                _c(
                                                  "p",
                                                  {
                                                    staticClass:
                                                      "invoice-total-amount"
                                                  },
                                                  [
                                                    _vm._v(
                                                      "\n                      $1800\n                    "
                                                    )
                                                  ]
                                                )
                                              ]
                                            ),
                                            _vm._v(" "),
                                            _c(
                                              "div",
                                              {
                                                staticClass: "invoice-total-item"
                                              },
                                              [
                                                _c(
                                                  "p",
                                                  {
                                                    staticClass:
                                                      "invoice-total-title"
                                                  },
                                                  [
                                                    _vm._v(
                                                      "\n                      Discount:\n                    "
                                                    )
                                                  ]
                                                ),
                                                _vm._v(" "),
                                                _c(
                                                  "p",
                                                  {
                                                    staticClass:
                                                      "invoice-total-amount"
                                                  },
                                                  [
                                                    _vm._v(
                                                      "\n                      $28\n                    "
                                                    )
                                                  ]
                                                )
                                              ]
                                            ),
                                            _vm._v(" "),
                                            _c(
                                              "div",
                                              {
                                                staticClass: "invoice-total-item"
                                              },
                                              [
                                                _c(
                                                  "p",
                                                  {
                                                    staticClass:
                                                      "invoice-total-title"
                                                  },
                                                  [
                                                    _vm._v(
                                                      "\n                      Tax:\n                    "
                                                    )
                                                  ]
                                                ),
                                                _vm._v(" "),
                                                _c(
                                                  "p",
                                                  {
                                                    staticClass:
                                                      "invoice-total-amount"
                                                  },
                                                  [
                                                    _vm._v(
                                                      "\n                      21%\n                    "
                                                    )
                                                  ]
                                                )
                                              ]
                                            ),
                                            _vm._v(" "),
                                            _c("hr", { staticClass: "my-50" }),
                                            _vm._v(" "),
                                            _c(
                                              "div",
                                              {
                                                staticClass: "invoice-total-item"
                                              },
                                              [
                                                _c(
                                                  "p",
                                                  {
                                                    staticClass:
                                                      "invoice-total-title"
                                                  },
                                                  [
                                                    _vm._v(
                                                      "\n                      Total:\n                    "
                                                    )
                                                  ]
                                                ),
                                                _vm._v(" "),
                                                _c(
                                                  "p",
                                                  {
                                                    staticClass:
                                                      "invoice-total-amount"
                                                  },
                                                  [
                                                    _vm._v(
                                                      "\n                      $1690\n                    "
                                                    )
                                                  ]
                                                )
                                              ]
                                            )
                                          ]
                                        )
                                      ]
                                    )
                                  ],
                                  1
                                )
                              ],
                              1
                            ),
                            _vm._v(" "),
                            _c("hr", { staticClass: "invoice-spacing" }),
                            _vm._v(" "),
                            _c(
                              "b-card-body",
                              { staticClass: "invoice-padding pt-0" },
                              [
                                _c("span", { staticClass: "font-weight-bold" }, [
                                  _vm._v("Note: ")
                                ]),
                                _vm._v(" "),
                                _c("b-form-textarea", {
                                  model: {
                                    value: _vm.invoiceData.note,
                                    callback: function($$v) {
                                      _vm.$set(_vm.invoiceData, "note", $$v)
                                    },
                                    expression: "invoiceData.note"
                                  }
                                })
                              ],
                              1
                            )
                          ],
                          1
                        )
                      ],
                      1
                    )
                  ],
                  1
                ),
                _vm._v(" "),
                _c(
                  "b-col",
                  {
                    staticClass: "invoice-actions",
                    attrs: { cols: "12", md: "4", xl: "3" }
                  },
                  [
                    _c(
                      "b-card",
                      [
                        _c(
                          "b-button",
                          {
                            directives: [
                              {
                                name: "ripple",
                                rawName: "v-ripple.400",
                                value: "rgba(255, 255, 255, 0.15)",
                                expression: "'rgba(255, 255, 255, 0.15)'",
                                modifiers: { "400": true }
                              },
                              {
                                name: "b-toggle",
                                rawName: "v-b-toggle.sidebar-send-invoice",
                                modifiers: { "sidebar-send-invoice": true }
                              }
                            ],
                            staticClass: "mb-75",
                            attrs: { variant: "primary", block: "" }
                          },
                          [_vm._v("\n          Send Invoice\n        ")]
                        ),
                        _vm._v(" "),
                        _c(
                          "b-button",
                          {
                            directives: [
                              {
                                name: "ripple",
                                rawName: "v-ripple.400",
                                value: "rgba(113, 102, 240, 0.15)",
                                expression: "'rgba(113, 102, 240, 0.15)'",
                                modifiers: { "400": true }
                              }
                            ],
                            staticClass: "mb-75",
                            attrs: { variant: "outline-primary", block: "" }
                          },
                          [_vm._v("\n          Preview\n        ")]
                        ),
                        _vm._v(" "),
                        _c(
                          "b-button",
                          {
                            directives: [
                              {
                                name: "ripple",
                                rawName: "v-ripple.400",
                                value: "rgba(113, 102, 240, 0.15)",
                                expression: "'rgba(113, 102, 240, 0.15)'",
                                modifiers: { "400": true }
                              }
                            ],
                            attrs: { variant: "outline-primary", block: "" }
                          },
                          [_vm._v("\n          Save\n        ")]
                        ),
                        _vm._v(" "),
                        _c(
                          "b-button",
                          {
                            directives: [
                              {
                                name: "b-toggle",
                                rawName: "v-b-toggle.sidebar-invoice-add-payment",
                                modifiers: { "sidebar-invoice-add-payment": true }
                              },
                              {
                                name: "ripple",
                                rawName: "v-ripple.400",
                                value: "rgba(255, 255, 255, 0.15)",
                                expression: "'rgba(255, 255, 255, 0.15)'",
                                modifiers: { "400": true }
                              }
                            ],
                            staticClass: "mb-75",
                            attrs: { variant: "success", block: "" }
                          },
                          [_vm._v("\n          Add Payment\n        ")]
                        )
                      ],
                      1
                    ),
                    _vm._v(" "),
                    _c(
                      "div",
                      { staticClass: "mt-2" },
                      [
                        _c(
                          "b-form-group",
                          {
                            attrs: {
                              label: "Accept Payment Via",
                              "label-for": "payment-method"
                            }
                          },
                          [
                            _c("v-select", {
                              staticClass: "payment-selector",
                              attrs: {
                                dir: _vm.$store.state.appConfig.isRTL
                                  ? "rtl"
                                  : "ltr",
                                options: _vm.paymentMethods,
                                "input-id": "payment-method",
                                clearable: false
                              },
                              model: {
                                value: _vm.invoiceData.paymentMethod,
                                callback: function($$v) {
                                  _vm.$set(_vm.invoiceData, "paymentMethod", $$v)
                                },
                                expression: "invoiceData.paymentMethod"
                              }
                            })
                          ],
                          1
                        ),
                        _vm._v(" "),
                        _c(
                          "div",
                          {
                            staticClass:
                              "d-flex justify-content-between align-items-center"
                          },
                          [
                            _c("label", { attrs: { for: "patymentTerms" } }, [
                              _vm._v("Payment Terms")
                            ]),
                            _vm._v(" "),
                            _c("b-form-checkbox", {
                              attrs: {
                                id: "patymentTerms",
                                checked: true,
                                switch: ""
                              }
                            })
                          ],
                          1
                        ),
                        _vm._v(" "),
                        _c(
                          "div",
                          {
                            staticClass:
                              "d-flex justify-content-between align-items-center my-1"
                          },
                          [
                            _c("label", { attrs: { for: "clientNotes" } }, [
                              _vm._v("Client Notes")
                            ]),
                            _vm._v(" "),
                            _c("b-form-checkbox", {
                              attrs: {
                                id: "clientNotes",
                                checked: true,
                                switch: ""
                              }
                            })
                          ],
                          1
                        ),
                        _vm._v(" "),
                        _c(
                          "div",
                          {
                            staticClass:
                              "d-flex justify-content-between align-items-center"
                          },
                          [
                            _c("label", { attrs: { for: "paymentStub" } }, [
                              _vm._v("Payment Stub")
                            ]),
                            _vm._v(" "),
                            _c("b-form-checkbox", {
                              attrs: { id: "paymentStub", switch: "" }
                            })
                          ],
                          1
                        )
                      ],
                      1
                    )
                  ],
                  1
                )
              ],
              1
            )
          : _vm._e(),
        _vm._v(" "),
        _c("invoice-sidebar-send-invoice"),
        _vm._v(" "),
        _c("invoice-sidebar-add-payment")
      ],
      1
    )
  }
  var staticRenderFns = []
  render._withStripped = true
  
  
  
  /***/ })
  
  }]);