(self["webpackChunkapp"] = self["webpackChunkapp"] || []).push([["src_app_pages_beneficiary-register_beneficiary-register_module_ts"],{

/***/ 69843:
/*!*******************************************************************!*\
  !*** ./src/app/components/report-modal/report-modal.component.ts ***!
  \*******************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   ReportModalComponent: () => (/* binding */ ReportModalComponent)
/* harmony export */ });
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! tslib */ 24398);
/* harmony import */ var _report_modal_component_html_ngResource__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./report-modal.component.html?ngResource */ 38965);
/* harmony import */ var _report_modal_component_scss_ngResource__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./report-modal.component.scss?ngResource */ 69053);
/* harmony import */ var _report_modal_component_scss_ngResource__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_report_modal_component_scss_ngResource__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @angular/core */ 37580);
/* harmony import */ var _ionic_angular__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ionic/angular */ 21507);
/* harmony import */ var _angular_platform_browser__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/platform-browser */ 80436);
var _ReportModalComponent;






let ReportModalComponent = (_ReportModalComponent = class ReportModalComponent {
  constructor(modalCtrl, sanitizer) {
    this.modalCtrl = modalCtrl;
    this.sanitizer = sanitizer;
  }
  ngOnInit() {
    this.safeUrl = this.sanitizer.bypassSecurityTrustResourceUrl(this.url);
  }
  dismiss() {
    this.modalCtrl.dismiss();
  }
}, _ReportModalComponent.ctorParameters = () => [{
  type: _ionic_angular__WEBPACK_IMPORTED_MODULE_2__.ModalController
}, {
  type: _angular_platform_browser__WEBPACK_IMPORTED_MODULE_3__.DomSanitizer
}], _ReportModalComponent.propDecorators = {
  url: [{
    type: _angular_core__WEBPACK_IMPORTED_MODULE_4__.Input
  }],
  title: [{
    type: _angular_core__WEBPACK_IMPORTED_MODULE_4__.Input
  }]
}, _ReportModalComponent);
ReportModalComponent = (0,tslib__WEBPACK_IMPORTED_MODULE_5__.__decorate)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_4__.Component)({
  selector: 'app-report-modal',
  template: _report_modal_component_html_ngResource__WEBPACK_IMPORTED_MODULE_0__,
  styles: [(_report_modal_component_scss_ngResource__WEBPACK_IMPORTED_MODULE_1___default())]
})], ReportModalComponent);


/***/ }),

/***/ 29343:
/*!***********************************************************************************!*\
  !*** ./src/app/pages/beneficiary-register/beneficiary-register-routing.module.ts ***!
  \***********************************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   BeneficiaryRegisterPageRoutingModule: () => (/* binding */ BeneficiaryRegisterPageRoutingModule)
/* harmony export */ });
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! tslib */ 24398);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/core */ 37580);
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/router */ 95072);
/* harmony import */ var _beneficiary_register_page__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./beneficiary-register.page */ 57233);




const routes = [{
  path: '',
  component: _beneficiary_register_page__WEBPACK_IMPORTED_MODULE_0__.BeneficiaryRegisterPage
}];
let BeneficiaryRegisterPageRoutingModule = class BeneficiaryRegisterPageRoutingModule {};
BeneficiaryRegisterPageRoutingModule = (0,tslib__WEBPACK_IMPORTED_MODULE_1__.__decorate)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_2__.NgModule)({
  imports: [_angular_router__WEBPACK_IMPORTED_MODULE_3__.RouterModule.forChild(routes)],
  exports: [_angular_router__WEBPACK_IMPORTED_MODULE_3__.RouterModule]
})], BeneficiaryRegisterPageRoutingModule);


/***/ }),

/***/ 7822:
/*!***************************************************************************!*\
  !*** ./src/app/pages/beneficiary-register/beneficiary-register.module.ts ***!
  \***************************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   BeneficiaryRegisterPageModule: () => (/* binding */ BeneficiaryRegisterPageModule)
/* harmony export */ });
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! tslib */ 24398);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/core */ 37580);
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @angular/common */ 60316);
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @angular/forms */ 34456);
/* harmony import */ var _ionic_angular__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @ionic/angular */ 21507);
/* harmony import */ var _beneficiary_register_routing_module__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./beneficiary-register-routing.module */ 29343);
/* harmony import */ var _beneficiary_register_page__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./beneficiary-register.page */ 57233);







let BeneficiaryRegisterPageModule = class BeneficiaryRegisterPageModule {};
BeneficiaryRegisterPageModule = (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_3__.NgModule)({
  imports: [_angular_common__WEBPACK_IMPORTED_MODULE_4__.CommonModule, _angular_forms__WEBPACK_IMPORTED_MODULE_5__.FormsModule, _ionic_angular__WEBPACK_IMPORTED_MODULE_6__.IonicModule, _beneficiary_register_routing_module__WEBPACK_IMPORTED_MODULE_0__.BeneficiaryRegisterPageRoutingModule],
  declarations: [_beneficiary_register_page__WEBPACK_IMPORTED_MODULE_1__.BeneficiaryRegisterPage]
})], BeneficiaryRegisterPageModule);


/***/ }),

/***/ 57233:
/*!*************************************************************************!*\
  !*** ./src/app/pages/beneficiary-register/beneficiary-register.page.ts ***!
  \*************************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   BeneficiaryRegisterPage: () => (/* binding */ BeneficiaryRegisterPage)
/* harmony export */ });
/* harmony import */ var _workdir_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js */ 89204);
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! tslib */ 24398);
/* harmony import */ var _beneficiary_register_page_html_ngResource__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./beneficiary-register.page.html?ngResource */ 34387);
/* harmony import */ var _beneficiary_register_page_scss_ngResource__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./beneficiary-register.page.scss?ngResource */ 93359);
/* harmony import */ var _beneficiary_register_page_scss_ngResource__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_beneficiary_register_page_scss_ngResource__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @angular/core */ 37580);
/* harmony import */ var _ionic_angular__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @ionic/angular */ 21507);
/* harmony import */ var _components_report_modal_report_modal_component__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/report-modal/report-modal.component */ 69843);
/* harmony import */ var src_environments_environment__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! src/environments/environment */ 45312);

var _BeneficiaryRegisterPage;







let BeneficiaryRegisterPage = (_BeneficiaryRegisterPage = class BeneficiaryRegisterPage {
  constructor(modalCtrl) {
    this.modalCtrl = modalCtrl;
    this.selectedType = 'child';
  }
  ngOnInit() {}
  onTypeChange() {
    // Handle type change if needed
  }
  showReport(beneficiaryType, reportType) {
    var _this = this;
    return (0,_workdir_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_0__["default"])(function* () {
      var _user$profile;
      const token = localStorage.getItem('token');
      const userJson = localStorage.getItem('user');
      const user = JSON.parse(userJson);
      const inf_id = user === null || user === void 0 || (_user$profile = user.profile) === null || _user$profile === void 0 || (_user$profile = _user$profile.default_inf) === null || _user$profile === void 0 ? void 0 : _user$profile.id;
      if (!token) return;
      let fullUrl = '';
      if (beneficiaryType === 'child') {
        fullUrl = `${src_environments_environment__WEBPACK_IMPORTED_MODULE_4__.hostLocal}/child-register/${reportType}?inf_id=${inf_id}&api_token=${token}`;
      } else if (beneficiaryType === 'plw') {
        fullUrl = `${src_environments_environment__WEBPACK_IMPORTED_MODULE_4__.hostLocal}/plw-register/${reportType}inf_id=${inf_id}&api_token=${token}`;
      }
      const modal = yield _this.modalCtrl.create({
        component: _components_report_modal_report_modal_component__WEBPACK_IMPORTED_MODULE_3__.ReportModalComponent,
        componentProps: {
          url: fullUrl,
          title: _this.getReportTitle(beneficiaryType, reportType)
        }
      });
      yield modal.present();
    })();
  }
  getReportTitle(beneficiaryType, reportType) {
    var _titles$beneficiaryTy;
    const titles = {
      'child': {
        'otp': 'Child OTP Register',
        'tsfp': 'Child TSFP Register',
        'bsfp': 'Child BSFP Register',
        'measurement': 'Child Measurement Register',
        'discharge_tracking': 'Child Discharge Register',
        'followup': 'Child Followup Register',
        'iycf': 'IYCF PLW Register',
        'gmp': 'Child GMP Register'
      },
      'plw': {
        'bsfp-plw?is_pregnant=no&': 'BSFP Lactating Women Register',
        'bsfp-plw?is_pregnant=yes&': 'BSFP Pregnant Women Register',
        'tsfp-plw?': 'PLW TSFP Register',
        'iycf?': 'PLW IYCF Register'
      }
    };
    return ((_titles$beneficiaryTy = titles[beneficiaryType]) === null || _titles$beneficiaryTy === void 0 ? void 0 : _titles$beneficiaryTy[reportType]) || 'Beneficiary Register';
  }
}, _BeneficiaryRegisterPage.ctorParameters = () => [{
  type: _ionic_angular__WEBPACK_IMPORTED_MODULE_5__.ModalController
}], _BeneficiaryRegisterPage);
BeneficiaryRegisterPage = (0,tslib__WEBPACK_IMPORTED_MODULE_6__.__decorate)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_7__.Component)({
  selector: 'app-beneficiary-register',
  template: _beneficiary_register_page_html_ngResource__WEBPACK_IMPORTED_MODULE_1__,
  styles: [(_beneficiary_register_page_scss_ngResource__WEBPACK_IMPORTED_MODULE_2___default())]
})], BeneficiaryRegisterPage);


/***/ }),

/***/ 69053:
/*!********************************************************************************!*\
  !*** ./src/app/components/report-modal/report-modal.component.scss?ngResource ***!
  \********************************************************************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {

// Imports
var ___CSS_LOADER_API_SOURCEMAP_IMPORT___ = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/sourceMaps.js */ 53142);
var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ 35950);
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);
// Module
___CSS_LOADER_EXPORT___.push([module.id, `:host {
  display: block;
  height: 100%;
}

ion-content {
  --padding-top: 0;
  --padding-bottom: 0;
  --padding-start: 0;
  --padding-end: 0;
  overflow-x: scroll;
  overflow-y: hidden;
}

iframe {
  min-width: 100%;
  height: 100vh;
  border: none;
}`, "",{"version":3,"sources":["webpack://./src/app/components/report-modal/report-modal.component.scss"],"names":[],"mappings":"AAAA;EACE,cAAA;EACA,YAAA;AACF;;AAEA;EACE,gBAAA;EACA,mBAAA;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;AACF;;AAEA;EACE,eAAA;EACA,aAAA;EACA,YAAA;AACF","sourcesContent":[":host {\n  display: block;\n  height: 100%;\n}\n\nion-content {\n  --padding-top: 0;\n  --padding-bottom: 0;\n  --padding-start: 0;\n  --padding-end: 0;\n  overflow-x: scroll;\n  overflow-y: hidden;\n}\n\niframe {\n  min-width: 100%;\n  height: 100vh;\n  border: none;\n}\n"],"sourceRoot":""}]);
// Exports
module.exports = ___CSS_LOADER_EXPORT___.toString();


/***/ }),

/***/ 93359:
/*!**************************************************************************************!*\
  !*** ./src/app/pages/beneficiary-register/beneficiary-register.page.scss?ngResource ***!
  \**************************************************************************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {

// Imports
var ___CSS_LOADER_API_SOURCEMAP_IMPORT___ = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/sourceMaps.js */ 53142);
var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ 35950);
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);
// Module
___CSS_LOADER_EXPORT___.push([module.id, `:host {
  --ion-background-color: #f8f9fa;
}

.register-container {
  max-width: 1200px;
  margin: 0 auto;
}

.section-header {
  margin-bottom: 24px;
  text-align: center;
}

.section-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  font-size: 24px;
  font-weight: 700;
  color: var(--ion-color-dark);
  margin: 0 0 8px 0;
}

.section-title ion-icon {
  font-size: 28px;
}

.section-subtitle {
  font-size: 15px;
  color: var(--ion-color-medium);
  margin: 0;
}

ion-card {
  border-radius: 16px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  margin-bottom: 20px;
}

ion-card-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 18px;
  font-weight: 600;
}

ion-card-subtitle {
  margin-top: 6px;
  font-size: 14px;
}

ion-segment {
  --background: #f0f0f0;
  border-radius: 12px;
  padding: 4px;
}

ion-segment-button {
  --indicator-color: var(--ion-color-primary);
  --color: var(--ion-color-medium);
  --color-checked: rgb(46, 102, 207);
  min-height: 48px;
  border-radius: 10px;
  font-weight: 600;
}

ion-segment-button ion-icon {
  margin-bottom: 4px;
  font-size: 20px;
}

.register-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 16px;
  margin-top: 16px;
}

.register-item {
  background: white;
  border: 2px solid #e0e0e0;
  border-radius: 12px;
  padding: 20px;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-height: 160px;
}
.register-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
  border-color: var(--ion-color-primary);
}
.register-item:active {
  transform: translateY(-2px);
}
.register-item ion-icon {
  font-size: 36px;
  margin-bottom: 12px;
}
.register-item .custom-icon {
  width: 48px;
  height: 48px;
  margin-bottom: 12px;
  object-fit: contain;
}
.register-item h3 {
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 6px 0;
  color: var(--ion-color-dark);
}
.register-item p {
  font-size: 13px;
  color: var(--ion-color-medium);
  margin: 0 0 12px 0;
  flex-grow: 1;
}
.register-item ion-button {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  align-self: flex-start;
}

@media (max-width: 768px) {
  .register-grid {
    grid-template-columns: 1fr;
  }
  .section-title {
    font-size: 20px;
  }
  .register-item {
    min-height: 140px;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .register-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
ion-icon[color=purple] {
  color: #8836ca;
}

ion-button[color=purple] {
  --ion-color-base: #8836ca;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.register-item {
  animation: fadeIn 0.4s ease-out;
}

.register-item:nth-child(1) {
  animation-delay: 0.05s;
}

.register-item:nth-child(2) {
  animation-delay: 0.1s;
}

.register-item:nth-child(3) {
  animation-delay: 0.15s;
}

.register-item:nth-child(4) {
  animation-delay: 0.2s;
}

.register-item:nth-child(5) {
  animation-delay: 0.25s;
}

.register-item:nth-child(6) {
  animation-delay: 0.3s;
}

.register-item:nth-child(7) {
  animation-delay: 0.35s;
}`, "",{"version":3,"sources":["webpack://./src/app/pages/beneficiary-register/beneficiary-register.page.scss"],"names":[],"mappings":"AAAA;EACE,+BAAA;AACF;;AAEA;EACE,iBAAA;EACA,cAAA;AACF;;AAEA;EACE,mBAAA;EACA,kBAAA;AACF;;AAEA;EACE,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,SAAA;EACA,eAAA;EACA,gBAAA;EACA,4BAAA;EACA,iBAAA;AACF;;AAEA;EACE,eAAA;AACF;;AAEA;EACE,eAAA;EACA,8BAAA;EACA,SAAA;AACF;;AAEA;EACE,mBAAA;EACA,0CAAA;EACA,mBAAA;AACF;;AAEA;EACE,aAAA;EACA,mBAAA;EACA,QAAA;EACA,eAAA;EACA,gBAAA;AACF;;AAEA;EACE,eAAA;EACA,eAAA;AACF;;AAGA;EACE,qBAAA;EACA,mBAAA;EACA,YAAA;AAAF;;AAGA;EACE,2CAAA;EACA,gCAAA;EACA,kCAAA;EACA,gBAAA;EACA,mBAAA;EACA,gBAAA;AAAF;;AAGA;EACE,kBAAA;EACA,eAAA;AAAF;;AAIA;EACE,aAAA;EACA,4DAAA;EACA,SAAA;EACA,gBAAA;AADF;;AAIA;EACE,iBAAA;EACA,yBAAA;EACA,mBAAA;EACA,aAAA;EACA,eAAA;EACA,yBAAA;EACA,aAAA;EACA,sBAAA;EACA,uBAAA;EACA,iBAAA;AADF;AAGE;EACE,2BAAA;EACA,0CAAA;EACA,sCAAA;AADJ;AAIE;EACE,2BAAA;AAFJ;AAKE;EACE,eAAA;EACA,mBAAA;AAHJ;AAME;EACE,WAAA;EACA,YAAA;EACA,mBAAA;EACA,mBAAA;AAJJ;AAOE;EACE,eAAA;EACA,gBAAA;EACA,iBAAA;EACA,4BAAA;AALJ;AAQE;EACE,eAAA;EACA,8BAAA;EACA,kBAAA;EACA,YAAA;AANJ;AASE;EACE,SAAA;EACA,eAAA;EACA,gBAAA;EACA,sBAAA;AAPJ;;AAYA;EACE;IACE,0BAAA;EATF;EAYA;IACE,eAAA;EAVF;EAaA;IACE,iBAAA;EAXF;AACF;AAcA;EACE;IACE,qCAAA;EAZF;AACF;AAgBA;EACE,cAAA;AAdF;;AAiBA;EACE,yBAAA;AAdF;;AAkBA;EACE;IACE,UAAA;IACA,2BAAA;EAfF;EAiBA;IACE,UAAA;IACA,wBAAA;EAfF;AACF;AAkBA;EACE,+BAAA;AAhBF;;AAmBA;EAA8B,sBAAA;AAf9B;;AAgBA;EAA8B,qBAAA;AAZ9B;;AAaA;EAA8B,sBAAA;AAT9B;;AAUA;EAA8B,qBAAA;AAN9B;;AAOA;EAA8B,sBAAA;AAH9B;;AAIA;EAA8B,qBAAA;AAA9B;;AACA;EAA8B,sBAAA;AAG9B","sourcesContent":[":host {\n  --ion-background-color: #f8f9fa;\n}\n\n.register-container {\n  max-width: 1200px;\n  margin: 0 auto;\n}\n\n.section-header {\n  margin-bottom: 24px;\n  text-align: center;\n}\n\n.section-title {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  font-size: 24px;\n  font-weight: 700;\n  color: var(--ion-color-dark);\n  margin: 0 0 8px 0;\n}\n\n.section-title ion-icon {\n  font-size: 28px;\n}\n\n.section-subtitle {\n  font-size: 15px;\n  color: var(--ion-color-medium);\n  margin: 0;\n}\n\nion-card {\n  border-radius: 16px;\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);\n  margin-bottom: 20px;\n}\n\nion-card-title {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 18px;\n  font-weight: 600;\n}\n\nion-card-subtitle {\n  margin-top: 6px;\n  font-size: 14px;\n}\n\n// Segment styling\nion-segment {\n  --background: #f0f0f0;\n  border-radius: 12px;\n  padding: 4px;\n}\n\nion-segment-button {\n  --indicator-color: var(--ion-color-primary);\n  --color: var(--ion-color-medium);\n  --color-checked: rgb(46, 102, 207);\n  min-height: 48px;\n  border-radius: 10px;\n  font-weight: 600;\n}\n\nion-segment-button ion-icon {\n  margin-bottom: 4px;\n  font-size: 20px;\n}\n\n// Register grid\n.register-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n  gap: 16px;\n  margin-top: 16px;\n}\n\n.register-item {\n  background: white;\n  border: 2px solid #e0e0e0;\n  border-radius: 12px;\n  padding: 20px;\n  cursor: pointer;\n  transition: all 0.3s ease;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  min-height: 160px;\n\n  &:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);\n    border-color: var(--ion-color-primary);\n  }\n\n  &:active {\n    transform: translateY(-2px);\n  }\n\n  ion-icon {\n    font-size: 36px;\n    margin-bottom: 12px;\n  }\n\n  .custom-icon {\n    width: 48px;\n    height: 48px;\n    margin-bottom: 12px;\n    object-fit: contain;\n  }\n\n  h3 {\n    font-size: 18px;\n    font-weight: 700;\n    margin: 0 0 6px 0;\n    color: var(--ion-color-dark);\n  }\n\n  p {\n    font-size: 13px;\n    color: var(--ion-color-medium);\n    margin: 0 0 12px 0;\n    flex-grow: 1;\n  }\n\n  ion-button {\n    margin: 0;\n    font-size: 13px;\n    font-weight: 600;\n    align-self: flex-start;\n  }\n}\n\n// Responsive design\n@media (max-width: 768px) {\n  .register-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .section-title {\n    font-size: 20px;\n  }\n\n  .register-item {\n    min-height: 140px;\n  }\n}\n\n@media (min-width: 769px) and (max-width: 1024px) {\n  .register-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n// Custom colors for purple\nion-icon[color=\"purple\"] {\n  color: #8836ca;\n}\n\nion-button[color=\"purple\"] {\n  --ion-color-base: #8836ca;\n}\n\n// Smooth animations\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n    transform: translateY(10px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n.register-item {\n  animation: fadeIn 0.4s ease-out;\n}\n\n.register-item:nth-child(1) { animation-delay: 0.05s; }\n.register-item:nth-child(2) { animation-delay: 0.1s; }\n.register-item:nth-child(3) { animation-delay: 0.15s; }\n.register-item:nth-child(4) { animation-delay: 0.2s; }\n.register-item:nth-child(5) { animation-delay: 0.25s; }\n.register-item:nth-child(6) { animation-delay: 0.3s; }\n.register-item:nth-child(7) { animation-delay: 0.35s; }\n"],"sourceRoot":""}]);
// Exports
module.exports = ___CSS_LOADER_EXPORT___.toString();


/***/ }),

/***/ 38965:
/*!********************************************************************************!*\
  !*** ./src/app/components/report-modal/report-modal.component.html?ngResource ***!
  \********************************************************************************/
/***/ ((module) => {

"use strict";
module.exports = "<ion-header>\n  <ion-toolbar>\n    <ion-title>{{title}} View</ion-title>\n    <ion-buttons slot=\"end\">\n      <ion-button (click)=\"dismiss()\">\n        <ion-icon slot=\"icon-only\" name=\"close-outline\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n\n<ion-content fullscreen>\n  <iframe\n    [src]=\"safeUrl\"\n    width=\"100%\"\n    height=\"100%\"\n    style=\"border: none;\"\n  ></iframe>\n</ion-content>\n";

/***/ }),

/***/ 34387:
/*!**************************************************************************************!*\
  !*** ./src/app/pages/beneficiary-register/beneficiary-register.page.html?ngResource ***!
  \**************************************************************************************/
/***/ ((module) => {

"use strict";
module.exports = "<ion-header [translucent]=\"true\">\n  <ion-toolbar>\n    <ion-buttons slot=\"start\">\n      <ion-menu-button></ion-menu-button>\n    </ion-buttons>\n    <ion-title>Beneficiary Registers</ion-title>\n  </ion-toolbar>\n</ion-header>\n\n<ion-content [fullscreen]=\"true\">\n  <div class=\"ion-padding register-container\">\n    <!-- Header Section -->\n    <div class=\"section-header\">\n      <h2 class=\"section-title\">\n        <ion-icon name=\"document-text-outline\" color=\"primary\"></ion-icon>\n        Beneficiary Registers\n      </h2>\n      <p class=\"section-subtitle\">View and download beneficiary registers by category</p>\n    </div>\n\n    <!-- Register Type Selector -->\n    <ion-card>\n      <ion-card-header>\n        <ion-card-title>\n          <ion-icon name=\"options-outline\" color=\"primary\"></ion-icon>\n          Select Register Type\n        </ion-card-title>\n        <ion-card-subtitle>Choose the beneficiary type to view registers</ion-card-subtitle>\n      </ion-card-header>\n\n      <ion-card-content>\n        <ion-segment [(ngModel)]=\"selectedType\" (ionChange)=\"onTypeChange()\">\n          <ion-segment-button value=\"child\">\n            <ion-icon name=\"person-outline\"></ion-icon>\n            <ion-label>Children</ion-label>\n          </ion-segment-button>\n          <ion-segment-button value=\"plw\">\n            <ion-icon name=\"people-outline\"></ion-icon>\n            <ion-label>Mother</ion-label>\n          </ion-segment-button>\n        </ion-segment>\n      </ion-card-content>\n    </ion-card>\n\n    <!-- Children Registers -->\n    <ion-card *ngIf=\"selectedType === 'child'\">\n      <ion-card-header>\n        <ion-card-title>\n          <ion-icon name=\"person-outline\" color=\"primary\"></ion-icon>\n          Children Registers\n        </ion-card-title>\n        <ion-card-subtitle>Available registers for children beneficiaries</ion-card-subtitle>\n      </ion-card-header>\n\n      <ion-card-content>\n        <div class=\"register-grid\">\n          <div class=\"register-item\" (click)=\"showReport('child', 'gmp')\">\n            <img src=\"assets/icon/icon-gmp.png\" alt=\"GMP Icon\" class=\"custom-icon\">\n            <h3>Child GMP</h3>\n            <p>Growth Monitoring Program</p>\n            <ion-button fill=\"clear\" size=\"small\">\n              View Register\n              <ion-icon name=\"arrow-forward-outline\" slot=\"end\"></ion-icon>\n            </ion-button>\n          </div>\n\n          <div class=\"register-item\" (click)=\"showReport('child', 'otp')\">\n            <img src=\"assets/icon/icon-otp.png\" alt=\"OTP Icon\" class=\"custom-icon\">\n            <h3>Child OTP</h3>\n            <p>Outpatient Therapeutic Program</p>\n            <ion-button fill=\"clear\" size=\"small\">\n              View Register\n              <ion-icon name=\"arrow-forward-outline\" slot=\"end\"></ion-icon>\n            </ion-button>\n          </div>\n\n          <div class=\"register-item\" (click)=\"showReport('child', 'tsfp')\">\n            <ion-icon name=\"nutrition-outline\" color=\"warning\"></ion-icon>\n            <h3>Child TSFP</h3>\n            <p>Targeted Supplementary Feeding</p>\n            <ion-button fill=\"clear\" size=\"small\">\n              View Register\n              <ion-icon name=\"arrow-forward-outline\" slot=\"end\"></ion-icon>\n            </ion-button>\n          </div>\n\n          <div class=\"register-item\" (click)=\"showReport('child', 'bsfp')\">\n            <img src=\"assets/icon/icon-bsfp.svg\" alt=\"BSFP Icon\" class=\"custom-icon\">\n            <h3>Child BSFP</h3>\n            <p>Blanket Supplementary Feeding</p>\n            <ion-button fill=\"clear\" size=\"small\">\n              View Register\n              <ion-icon name=\"arrow-forward-outline\" slot=\"end\"></ion-icon>\n            </ion-button>\n          </div>\n\n          <div class=\"register-item\" (click)=\"showReport('child', 'measurement')\">\n            <ion-icon name=\"fitness-outline\" color=\"tertiary\"></ion-icon>\n            <h3>Child Measurement</h3>\n            <p>Anthropometric Measurements</p>\n            <ion-button fill=\"clear\" size=\"small\">\n              View Register\n              <ion-icon name=\"arrow-forward-outline\" slot=\"end\"></ion-icon>\n            </ion-button>\n          </div>\n\n          <div class=\"register-item\" (click)=\"showReport('child', 'discharge_tracking')\">\n            <ion-icon name=\"checkmark-done-outline\" color=\"dark\"></ion-icon>\n            <h3>Child Discharge</h3>\n            <p>Discharge Tracking Register</p>\n            <ion-button fill=\"clear\" size=\"small\">\n              View Register\n              <ion-icon name=\"arrow-forward-outline\" slot=\"end\"></ion-icon>\n            </ion-button>\n          </div>\n\n          <div class=\"register-item\" (click)=\"showReport('child', 'followup')\">\n            <ion-icon name=\"calendar-outline\" color=\"primary\"></ion-icon>\n            <h3>Child Followup</h3>\n            <p>Follow-up Visit Register</p>\n            <ion-button fill=\"clear\" size=\"small\">\n              View Register\n              <ion-icon name=\"arrow-forward-outline\" slot=\"end\"></ion-icon>\n            </ion-button>\n          </div>\n\n          <div class=\"register-item\" (click)=\"showReport('child', 'iycf')\">\n            <img src=\"assets/icon/icon-iycf.png\" alt=\"IYCF Icon\" class=\"custom-icon\">\n            <h3>IYCF Mother</h3>\n            <p>Infant & Young Child Feeding</p>\n            <ion-button fill=\"clear\" size=\"small\">\n              View Register\n              <ion-icon name=\"arrow-forward-outline\" slot=\"end\"></ion-icon>\n            </ion-button>\n          </div>\n        </div>\n      </ion-card-content>\n    </ion-card>\n\n    <!-- Mother Registers -->\n    <ion-card *ngIf=\"selectedType === 'plw'\">\n      <ion-card-header>\n        <ion-card-title>\n          <ion-icon name=\"people-outline\" color=\"secondary\"></ion-icon>\n          Mother Registers\n        </ion-card-title>\n        <ion-card-subtitle>Available registers for mother beneficiaries</ion-card-subtitle>\n      </ion-card-header>\n\n      <ion-card-content>\n        <div class=\"register-grid\">\n          <div class=\"register-item\" (click)=\"showReport('plw', 'bsfp-plw?is_pregnant=no&')\">\n            <img src=\"assets/icon/icon-bsfp.svg\" alt=\"BSFP Icon\" class=\"custom-icon\">\n            <h3>BSFP LW</h3>\n            <p>Lactating Women BSFP</p>\n            <ion-button fill=\"clear\" size=\"small\">\n              View Register\n              <ion-icon name=\"arrow-forward-outline\" slot=\"end\"></ion-icon>\n            </ion-button>\n          </div>\n\n          <div class=\"register-item\" (click)=\"showReport('plw', 'bsfp-plw?is_pregnant=yes&')\">\n            <img src=\"assets/icon/icon-bsfp.svg\" alt=\"BSFP Icon\" class=\"custom-icon\">\n            <h3>BSFP PW</h3>\n            <p>Pregnant Women BSFP</p>\n            <ion-button fill=\"clear\" size=\"small\">\n              View Register\n              <ion-icon name=\"arrow-forward-outline\" slot=\"end\"></ion-icon>\n            </ion-button>\n          </div>\n\n          <div class=\"register-item\" (click)=\"showReport('plw', 'tsfp-plw?')\">\n            <ion-icon name=\"nutrition-outline\" color=\"warning\"></ion-icon>\n            <h3>Mother TSFP</h3>\n            <p>Targeted Supplementary Feeding</p>\n            <ion-button fill=\"clear\" size=\"small\">\n              View Register\n              <ion-icon name=\"arrow-forward-outline\" slot=\"end\"></ion-icon>\n            </ion-button>\n          </div>\n\n          <div class=\"register-item\" (click)=\"showReport('plw', 'iycf?')\">\n            <img src=\"assets/icon/icon-iycf.png\" alt=\"IYCF Icon\" class=\"custom-icon\">\n            <h3>Mother IYCF</h3>\n            <p>Infant & Young Child Feeding</p>\n            <ion-button fill=\"clear\" size=\"small\">\n              View Register\n              <ion-icon name=\"arrow-forward-outline\" slot=\"end\"></ion-icon>\n            </ion-button>\n          </div>\n        </div>\n      </ion-card-content>\n    </ion-card>\n\n  </div>\n</ion-content>\n";

/***/ })

}]);
//# sourceMappingURL=src_app_pages_beneficiary-register_beneficiary-register_module_ts.js.map