@posiwise/admin-module 0.0.159 → 0.0.160

package/fesm2022/posiwise-admin-module.mjs

@@ -1323,7 +1323,7 @@ class DomainConfigBuildComponent extends AppBaseComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: DomainConfigBuildComponent, deps: [{ token: i0.Injector }, { token: i1.AdminService }, { token: i1$2.ProductService }, { token: i1$1.NgbModal }, { token: i3$2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: DomainConfigBuildComponent, selector: "pw-domain-config-build", viewQueries: [{ propertyName: "partnerCropper", first: true, predicate: ["partnerCropper"], descendants: true }, { propertyName: "uploader", predicate: CustomUploaderComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<h3>Public Pages Configuration</h3>\n<div class=\"mb-4\">\n  <p> The following parameters and settings will be applied to all public pages of this domain. </p>\n</div>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"isLoading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<ng-container *ngIf=\"!isLoading && data?.host_name\">\n  <form [formGroup]=\"form\"\n    (ngSubmit)=\"onSave()\">\n    <div class=\"row\">\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.MasterSubscription' | transloco\"\n          name=\"master_subscription_id\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.MasterSubscription' | transloco\">\n          <p-dropdown\n          [options]=\"masterSubscriptionsList\"\n          formControlName=\"master_subscription_id\"\n          [ngClass]=\"{ 'is-invalid': submitted && f['master_subscription_id']?.errors }\"\n          placeholder=\"Select Master Subscription\">\n        </p-dropdown>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.MasterSubscriptionProduct' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"\n                        'Admin.DomainConfig.Tooltip.MasterSubscriptionProduct' | transloco\n                    \"\n          name=\"master_subscription_product_id\">\n          <p-dropdown\n            [options]=\"masterSubscriptionProductList\"\n            formControlName=\"master_subscription_product_id\"\n            [ngClass]=\"{'is-invalid': submitted && f['master_subscription_product_id']?.errors}\"\n            [placeholder]=\"'Select Master Product'\"\n            optionValue=\"id\"\n            optionLabel=\"name\"\n            >\n          </p-dropdown>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.BlogFeatureKey' | transloco\"\n          name=\"blog_feature_key\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.BlogFeatureKey' | transloco\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"blog_feature_key\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['blog_feature_key'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.MainTos' | transloco\"\n          name=\"main_tos_id\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.MainTos' | transloco\">\n          <p-dropdown\n          [options]=\"subscriptionTosList\"\n          formControlName=\"main_tos_id\"\n          [ngClass]=\"{ 'is-invalid': submitted && f['main_tos_id']?.errors }\"\n          [placeholder]=\"'Select Main TOS'\"\n          optionValue=\"id\">\n          <ng-template pTemplate=\"selectedItem\" let-item>\n            <span [innerHTML]=\"item.title\"></span>\n          </ng-template>\n          <ng-template pTemplate=\"item\" let-item>\n            <span [innerHTML]=\"item.title\"></span>\n          </ng-template>\n        </p-dropdown>\n\n        </pw-input-container>\n      </div>\n      <!-- crm subscription fields -->\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.CrmSubscription' | transloco\"\n          name=\"crm_subscription_id\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CrmSubscription' | transloco\">\n          <p-dropdown\n            [options]=\"crmSubscriptionsList\"\n            formControlName=\"crm_subscription_id\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['crm_subscription_id']?.errors }\"\n            [placeholder]=\"'Select CRM Subscription'\"\n            optionValue=\"id\">\n            <ng-template pTemplate=\"selectedItem\" let-item>\n              {{item?.organisation ? item?.organisation + ' - ' + item.contact_name : item?.contact_name}}\n            </ng-template>\n            <ng-template pTemplate=\"item\" let-item>\n              {{item?.organisation ? item?.organisation + ' - ' + item.contact_name : item?.contact_name}}\n            </ng-template>\n          </p-dropdown>\n\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.CrmProduct' | transloco\"\n          name=\"crm_product_id\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CrmProduct' | transloco\">\n          <p-dropdown\n            [options]=\"crmProductList\"\n            formControlName=\"crm_product_id\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['crm_product_id']?.errors }\"\n            [placeholder]=\"'Select CRM Product'\"\n            optionValue=\"id\"\n            >\n            <ng-template pTemplate=\"selectedItem\" let-item>\n              {{item?.subscription_id ? item?.name  +' - SubscriptionID = '+ item.subscription_id : item?.name}}\n            </ng-template>\n            <ng-template pTemplate=\"item\" let-item>\n              {{item?.subscription_id ? item?.name  +' - SubscriptionID = '+ item.subscription_id : item?.name}}\n            </ng-template>\n          </p-dropdown>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.CrmSource' | transloco\"\n          name=\"crm_source_id\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CrmSource' | transloco\">\n          <p-dropdown\n            [options]=\"crmSourcesList\"\n            formControlName=\"crm_source_id\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['crm_source_id']?.errors }\"\n            [placeholder]=\"'Select CRM Source'\"\n            optionValue=\"id\"\n            optionLabel=\"name\"\n            >\n          </p-dropdown>\n        </pw-input-container>\n      </div>\n      <!-- crm subscription fields end-->\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.Active' | transloco\" [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.Active' | transloco\" name=\"active\">\n          <ui-switch size=\"small\" uncheckedLabel=\"false\" checkedLabel=\"true\" formControlName=\"active\" name=\"active\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['active'].errors }\">\n          </ui-switch>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.IsProductDomain' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.IsProductDomain' | transloco\"\n          name=\"is_product_domain\">\n          <ui-switch size=\"small\"\n            uncheckedLabel=\"false\"\n            checkedLabel=\"true\"\n            formControlName=\"is_product_domain\"\n            name=\"is_product_domain\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['is_product_domain'].errors }\">\n          </ui-switch>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.CanRegisterOnMainPage' | transloco\" [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CanRegisterOnMainPage' | transloco\"\n          name=\"can_register_through_main_page\">\n          <ui-switch size=\"small\" uncheckedLabel=\"false\" checkedLabel=\"true\" formControlName=\"can_register_through_main_page\"\n            name=\"can_register_through_main_page\" [ngClass]=\"{\n                                  'is-invalid': submitted && f['can_register_through_main_page'].errors\n                              }\">\n          </ui-switch>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.SocialLoginEnabled' | transloco\" [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.SocialLoginEnable' | transloco\" name=\"social_login_enabled\">\n          <ui-switch size=\"small\" uncheckedLabel=\"false\" checkedLabel=\"true\" formControlName=\"social_login_enabled\"\n            name=\"social_login_enabled\" [ngClass]=\"{ 'is-invalid': submitted && f['social_login_enabled'].errors }\">\n          </ui-switch>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.NotifyLogins' | transloco\" [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.NotifyLogins' | transloco\" name=\"notify_logins\">\n          <ui-switch size=\"small\" uncheckedLabel=\"false\" checkedLabel=\"true\" formControlName=\"notify_logins\"\n            name=\"notify_logins\" [ngClass]=\"{ 'is-invalid': submitted && f['notify_logins'].errors }\">\n          </ui-switch>\n        </pw-input-container>\n      </div>\n    </div>\n\n    <div class=\"my-5\" *rbacAllow=\"'Pages.SuperAdmin'\">\n      <h3>Pre-Built Landing Pages for User Onboarding</h3>\n\n      <p-accordion class=\"mt-5\">\n        <p-accordionTab [header]=\"'Instructions - README FIRST'\">\n          <div class=\"mb-3\">\n            <p>We\u2019ve built and maintain a collection of high-converting landing pages designed to help you quickly launch polished\n              UIs for onboarding users.</p>\n            <p><strong>Newsletter Subscription Pages:</strong><br> After configuring your domain, you can access pages like\n              <strong>/join/cs1, /join/cs2, /join/cs3, etc.</strong>, specifically designed for newsletter sign-ups. <br>\n              Subscribers from these pages will be listed in the <strong>SmartCRM module</strong>.</p>\n            <p><strong>Trial Product Sign-Up Pages:</strong><br> For users interested in trial products, utilize pages such as\n              <strong>/join/trial1, /join/trial2, /join/trial3, etc.</strong>.<br> Users registering through these pages will\n              appear in the <strong>Admin > Users section</strong>.</p>\n            <p>Once you\u2019ve selected the landing page you want to use <strong>(e.g., /join/trial3)</strong>, make sure to update\n              the <strong>Internal Path</strong> in the <strong>Core tab</strong> accordingly\u2014i.e., set it to\n              <strong>/join/trial3</strong>.</p>\n            <p>If you need assistance integrating these pages into your workflow or have further questions, feel free to reach\n              out.</p>\n          </div>\n        </p-accordionTab>\n\n        <p-accordionTab [header]=\"'Subscribe to Product/Newsletter Config'\">\n          <div class=\"mb-3\">\n            <p>Trial Pages will enable users to sign up to real products and are accessible at the path /join/trial1,\n              /join/trial2, etc.</p>\n            <p>ComingSoon Pages will enable users to subscribe to Newsletters and are accessible at the internal paths\n              /join/cs1, /join/cs2, etc.</p>\n          </div>\n          <!-- live page link -->\n          <div class=\"text-end\" *ngIf=\"shardUrl\">\n            <span>See the live page <span class=\"tooltip-wrap ms-1\" [appendTo]=\"'body'\"\n                [pTooltip]=\"'Admin.DomainConfig.Tooltip.SeeLiveTrial' | transloco\" tooltipPosition=\"top\">\n                <i class=\"fas fa-info-circle\"></i>\n              </span> : <a [href]=\"shardUrl + '/join/trial1'\" target=\"_blank\">{{ shardUrl }}/join/trial1</a></span>\n          </div>\n          <div class=\"row\">\n            <div class=\"col-sm-3\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.TrialProduct' | transloco\" [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.DomainConfig.Tooltip.TrialProduct' | transloco\" name=\"trial_product_id\">\n                <p-autoComplete [suggestions]=\"productsList\" formControlName=\"trial_product_id\" dataKey=\"id\" field=\"name\"\n                  [dropdown]=\"true\" [delay]=\"1000\" (completeMethod)=\"searchProduct($event)\" styleClass=\"w-100\"\n                  placeholder=\"Search Product\" [inputStyle]=\"\n                                                  form.get('trial_product_id').touched &&\n                                                  form.get('trial_product_id').invalid\n                                                      ? { border: '1px solid #ff586b' }\n                                                      : { border: '1px solid gray' }\n                                              \" [multiple]=\"false\">\n                </p-autoComplete>\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 col-sm-3\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.TrialCrmSourceId' | transloco\" name=\"trial_crm_source_id\"\n                [showTooltip]=\"true\" [tooltipText]=\"\n                                              'Admin.DomainConfig.Tooltip.TrialCrmSourceId' | transloco\n                                          \">\n                <p-dropdown [options]=\"crmSourcesList\" formControlName=\"trial_crm_source_id\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['trial_crm_source_id']?.errors }\"\n                  [placeholder]=\"'Select CRM Source'\" optionValue=\"id\" optionLabel=\"name\">\n                </p-dropdown>\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 col-sm-3\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.TrialPdfSourceId' | transloco\" name=\"trial_pdf_source_id\"\n                [showTooltip]=\"true\" [tooltipText]=\"\n                                              'Admin.DomainConfig.Tooltip.TrialPdfSourceId' | transloco\n                                          \">\n                <p-dropdown [options]=\"crmSourcesList\" formControlName=\"trial_pdf_source_id\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['trial_pdf_source_id']?.errors }\"\n                  [placeholder]=\"'Select CRM Source'\" optionValue=\"id\" optionLabel=\"name\">\n                </p-dropdown>\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 col-sm-3\"></div>\n            <div class=\"col-12 col-sm-3\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.TrialVideoUrl' | transloco\" name=\"trial_video_url\"\n                [showTooltip]=\"true\" [tooltipText]=\"'Admin.DomainConfig.Tooltip.TrialVideoUrl' | transloco\">\n                <input type=\"text\" class=\"form-control\" formControlName=\"trial_video_url\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['trial_video_url'].errors }\" />\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 col-sm-3\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.TrialBookDemoUrl' | transloco\" name=\"trial_book_demo_url\"\n                [showTooltip]=\"true\" [tooltipText]=\"\n                                              'Admin.DomainConfig.Tooltip.TrialBookDemoUrl' | transloco\n                                          \">\n                <input type=\"text\" class=\"form-control\" formControlName=\"trial_book_demo_url\" [ngClass]=\"{\n                                                  'is-invalid': submitted && f['trial_book_demo_url'].errors\n                                              }\" />\n              </pw-input-container>\n            </div>\n            <div class=\"col-12\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.TrialCtaIframe' | transloco\" name=\"trial_cta_iframe\"\n                [showTooltip]=\"true\" [tooltipText]=\"\n                                              'Admin.DomainConfig.Tooltip.TrialCtaIframe' | transloco\n                                          \">\n                <textarea rows=\"3\" class=\"form-control\" formControlName=\"trial_cta_iframe\" [ngClass]=\"{\n                                                  'is-invalid': submitted && f['trial_cta_iframe'].errors\n                                              }\">\n                                          </textarea>\n              </pw-input-container>\n            </div>\n            <div class=\"col-12\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.TrialJoinMessage' | transloco\" name=\"trial_join_message\"\n                [showTooltip]=\"true\" [tooltipText]=\"\n                                              'Admin.DomainConfig.Tooltip.TrialJoinMessage' | transloco\n                                          \">\n                <textarea rows=\"3\" class=\"form-control\" formControlName=\"trial_join_message\" [ngClass]=\"{\n                                                  'is-invalid': submitted && f['trial_join_message'].errors\n                                              }\">\n                                          </textarea>\n              </pw-input-container>\n            </div>\n            <div class=\"col-12\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.TrialPdfDownloadText' | transloco\" name=\"trial_pdf_download_text\"\n                [showTooltip]=\"true\" [tooltipText]=\"\n                                              'Admin.DomainConfig.Tooltip.TrialPdfDownloadText' | transloco\n                                          \">\n                <textarea rows=\"3\" class=\"form-control\" formControlName=\"trial_pdf_download_text\" [ngClass]=\"{\n                                                  'is-invalid': submitted && f['trial_pdf_download_text'].errors\n                                              }\">\n                                          </textarea>\n              </pw-input-container>\n            </div>\n          </div>\n          <div class=\"row\" matchHeight=\"card\">\n            <div class=\"col-md-4\">\n              <label for=\"trial_image\">{{ 'Admin.DomainConfig.TrialImage' | transloco }} <span class=\"info-circle\">\n                  <span class=\"tooltiptext gradient-custom-branding\">{{ 'Admin.DomainConfig.Tooltip.TrialImage' | transloco\n                    }}</span>\n                </span>\n              </label>\n              <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\" [aspectRatio]=\"'custom'\" [title]=\"'Trial Image'\"\n                [controlName]=\"'trial_image'\" [previewData]=\"data['trial_image']\">\n              </pw-custom-uploader>\n            </div>\n            <div class=\"col-md-4\">\n              <label for=\"trial_image2\">{{ 'Admin.DomainConfig.TrialImage2' | transloco }} <span class=\"info-circle\">\n                  <span class=\"tooltiptext gradient-custom-branding\">{{ 'Admin.DomainConfig.Tooltip.TrialImage2' | transloco\n                    }}</span>\n                </span>\n              </label>\n              <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\" [title]=\"'Trial Image2'\" [aspectRatio]=\"'custom'\"\n                [controlName]=\"'trial_image2'\" [previewData]=\"data['trial_image2']\">\n              </pw-custom-uploader>\n            </div>\n            <div class=\"col-md-4\">\n              <label for=\"trial_pdf_image\">{{ 'Admin.DomainConfig.TrialPdfImage' | transloco }} <span class=\"info-circle\">\n                  <span class=\"tooltiptext gradient-custom-branding\">{{ 'Admin.DomainConfig.Tooltip.TrialPdfImage' | transloco\n                    }}</span>\n                </span>\n              </label>\n              <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\" [title]=\"'Trial Pdf Image'\" [aspectRatio]=\"'custom'\"\n                [controlName]=\"'trial_pdf_image'\" [previewData]=\"data['trial_pdf_image']\">\n              </pw-custom-uploader>\n            </div>\n            <div class=\"col-md-4\">\n              <label for=\"trial_image_bg\">{{ 'Admin.DomainConfig.TrialImageBg' | transloco }} <span class=\"info-circle\">\n                  <span class=\"tooltiptext gradient-custom-branding\">{{ 'Admin.DomainConfig.Tooltip.TrialImageBg' | transloco\n                    }}</span>\n                </span>\n              </label>\n              <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\" [title]=\"'Trial Image Bg'\" [aspectRatio]=\"'custom'\"\n                [controlName]=\"'trial_image_bg'\" [previewData]=\"data['trial_image_bg']\">\n              </pw-custom-uploader>\n            </div>\n            <div class=\"col-md-4\">\n              <label for=\"trial_image_bg2\">{{ 'Admin.DomainConfig.TrialImageBg2' | transloco }} <span class=\"info-circle\">\n                  <span class=\"tooltiptext gradient-custom-branding\">{{ 'Admin.DomainConfig.Tooltip.TrialImageBg2' | transloco\n                    }}</span>\n                </span>\n              </label>\n              <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\" [title]=\"'Trial Image Bg2'\" [aspectRatio]=\"'custom'\"\n                [controlName]=\"'trial_image_bg2'\" [previewData]=\"data['trial_image_bg2']\">\n              </pw-custom-uploader>\n            </div>\n          </div>\n        </p-accordionTab>\n\n        <p-accordionTab [header]=\"'Header Section'\">\n          <div class=\"row mt-4\" formGroupName=\"header\">\n            <h4 class=\"mb-4\">Header Section</h4>\n            <div class=\"col-12 col-md-12\">\n              <pw-input-container label=\"Header Headline\" name=\"headline\">\n                <input type=\"text\" class=\"form-control\" formControlName=\"headline\" />\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container label=\"Header Video URL\" name=\"video_url\">\n                <input type=\"text\" class=\"form-control\" formControlName=\"video_url\" />\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container label=\"Header Background Image URL\" name=\"bg_image_url\">\n                <input type=\"text\" class=\"form-control\" formControlName=\"bg_image_url\" />\n              </pw-input-container>\n            </div>\n            <div class=\"col-12\">\n              <pw-input-container label=\"Header Description\">\n                <textarea class=\"form-control\" rows=\"5\" formControlName=\"description\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['description']?.errors }\">\n                                                </textarea>\n              </pw-input-container>\n            </div>\n            <div formArrayName=\"sub_headings\" class=\"col-12\">\n              <div *ngFor=\"let sub of f['header'].get('sub_headings')['controls']; let i = index\" [formGroupName]=\"i\"\n                class=\"row mb-3\">\n                <div class=\"col-md-10\" *ngIf=\"f['header'].get('sub_headings')['controls'].length\">\n                  <pw-input-container label=\"Sub Header Description\">\n                    <textarea class=\"form-control\" rows=\"3\" formControlName=\"description\"\n                      [ngClass]=\"{ 'is-invalid': submitted && f['description']?.errors }\">\n                                                    </textarea>\n                  </pw-input-container>\n                </div>\n                <div class=\"col-md-2 d-flex align-items-center mt-3\">\n                  <i class=\"fa fa-trash delete-icon\" (click)=\"removeHeaderSubHeading(i)\"\n                    (keydown.enter)=\"removeHeaderSubHeading(i)\" (keydown.space)=\"removeHeaderSubHeading(i)\" ngbTooltip=\"Remove\"\n                    aria-hidden=\"true\"></i>\n                </div>\n              </div>\n              <button type=\"button\" class=\"btn btn-primary mt-2 mb-2\" (click)=\"addHeaderSubHeading()\"> + Add Sub Heading\n              </button>\n            </div>\n          </div>\n        </p-accordionTab>\n\n        <p-accordionTab [header]=\"'Resources Section'\">\n          <div class=\"row row mt-4 mb-4\">\n            <h4 class=\"mb-3\">Resources Section</h4>\n            <div class=\"col-12 col-sm-6\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.ResourceTagline' | transloco\" name=\"resources_tagline\"\n                [showTooltip]=\"true\" [tooltipText]=\"'Admin.DomainConfig.Tooltip.ResourceTagline' | transloco\">\n                <input type=\"text\" class=\"form-control\" formControlName=\"resources_tagline\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['resources_tagline'].errors }\" />\n              </pw-input-container>\n            </div>\n            <div class=\"col-12\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.ResourceDescription' | transloco\" name=\"resources_description\"\n                [showTooltip]=\"true\" [tooltipText]=\"'Admin.DomainConfig.Tooltip.ResourceDescription' | transloco\">\n                <textarea class=\"form-control\" rows=\"3\" formControlName=\"resources_description\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['resources_description'].errors }\">\n                                          </textarea>\n              </pw-input-container>\n            </div>\n          </div>\n          <div class=\"row\" matchHeight=\"card\">\n            <div class=\"col-md-4\">\n              <label for=\"resource_image\">{{ 'Admin.DomainConfig.ResourceImage' | transloco }} <span class=\"info-circle\">\n                  <span class=\"tooltiptext gradient-custom-branding\">{{ 'Admin.DomainConfig.Tooltip.ResourceImage' | transloco\n                    }}</span>\n                </span>\n              </label>\n              <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\" [aspectRatio]=\"'custom'\" [title]=\"'Cs Image'\"\n                [controlName]=\"'resources_image'\" [previewData]=\"data['resources_image']\">\n              </pw-custom-uploader>\n            </div>\n          </div>\n        </p-accordionTab>\n\n        <p-accordionTab [header]=\"'Unique Selling Proposition Section (USP) '\">\n          <div class=\"row mt-4 mb-4\" formGroupName=\"usps\">\n            <h4 class=\"mb-4\">Unique Selling Proposition Section (USP)</h4>\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container label=\"USPs Title\" name=\"title\">\n                <input type=\"text\" class=\"form-control\" formControlName=\"title\" />\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container label=\"USPs Video Url\" name=\"video_url\">\n                <input type=\"text\" class=\"form-control\" formControlName=\"video_url\" />\n              </pw-input-container>\n            </div>\n            <div class=\"col-12\">\n              <pw-input-container label=\"USPs Description\" name=\"description\">\n                <textarea class=\"form-control\" rows=\"3\" formControlName=\"description\"\n                 >\n                                  </textarea>\n              </pw-input-container>\n            </div>\n            <div formArrayName=\"items\" class=\"col-12\">\n              <div\n                *ngFor=\"let item of f['usps'].get('items')['controls']; let i = index\"\n                [formGroupName]=\"i\"\n                class=\"row mb-3\"\n              >\n                <div class=\"col-sm-10\">\n                  <pw-input-container label=\"Item Description\">\n                    <textarea class=\"form-control\" rows=\"3\" formControlName=\"description\"\n                  >\n                                  </textarea>\n                  </pw-input-container>\n                </div>\n                <div class=\"col-sm-2 d-flex align-items-center mt-3\">\n                  <i\n                    class=\"fa fa-trash delete-icon\"\n                    (click)=\"removeUspItem(i)\"\n                    (keydown.enter)=\"removeUspItem(i)\"\n                    (keydown.space)=\"removeUspItem(i)\"\n                    ngbTooltip=\"Remove\"\n                    aria-hidden=\"true\"\n                  ></i>\n                </div>\n              </div>\n              <button type=\"button\" class=\"btn btn-primary mt-2 mb-2\" (click)=\"addUspItem()\">\n                + Add USP Item\n              </button>\n            </div>\n          </div>\n        </p-accordionTab>\n\n        <p-accordionTab [header]=\"'Partners (Clients) Section'\">\n\n          <div class=\"row mt-4 mb-4\" formGroupName=\"partners\">\n            <h4 class=\"mb-4\">Partners (Clients) Section</h4>\n            <!-- Title -->\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container label=\"Partner Title\" name=\"title\">\n                <input type=\"text\" class=\"form-control\" formControlName=\"title\" />\n              </pw-input-container>\n            </div>\n\n            <!-- Description -->\n            <div class=\"col-12\">\n              <pw-input-container label=\"Partners Description\" name=\"description\">\n                <textarea class=\"form-control\" rows=\"3\" formControlName=\"description\"></textarea>\n              </pw-input-container>\n            </div>\n\n            <!-- Partner Items -->\n            <div formArrayName=\"items\" class=\"col-12\">\n              <div *ngFor=\"let item of partnersItems.controls; let i = index\" [formGroupName]=\"i\" class=\"row border p-3 mb-3\">\n                <!-- Name -->\n                <div class=\"col-md-6\">\n                  <pw-input-container label=\"Name\" class=\"col-12 col-md-6\" name=\"name\">\n                    <input class=\"form-control\" formControlName=\"name\"/>\n                  </pw-input-container>\n                </div>\n\n                <!-- Blog URL -->\n                <div class=\"col-md-6\">\n                  <pw-input-container label=\"Blog Url\" class=\"col-12 col-md-6\" name=\"blog_url\">\n                    <input class=\"form-control\" formControlName=\"blog_url\"/>\n                  </pw-input-container>\n                </div>\n\n                <!-- Video URL -->\n                <div class=\"col-md-6\">\n                  <pw-input-container label=\"Video Url\" class=\"col-12 col-md-6\" name=\"video_url\">\n                    <input class=\"form-control\" formControlName=\"video_url\"/>\n                  </pw-input-container>\n                </div>\n                <div class=\"col-md-6\">\n                  <pw-input-container label=\"Image Url\" class=\"col-12 col-md-6\" name=\"ctas_title\">\n                    <input class=\"form-control\" formControlName=\"image_url\"/>\n                  </pw-input-container>\n                </div>\n\n                <!-- Remove Button -->\n                <div class=\"col-md-6 text-start mt-2 align-self-center\">\n                  <i ngbTooltip=\"Remove\" (click)=\"removePartnerItem(i)\" class=\"fa fa-trash delete-icon\" aria-hidden=\"true\"></i>\n                </div>\n              </div>\n\n              <!-- Add New Partner -->\n              <div class=\"text-start mt-2\">\n                <button type=\"button\" class=\"btn btn-primary mt-2 mb-2\" (click)=\"addPartnerItem()\">+ Add Partner</button>\n              </div>\n            </div>\n          </div>\n        </p-accordionTab>\n\n        <p-accordionTab [header]=\"'Testimonials Section'\">\n          <div class=\"row mt-3 mb-4\" formGroupName=\"testimonials\">\n            <h4 class=\"mb-4\">Testimonials Section</h4>\n\n            <pw-input-container label=\"Title\" class=\"col-12 col-md-6\" name=\"testimonials_title\">\n              <input type=\"text\" class=\"form-control\" formControlName=\"title\" />\n            </pw-input-container>\n\n            <pw-input-container label=\"Description\" class=\"col-12\" name=\"testimonials_description\">\n              <textarea rows=\"3\" class=\"form-control\" formControlName=\"description\"></textarea>\n            </pw-input-container>\n\n            <!-- Items List -->\n            <div formArrayName=\"items\" class=\"col-12 mt-3\">\n              <div *ngFor=\"let item of testimonialsItems.controls; let i = index\" [formGroupName]=\"i\" class=\"row border p-3 mb-3\">\n\n                <pw-input-container label=\"Name\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"name\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Blog URL\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"blog_url\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Image URL\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"image_url\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Video URL\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"video_url\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Testimonial\" class=\"col-md-10\">\n                  <textarea class=\"form-control\" rows=\"3\" formControlName=\"testimonial\"></textarea>\n                </pw-input-container>\n\n                <div class=\"col-md-2 d-flex align-items-center mt-3\">\n                  <i\n                      ngbTooltip=\"Remove\" (click)=\"removeTestimonialItem(i)\"\n                      (keydown.enter)=\"removeTestimonialItem(i)\"\n                      (keydown.space)=\"removeTestimonialItem(i)\" class=\"fa fa-trash delete-icon\"\n                      aria-hidden=\"true\"\n                  ></i>\n                </div>\n              </div>\n\n              <div class=\"text-start mt-2\">\n                <button type=\"button\" class=\"btn btn-primary mt-2 mb-2\" (click)=\"addTestimonialItem()\">+ Add Testimonial</button>\n              </div>\n            </div>\n          </div>\n        </p-accordionTab>\n\n        <p-accordionTab [header]=\"'Video Section'\">\n          <div class=\"row mt-3 mb-4\" formGroupName=\"videos\">\n            <h4 class=\"mb-3\">Video Section</h4>\n\n            <pw-input-container label=\"Title\" class=\"col-12 col-md-6\" name=\"videos_title\">\n              <input type=\"text\" class=\"form-control\" formControlName=\"title\" />\n            </pw-input-container>\n\n            <pw-input-container label=\"Description\" class=\"col-12\" name=\"videos_description\">\n              <textarea rows=\"3\" class=\"form-control\" formControlName=\"description\"></textarea>\n            </pw-input-container>\n\n            <!-- Video Items -->\n            <div formArrayName=\"items\" class=\"col-12 mt-3\">\n              <div *ngFor=\"let item of videosItems.controls; let i = index\" [formGroupName]=\"i\" class=\"row border p-3 mb-3\">\n\n                <pw-input-container label=\"Title\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"title\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Blog URL\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"blog_url\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Image URL\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"image_url\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Video URL\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"video_url\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Description\" class=\"col-md-10\">\n                  <textarea class=\"form-control\" rows=\"3\" formControlName=\"description\"></textarea>\n                </pw-input-container>\n\n                <div class=\"col-md-2 d-flex align-items-center mt-3\">\n                  <i\n                    class=\"fa fa-trash delete-icon\"\n                    (click)=\"removeVideoItem(i)\"\n                    (keydown.enter)=\"removeVideoItem(i)\"\n                    (keydown.space)=\"removeVideoItem(i)\"\n                    ngbTooltip=\"Remove\"\n                    aria-hidden=\"true\"\n                  ></i>\n                </div>\n              </div>\n\n              <div class=\"text-start mt-2\">\n                <button type=\"button\" class=\"btn btn-primary mt-2 mb-2\" (click)=\"addVideoItem()\">+ Add Video</button>\n              </div>\n            </div>\n          </div>\n        </p-accordionTab>\n\n        <p-accordionTab [header]=\"'Call to Actions Section (CTAs)'\">\n          <div class=\"row mt-4 mb-4\" formGroupName=\"ctas\">\n            <h4 class=\"mb-4\">CTAs Section</h4>\n\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container label=\"Title\" name=\"title\">\n                <input type=\"text\" class=\"form-control\" formControlName=\"title\" />\n              </pw-input-container>\n            </div>\n\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container label=\"Description\" name=\"description\">\n                <input type=\"text\" class=\"form-control\" formControlName=\"description\" />\n             </pw-input-container>\n            </div>\n\n            <div class=\"col-12\">\n              <pw-input-container label=\"Image URL\" name=\"image_url\">\n                <input type=\"text\" class=\"form-control\" formControlName=\"image_url\" />\n              </pw-input-container>\n            </div>\n\n            <!-- CTA Items -->\n            <div formArrayName=\"items\" class=\"col-12 mt-3\">\n              <div *ngFor=\"let item of ctasItems.controls; let i = index\" [formGroupName]=\"i\" class=\"row border p-3 mb-3 ng-untouched ng-pristine ng-valid ng-star-inserted\">\n                <div class=\"col-12 col-md-6\">\n                  <pw-input-container label=\"Image URL\" name=\"image_url\">\n                    <input type=\"text\" class=\"form-control\" formControlName=\"image_url\" />\n                  </pw-input-container>\n                </div>\n\n                <div class=\"col-12 col-md-6\">\n                  <pw-input-container label=\"Cta URL\" name=\"cta_url\">\n                    <input type=\"text\" class=\"form-control\" formControlName=\"cta_url\" />\n                  </pw-input-container>\n                </div>\n\n                <div class=\"col-12 col-md-6\">\n                  <pw-input-container label=\"Video URL\" name=\"video_url\">\n                    <input type=\"text\" class=\"form-control\" formControlName=\"video_url\" />\n                  </pw-input-container>\n                </div>\n                <div class=\"col-12 col-md-6\">\n                  <pw-input-container label=\"CTA Title\">\n                    <input class=\"form-control\" formControlName=\"title\" />\n                  </pw-input-container>\n                </div>\n                <div class=\"col-12 col-md-6\">\n                  <pw-input-container label=\"CTA Description\">\n                    <input class=\"form-control\" formControlName=\"description\" />\n                  </pw-input-container>\n                </div>\n                <div class=\"col-12 col-md-6\">\n                  <pw-input-container label=\"Button Text\">\n                    <input class=\"form-control\" formControlName=\"button_text\" />\n                  </pw-input-container>\n                </div>\n                <div class=\"col-md-1 d-flex align-items-center mt-3\">\n                  <i\n                    class=\"fa fa-trash delete-icon\"\n                    (click)=\"removeCtasItem(i)\"\n                    (keydown.enter)=\"removeCtasItem(i)\"\n                    (keydown.space)=\"removeCtasItem(i)\"\n                    ngbTooltip=\"Remove\"\n                    aria-hidden=\"true\"\n                  ></i>\n                </div>\n              </div>\n              <div class=\"text-start mt-2\">\n                <button type=\"button\" class=\"btn btn-primary mt-2 mb-2\" (click)=\"addCtasItem()\">+ Add CTA Item</button>\n              </div>\n            </div>\n          </div>\n        </p-accordionTab>\n\n        <p-accordionTab [header]=\"'Integrations Section'\">\n          <div class=\"row mt-3 mb-4\" formGroupName=\"integrations\">\n            <h4 class=\"mb-3\">Integrations Section</h4>\n\n            <pw-input-container label=\"Title\" class=\"col-12\">\n              <input type=\"text\" class=\"form-control\" formControlName=\"title\" />\n            </pw-input-container>\n\n            <pw-input-container label=\"Description\" class=\"col-12\">\n              <textarea class=\"form-control\" formControlName=\"description\" rows=\"3\"></textarea>\n            </pw-input-container>\n\n            <div formArrayName=\"items\" class=\"col-12\">\n              <div\n                *ngFor=\"let item of integrationsItems.controls; let i = index\"\n                [formGroupName]=\"i\"\n                class=\"row border p-3 mb-3 rounded bg-light\"\n              >\n                <pw-input-container label=\"Title\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"title\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Description\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"description\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Blog URL\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"blog_url\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Image URL\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"image_url\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Video URL\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"video_url\" />\n                </pw-input-container>\n\n                <div class=\"col-md-6 d-flex align-items-end justify-content-end\">\n                  <button\n                    type=\"button\"\n                    class=\"btn btn-danger\"\n                    (click)=\"removeIntegrationItem(i)\"\n                  >\n                    Remove\n                  </button>\n                </div>\n              </div>\n\n              <div class=\"text-start mt-2\">\n                <button type=\"button\" class=\"btn btn-primary\" (click)=\"addIntegrationItem()\">\n                  + Add Integration\n                </button>\n              </div>\n            </div>\n          </div>\n        </p-accordionTab>\n\n        <p-accordionTab [header]=\"'Contact Us Section'\">\n          <div class=\"row mt-3 mb-4\" formGroupName=\"contact_us\">\n            <h4 class=\"mb-3\">Contact Us Section</h4>\n            <pw-input-container label=\"Url\" class=\"col-md-6\">\n              <input type=\"text\" class=\"form-control\" formControlName=\"url\" />\n            </pw-input-container>\n            <pw-input-container label=\"Description\" class=\"col-12\" name=\"contact_us_description\">\n              <textarea rows=\"3\" class=\"form-control\" formControlName=\"description\"></textarea>\n            </pw-input-container>\n            <div formArrayName=\"questions\" class=\"col-12 mt-3\">\n              <div *ngFor=\"let questionGroup of contactUsQuestions.controls; let i = index\" [formGroupName]=\"i\"\n                class=\"row border p-3 mb-3\">\n                <pw-input-container label=\"Question\" class=\"col-md-10\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"question\" />\n                </pw-input-container>\n                <div class=\"col-md-2 d-flex align-items-center mt-3\">\n                  <i class=\"fa fa-trash delete-icon\" (click)=\"removeContactUsQuestion(i)\"\n                    (keydown.enter)=\"removeContactUsQuestion(i)\" (keydown.space)=\"removeContactUsQuestion(i)\"\n                    ngbTooltip=\"Remove\" aria-hidden=\"true\"></i>\n                </div>\n                <!-- Options inside each question -->\n                <div class=\"col-12\" formArrayName=\"options\">\n                  <div class=\"row align-items-center mb-2 border p-3\"\n                    *ngFor=\"let option of getQuestionOptions(i).controls; let j = index\" [formGroupName]=\"j\">\n                    <pw-input-container label=\"Option\" class=\"col-md-10\">\n                      <input type=\"text\" class=\"form-control\" formControlName=\"option\" />\n                    </pw-input-container>\n                    <div class=\"col-md-2 d-flex align-items-center mt-3\">\n                      <i class=\"fa fa-trash delete-icon\" (click)=\"removeContactUsOption(i, j)\"\n                        (keydown.enter)=\"removeContactUsOption(i, j)\" (keydown.space)=\"removeContactUsOption(i, j)\"\n                        ngbTooltip=\"Remove Option\" aria-hidden=\"true\"></i>\n                    </div>\n                  </div>\n                  <div class=\"text-start\">\n                    <button type=\"button\" class=\"btn btn-primary btn-sm\" (click)=\"addContactUsOption(i)\"> + Add Option </button>\n                  </div>\n                </div>\n                <!-- End options -->\n              </div>\n              <div class=\"text-start mt-3\">\n                <button type=\"button\" class=\"btn btn-primary\" (click)=\"addContactUsQuestion()\">+ Add Question</button>\n              </div>\n            </div>\n            <div formArrayName=\"hubspot\" class=\"col-12 mt-4\">\n              <h5 class=\"mb-4\">Hubspot Embeds</h5>\n              <div *ngFor=\"let hub of contactUsHubspotItems.controls; let i = index\" [formGroupName]=\"i\" class=\"row border p-3 mb-2\">\n                <pw-input-container label=\"ID\" class=\"col-md-4\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"id\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Position\" class=\"col-md-4\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"position\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Div\" class=\"col-10\">\n                  <textarea class=\"form-control\" rows=\"5\" formControlName=\"div\"\n                   [ngClass]=\"{ 'is-invalid': submitted && f['div']?.errors }\">\n                                                 </textarea>\n                </pw-input-container>\n\n                <div class=\"col-md-2 d-flex align-items-center mt-3\">\n                  <i\n                    class=\"fa fa-trash delete-icon\"\n                    (click)=\"removeHubspotItem(i)\"\n                    (keydown.enter)=\"removeHubspotItem(i)\"\n                    (keydown.space)=\"removeHubspotItem(i)\"\n                    ngbTooltip=\"Remove Hubspot Embed\"\n                    aria-hidden=\"true\">\n                  </i>\n                </div>\n              </div>\n\n              <div class=\"text-start mt-2\">\n                <button type=\"button\" class=\"btn btn-primary btn-sm\" (click)=\"addHubspotItem()\">+ Add Hubspot Embed</button>\n              </div>\n            </div>\n\n          </div>\n        </p-accordionTab>\n\n        <p-accordionTab [header]=\"'Book a Demo Section'\">\n          <div class=\"row mt-4\">\n            <div class=\"col-12\">\n              <h4 class=\"mb-3\">{{ 'Admin.DomainConfig.BookDemoLinks' | transloco }}</h4>\n              <div formGroupName=\"book_demo\">\n                <pw-input-container label=\"Title\">\n                  <input type=\"text\" formControlName=\"title\" class=\"form-control\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Description\">\n                  <input type=\"text\" formControlName=\"description\" class=\"form-control\" />\n                </pw-input-container>\n\n                <div formArrayName=\"items\">\n                  <div *ngFor=\"let link of f['book_demo'].get('items')['controls']; let i = index\" [formGroupName]=\"i\" class=\"row mb-3\">\n                    <div class=\"col-sm-5\">\n                      <pw-input-container label=\"Link Title\">\n                        <input type=\"text\" class=\"form-control\" formControlName=\"title\" />\n                      </pw-input-container>\n                    </div>\n                    <div class=\"col-sm-5\">\n                      <pw-input-container label=\"Link URL\">\n                        <input type=\"text\" class=\"form-control\" formControlName=\"url\" />\n                      </pw-input-container>\n                    </div>\n                    <div class=\"col-sm-2 d-flex align-items-center mt-3\">\n                      <i\n                      ngbTooltip=\"Remove\"\n                      (click)=\"removeBookDemoLink(i)\"\n                                          (keydown.enter)=\"removeBookDemoLink(i)\"\n                                          (keydown.space)=\"removeBookDemoLink(i)\"\n                                          class=\"fa fa-trash delete-icon\"\n                                          aria-hidden=\"true\"\n                                      ></i>\n                    </div>\n                  </div>\n                  <button type=\"button\" class=\"btn btn-primary mt-2 mb-2\" (click)=\"addBookDemoLink()\">+ Add Book Demo Link</button>\n                </div>\n              </div>\n            </div>\n          </div>\n        </p-accordionTab>\n\n\n        <p-accordionTab [header]=\"'Navbar Section'\">\n          <div class=\"row mt-3 mb-4\" formGroupName=\"navbar\">\n            <h4 class=\"mb-3\">Navbar Section</h4>\n\n            <div formArrayName=\"items\" class=\"col-12\">\n              <div *ngFor=\"let item of navbarItems.controls; let i = index\" [formGroupName]=\"i\" class=\"row mb-3\">\n\n                <pw-input-container label=\"Title\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"title\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Path\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"path\" />\n                </pw-input-container>\n\n                <div class=\"col-12\" formArrayName=\"subtitles\">\n                  <div *ngFor=\"let sub of getNavbarSubtitles(i).controls; let j = index\" [formGroupName]=\"j\" class=\"row border p-3 mb-2\">\n                    <div class=\"col-md-5\">\n                      <pw-input-container label=\"Subtitle Title\">\n                        <input type=\"text\" class=\"form-control\" formControlName=\"title\" />\n                      </pw-input-container>\n                    </div>\n                    <div class=\"col-md-5\">\n                      <pw-input-container label=\"Subtitle Path\">\n                        <input type=\"text\" class=\"form-control\" formControlName=\"path\" />\n                      </pw-input-container>\n                    </div>\n                    <div class=\"col-md-2 d-flex align-items-center mt-3\">\n                      <i class=\"fa fa-trash delete-icon\"\n                        (click)=\"removeSubtitle(i, j)\"\n                        (keydown.enter)=\"removeSubtitle(i, j)\"\n                        (keydown.space)=\"removeSubtitle(i, j)\"\n                        ngbTooltip=\"Remove Subtitle\"\n                        aria-hidden=\"true\">\n                      </i>\n                    </div>\n                  </div>\n                  <button type=\"button\" class=\"btn btn-sm btn-primary mt-2\" (click)=\"addSubtitle(i)\">\n                    + Add Subtitle\n                  </button>\n                </div>\n\n                <div class=\"col-md-12 text-end mt-2\">\n                  <i class=\"fa fa-trash delete-icon\"\n                    (click)=\"removeNavbarItem(i)\"\n                    (keydown.enter)=\"removeNavbarItem(i)\"\n                    (keydown.space)=\"removeNavbarItem(i)\"\n                    ngbTooltip=\"Remove Navbar Item\"\n                    aria-hidden=\"true\">\n                  </i>\n                </div>\n              </div>\n\n              <button type=\"button\" class=\"btn btn-primary mt-2 mb-2\" (click)=\"addNavbarItem()\">+ Add Navbar Item</button>\n            </div>\n          </div>\n        </p-accordionTab>\n\n\n        <p-accordionTab [header]=\"'Footer Links Section'\">\n          <div class=\"row mt-3 mb-4\" formGroupName=\"footer_links\">\n            <h4 class=\"mb-3\">Footer Links Section</h4>\n\n            <div formArrayName=\"items\" class=\"col-12\">\n              <div *ngFor=\"let item of footerLinksItems.controls; let i = index\" [formGroupName]=\"i\" class=\"row mb-3\">\n\n                <pw-input-container label=\"Title\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"title\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Path\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"path\" />\n                </pw-input-container>\n\n                <div class=\"col-12\" formArrayName=\"subtitles\">\n                  <div *ngFor=\"let sub of getFooterSubtitles(i).controls; let j = index\" [formGroupName]=\"j\" class=\"row border p-3 mb-2\">\n                    <div class=\"col-md-5\">\n                      <pw-input-container label=\"Subtitle Title\">\n                        <input type=\"text\" class=\"form-control\" formControlName=\"title\" />\n                      </pw-input-container>\n                    </div>\n                    <div class=\"col-md-5\">\n                      <pw-input-container label=\"Subtitle Path\">\n                        <input type=\"text\" class=\"form-control\" formControlName=\"path\" />\n                      </pw-input-container>\n                    </div>\n                    <div class=\"col-md-2 d-flex align-items-center mt-3\">\n                      <i class=\"fa fa-trash delete-icon\"\n                        (click)=\"removeFooterSubtitle(i, j)\"\n                        (keydown.enter)=\"removeFooterSubtitle(i, j)\"\n                        (keydown.space)=\"removeFooterSubtitle(i, j)\"\n                        ngbTooltip=\"Remove Subtitle\"\n                        aria-hidden=\"true\">\n                      </i>\n                    </div>\n                  </div>\n                  <button type=\"button\" class=\"btn btn-sm btn-primary mt-2\" (click)=\"addFooterSubtitle(i)\">\n                    + Add Subtitle\n                  </button>\n                </div>\n\n                <div class=\"col-md-12 text-end mt-2\">\n                  <i class=\"fa fa-trash delete-icon\"\n                    (click)=\"removeFooterLinkItem(i)\"\n                    (keydown.enter)=\"removeFooterLinkItem(i)\"\n                    (keydown.space)=\"removeFooterLinkItem(i)\"\n                    ngbTooltip=\"Remove Footer Item\"\n                    aria-hidden=\"true\">\n                  </i>\n                </div>\n              </div>\n\n              <button type=\"button\" class=\"btn btn-primary mt-2 mb-2\" (click)=\"addFooterLinkItem()\">+ Add Footer Link</button>\n            </div>\n          </div>\n        </p-accordionTab>\n\n\n\n        <p-accordionTab [header]=\"'Guides Section'\">\n          <div class=\"row mt-3 mb-4\" formGroupName=\"guides\">\n            <h4 class=\"mb-3\">Guides Section</h4>\n\n            <div formArrayName=\"items\" class=\"col-12\">\n              <div *ngFor=\"let item of guidesItems.controls; let i = index\" [formGroupName]=\"i\" class=\"row border p-3 mb-3\">\n                <pw-input-container label=\"Title\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"title\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Button Text\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"button_text\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Image URL\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"image_url\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Guide URL\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"guide_url\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Description\" class=\"col-md-10\">\n                  <textarea class=\"form-control\" rows=\"5\" formControlName=\"description\"\n                   [ngClass]=\"{ 'is-invalid': submitted && f['description']?.errors }\">\n                                                 </textarea>\n                 </pw-input-container>\n\n                <div class=\"col-md-1 d-flex align-items-center mt-3\">\n                  <i\n                    class=\"fa fa-trash delete-icon\"\n                    (click)=\"removeGuideItem(i)\"\n                    (keydown.enter)=\"removeGuideItem(i)\"\n                    (keydown.space)=\"removeGuideItem(i)\"\n                    ngbTooltip=\"Remove Guide\"\n                    aria-hidden=\"true\"\n                  ></i>\n                </div>\n              </div>\n\n              <div class=\"text-start mt-2\">\n                <button type=\"button\" class=\"btn btn-primary\" (click)=\"addGuideItem()\">+ Add Guide</button>\n              </div>\n            </div>\n          </div>\n        </p-accordionTab>\n\n\n\n\n        <p-accordionTab [header]=\"'Coming soon pages - Subscribe to newsletter (TO DISCONTINUE)'\">\n          <div class=\"mb-3\">\n            <p>ComingSoon Pages will enable users to subscribe to Newsletters and are accessible at the internal paths\n              /join/cs1, /join/cs2, etc.</p>\n          </div>\n          <!-- live page link -->\n          <div class=\"text-end\" *ngIf=\"shardUrl\">\n            <span>See the live page <span class=\"tooltip-wrap ms-1\" [appendTo]=\"'body'\"\n                [pTooltip]=\"'Admin.DomainConfig.Tooltip.SeeLiveCs' | transloco\" tooltipPosition=\"top\">\n                <i class=\"fas fa-info-circle\"></i>\n              </span> : <a [href]=\"shardUrl + '/join/cs1'\" target=\"_blank\">{{ shardUrl }}/join/cs1</a></span>\n          </div>\n          <div class=\"row\">\n            <div class=\"col-12 col-sm-3\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.CsProduct' | transloco\" [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsProduct' | transloco\" name=\"cs_product_id\">\n                <p-autoComplete [suggestions]=\"productsList\" formControlName=\"cs_product_id\" dataKey=\"id\" field=\"name\"\n                  [dropdown]=\"true\" [delay]=\"1000\" (completeMethod)=\"searchProduct($event)\" styleClass=\"w-100\"\n                  placeholder=\"Search Product\" [inputStyle]=\"\n                                                form.get('cs_product_id').touched &&\n                                                form.get('cs_product_id').invalid\n                                                    ? { border: '1px solid #ff586b' }\n                                                    : { border: '1px solid gray' }\n                                            \" [multiple]=\"false\">\n                </p-autoComplete>\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 col-sm-3\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.CsCrmSourceId' | transloco\" name=\"cs_crm_source_id\"\n                [showTooltip]=\"true\" [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsCrmSourceId' | transloco\">\n                <p-dropdown [options]=\"crmSourcesList\" formControlName=\"cs_crm_source_id\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['cs_crm_source_id']?.errors }\" [placeholder]=\"'Select CRM Source'\"\n                  optionValue=\"id\" optionLabel=\"name\">\n                </p-dropdown>\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 col-sm-3\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.CsPdfSourceId' | transloco\" name=\"cs_pdf_source_id\"\n                [showTooltip]=\"true\" [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsPdfSourceId' | transloco\">\n                <p-dropdown [options]=\"crmSourcesList\" formControlName=\"cs_pdf_source_id\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['cs_pdf_source_id']?.errors }\" [placeholder]=\"'Select CRM Source'\"\n                  optionValue=\"id\" optionLabel=\"name\">\n                </p-dropdown>\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 col-sm-3\"></div>\n            <div class=\"col-12 col-sm-3\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.CsVideoUrl' | transloco\" name=\"cs_video_url\" [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsVideoUrl' | transloco\">\n                <input type=\"text\" class=\"form-control\" formControlName=\"cs_video_url\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['cs_video_url'].errors }\" />\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 col-sm-3\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.CsBookDemoUrl' | transloco\" name=\"cs_book_demo_url\"\n                [showTooltip]=\"true\" [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsBookDemoUrl' | transloco\">\n                <input type=\"text\" class=\"form-control\" formControlName=\"cs_book_demo_url\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['cs_book_demo_url'].errors }\" />\n              </pw-input-container>\n            </div>\n            <div class=\"col-12\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.CsCtaIframe' | transloco\" name=\"cs_cta_iframe\"\n                [showTooltip]=\"true\" [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsCtaIframe' | transloco\">\n                <textarea class=\"form-control\" rows=\"3\" formControlName=\"cs_cta_iframe\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['cs_cta_iframe'].errors }\">\n                                        </textarea>\n              </pw-input-container>\n            </div>\n            <div class=\"col-12\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.CsJoinMessage' | transloco\" name=\"cs_join_message\"\n                [showTooltip]=\"true\" [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsJoinMessage' | transloco\">\n                <textarea class=\"form-control\" rows=\"3\" formControlName=\"cs_join_message\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['cs_join_message'].errors }\">\n                                        </textarea>\n              </pw-input-container>\n            </div>\n            <div class=\"col-12\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.CsPdfDownloadText' | transloco\" name=\"cs_pdf_download_text\"\n                [showTooltip]=\"true\" [tooltipText]=\"\n                                            'Admin.DomainConfig.Tooltip.CsPdfDownloadText' | transloco\n                                        \">\n                <textarea class=\"form-control\" rows=\"3\" formControlName=\"cs_pdf_download_text\" [ngClass]=\"{\n                                                'is-invalid': submitted && f['cs_pdf_download_text'].errors\n                                            }\">\n                                        </textarea>\n              </pw-input-container>\n            </div>\n          </div>\n          <div class=\"row\" matchHeight=\"card\">\n            <div class=\"col-md-4\">\n              <label for=\"cs_image\">{{ 'Admin.DomainConfig.CsImage' | transloco }} <span class=\"info-circle\">\n                  <span class=\"tooltiptext gradient-custom-branding\">{{ 'Admin.DomainConfig.Tooltip.CsImage' | transloco\n                    }}</span>\n                </span>\n              </label>\n              <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\" [aspectRatio]=\"'custom'\" [title]=\"'Cs Image'\"\n                [controlName]=\"'cs_image'\" [previewData]=\"data['cs_image']\">\n              </pw-custom-uploader>\n            </div>\n            <div class=\"col-md-4\">\n              <label for=\"cs_image2\">{{ 'Admin.DomainConfig.CsImage2' | transloco }} <span class=\"info-circle\">\n                  <span class=\"tooltiptext gradient-custom-branding\">{{ 'Admin.DomainConfig.Tooltip.CsImage2' | transloco\n                    }}</span>\n                </span>\n              </label>\n              <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\" [aspectRatio]=\"'custom'\" [title]=\"'Cs Image2'\"\n                [controlName]=\"'cs_image2'\" [previewData]=\"data['cs_image2']\">\n              </pw-custom-uploader>\n            </div>\n            <div class=\"col-md-4\">\n              <label for=\"cs_pdf_image\">{{ 'Admin.DomainConfig.CsPdfImage' | transloco }} <span class=\"info-circle\">\n                  <span class=\"tooltiptext gradient-custom-branding\">{{ 'Admin.DomainConfig.Tooltip.CsPdfImage' | transloco\n                    }}</span>\n                </span>\n              </label>\n              <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\" [aspectRatio]=\"'custom'\" [title]=\"'Cs Pdf Image'\"\n                [controlName]=\"'cs_pdf_image'\" [previewData]=\"data['cs_pdf_image']\">\n              </pw-custom-uploader>\n            </div>\n            <div class=\"col-md-4\">\n              <label for=\"cs_image_bg\">{{ 'Admin.DomainConfig.CsImageBg' | transloco }} <span class=\"info-circle\">\n                  <span class=\"tooltiptext gradient-custom-branding\">{{ 'Admin.DomainConfig.Tooltip.CsImageBg' | transloco\n                    }}</span>\n                </span>\n              </label>\n              <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\" [aspectRatio]=\"'custom'\" [title]=\"'Cs Pdf Image Bg'\"\n                [controlName]=\"'cs_image_bg'\" [previewData]=\"data['cs_image_bg']\">\n              </pw-custom-uploader>\n            </div>\n            <div class=\"col-md-4\">\n              <label for=\"cs_image_bg2\">{{ 'Admin.DomainConfig.CsImageBg2' | transloco }} <span class=\"info-circle\">\n                  <span class=\"tooltiptext gradient-custom-branding\">{{ 'Admin.DomainConfig.Tooltip.CsImageBg2' | transloco\n                    }}</span>\n                </span>\n              </label>\n              <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\" [aspectRatio]=\"'custom'\" [title]=\"'Cs Pdf Image Bg2'\"\n                [controlName]=\"'cs_image_bg2'\" [previewData]=\"data['cs_image_bg2']\">\n              </pw-custom-uploader>\n            </div>\n          </div>\n        </p-accordionTab>\n      </p-accordion>\n    </div>\n\n    <div class=\"col-12 text-end mt-3\">\n      <button type=\"button\"\n        class=\"btn btn-outline-default me-2\"\n        (click)=\"back()\">\n        {{ 'Button.Cancel' | transloco }}\n      </button>\n      <button type=\"submit\" [buttonBusy]=\"buttonBusy\"\n        class=\"btn btn-primary\">{{ 'Button.Submit' | transloco }}</button>\n    </div>\n  </form>\n</ng-container>\n<div *ngIf=\"!data?.host_name && !isLoading\">\n  <pw-no-data [withImage]=\"true\" [message]=\"'Admin.DomainConfig.EnableConfigTab' | transloco\"> </pw-no-data>\n</div>\n\n\n<ng-template #partnerCropper let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Upload Partner Image</h5>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n  <div class=\"modal-body\">\n    <small>You can upload JPG, PNG, or GIF files. Avoid images with celebrities, nudity, or artwork.</small>\n    <pw-image-cropper\n      aspectRatio=\"auto\"\n      (imageSelectionEvent)=\"onPartnerImageSelected($event)\"\n      (closeEvent)=\"onClosePartnerModal()\"\n    ></pw-image-cropper>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i3$3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i4$2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i7$1.Accordion, selector: "p-accordion", inputs: ["multiple", "style", "styleClass", "expandIcon", "collapseIcon", "activeIndex", "selectOnFocus", "headerAriaLevel"], outputs: ["onClose", "onOpen", "activeIndexChange"] }, { kind: "component", type: i7$1.AccordionTab, selector: "p-accordionTab", inputs: ["id", "header", "headerStyle", "tabStyle", "contentStyle", "tabStyleClass", "headerStyleClass", "contentStyleClass", "disabled", "cache", "transitionOptions", "iconPos", "selected", "headerAriaLevel"], outputs: ["selectedChange"] }, { kind: "component", type: i4$3.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "itemSize", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "variant"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "component", type: i3.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "directive", type: i3$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i4.UiSwitchComponent, selector: "ui-switch", inputs: ["size", "color", "switchOffColor", "switchColor", "defaultBgColor", "defaultBoColor", "checkedLabel", "uncheckedLabel", "checkedTextColor", "uncheckedTextColor", "beforeChange", "ariaLabel", "checked", "disabled", "reverse", "loading"], outputs: ["change", "changeEvent", "valueChange"] }, { kind: "component", type: i9.CustomUploaderComponent, selector: "pw-custom-uploader", inputs: ["controlName", "previewData", "aspectRatio", "title"], outputs: ["saveEvent"] }, { kind: "component", type: i9.ProfileImageCropperComponent, selector: "pw-image-cropper", inputs: ["aspectRatio", "dynamicData"], outputs: ["imageSelectionEvent", "closeEvent", "fileChangeEvent"] }, { kind: "component", type: i5.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: i9.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText", "isLeftTooltip"] }, { kind: "component", type: i9.NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "directive", type: i10.ButtonBusyDirective, selector: "[buttonBusy]", inputs: ["buttonBusy", "busyText"] }, { kind: "directive", type: i10.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i1$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i3$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i3$2.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i3$2.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "pipe", type: i12.TranslocoPipe, name: "transloco" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: DomainConfigBuildComponent, selector: "pw-domain-config-build", viewQueries: [{ propertyName: "partnerCropper", first: true, predicate: ["partnerCropper"], descendants: true }, { propertyName: "uploader", predicate: CustomUploaderComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<h3>Public Pages Configuration</h3>\n<div class=\"mb-4\">\n  <p> The following parameters and settings will be applied to all public pages of this domain. </p>\n</div>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"isLoading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<ng-container *ngIf=\"!isLoading && data?.host_name\">\n  <form [formGroup]=\"form\"\n    (ngSubmit)=\"onSave()\">\n    <div class=\"row\">\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.MasterSubscription' | transloco\"\n          name=\"master_subscription_id\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.MasterSubscription' | transloco\">\n          <p-dropdown\n          [options]=\"masterSubscriptionsList\"\n          formControlName=\"master_subscription_id\"\n          [ngClass]=\"{ 'is-invalid': submitted && f['master_subscription_id']?.errors }\"\n          placeholder=\"Select Master Subscription\">\n        </p-dropdown>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.MasterSubscriptionProduct' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"\n                        'Admin.DomainConfig.Tooltip.MasterSubscriptionProduct' | transloco\n                    \"\n          name=\"master_subscription_product_id\">\n          <p-dropdown\n            [options]=\"masterSubscriptionProductList\"\n            formControlName=\"master_subscription_product_id\"\n            [ngClass]=\"{'is-invalid': submitted && f['master_subscription_product_id']?.errors}\"\n            [placeholder]=\"'Select Master Product'\"\n            optionValue=\"id\"\n            optionLabel=\"name\"\n            >\n          </p-dropdown>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.BlogFeatureKey' | transloco\"\n          name=\"blog_feature_key\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.BlogFeatureKey' | transloco\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"blog_feature_key\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['blog_feature_key'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.MainTos' | transloco\"\n          name=\"main_tos_id\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.MainTos' | transloco\">\n          <p-dropdown\n          [options]=\"subscriptionTosList\"\n          formControlName=\"main_tos_id\"\n          [ngClass]=\"{ 'is-invalid': submitted && f['main_tos_id']?.errors }\"\n          [placeholder]=\"'Select Main TOS'\"\n          optionValue=\"id\">\n          <ng-template pTemplate=\"selectedItem\" let-item>\n            <span [innerHTML]=\"item.title\"></span>\n          </ng-template>\n          <ng-template pTemplate=\"item\" let-item>\n            <span [innerHTML]=\"item.title\"></span>\n          </ng-template>\n        </p-dropdown>\n\n        </pw-input-container>\n      </div>\n      <!-- crm subscription fields -->\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.CrmSubscription' | transloco\"\n          name=\"crm_subscription_id\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CrmSubscription' | transloco\">\n          <p-dropdown\n            [options]=\"crmSubscriptionsList\"\n            formControlName=\"crm_subscription_id\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['crm_subscription_id']?.errors }\"\n            [placeholder]=\"'Select CRM Subscription'\"\n            optionValue=\"id\">\n            <ng-template pTemplate=\"selectedItem\" let-item>\n              {{item?.organisation ? item?.organisation + ' - ' + item.contact_name : item?.contact_name}}\n            </ng-template>\n            <ng-template pTemplate=\"item\" let-item>\n              {{item?.organisation ? item?.organisation + ' - ' + item.contact_name : item?.contact_name}}\n            </ng-template>\n          </p-dropdown>\n\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.CrmProduct' | transloco\"\n          name=\"crm_product_id\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CrmProduct' | transloco\">\n          <p-dropdown\n            [options]=\"crmProductList\"\n            formControlName=\"crm_product_id\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['crm_product_id']?.errors }\"\n            [placeholder]=\"'Select CRM Product'\"\n            optionValue=\"id\"\n            >\n            <ng-template pTemplate=\"selectedItem\" let-item>\n              {{item?.subscription_id ? item?.name  +' - SubscriptionID = '+ item.subscription_id : item?.name}}\n            </ng-template>\n            <ng-template pTemplate=\"item\" let-item>\n              {{item?.subscription_id ? item?.name  +' - SubscriptionID = '+ item.subscription_id : item?.name}}\n            </ng-template>\n          </p-dropdown>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.CrmSource' | transloco\"\n          name=\"crm_source_id\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CrmSource' | transloco\">\n          <p-dropdown\n            [options]=\"crmSourcesList\"\n            formControlName=\"crm_source_id\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['crm_source_id']?.errors }\"\n            [placeholder]=\"'Select CRM Source'\"\n            optionValue=\"id\"\n            optionLabel=\"name\"\n            >\n          </p-dropdown>\n        </pw-input-container>\n      </div>\n      <!-- crm subscription fields end-->\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.Active' | transloco\" [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.Active' | transloco\" name=\"active\">\n          <ui-switch size=\"small\" uncheckedLabel=\"false\" checkedLabel=\"true\" formControlName=\"active\" name=\"active\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['active'].errors }\">\n          </ui-switch>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.IsProductDomain' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.IsProductDomain' | transloco\"\n          name=\"is_product_domain\">\n          <ui-switch size=\"small\"\n            uncheckedLabel=\"false\"\n            checkedLabel=\"true\"\n            formControlName=\"is_product_domain\"\n            name=\"is_product_domain\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['is_product_domain'].errors }\">\n          </ui-switch>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.CanRegisterOnMainPage' | transloco\" [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CanRegisterOnMainPage' | transloco\"\n          name=\"can_register_through_main_page\">\n          <ui-switch size=\"small\" uncheckedLabel=\"false\" checkedLabel=\"true\" formControlName=\"can_register_through_main_page\"\n            name=\"can_register_through_main_page\" [ngClass]=\"{\n                                  'is-invalid': submitted && f['can_register_through_main_page'].errors\n                              }\">\n          </ui-switch>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.SocialLoginEnabled' | transloco\" [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.SocialLoginEnable' | transloco\" name=\"social_login_enabled\">\n          <ui-switch size=\"small\" uncheckedLabel=\"false\" checkedLabel=\"true\" formControlName=\"social_login_enabled\"\n            name=\"social_login_enabled\" [ngClass]=\"{ 'is-invalid': submitted && f['social_login_enabled'].errors }\">\n          </ui-switch>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.NotifyLogins' | transloco\" [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.NotifyLogins' | transloco\" name=\"notify_logins\">\n          <ui-switch size=\"small\" uncheckedLabel=\"false\" checkedLabel=\"true\" formControlName=\"notify_logins\"\n            name=\"notify_logins\" [ngClass]=\"{ 'is-invalid': submitted && f['notify_logins'].errors }\">\n          </ui-switch>\n        </pw-input-container>\n      </div>\n    </div>\n\n    <div class=\"my-5\">\n      <h3>Pre-Built Landing Pages for User Onboarding</h3>\n\n      <p-accordion class=\"mt-5\">\n        <p-accordionTab [header]=\"'Instructions - README FIRST'\">\n          <div class=\"mb-3\">\n            <p>We\u2019ve built and maintain a collection of high-converting landing pages designed to help you quickly launch polished\n              UIs for onboarding users.</p>\n            <p><strong>Newsletter Subscription Pages:</strong><br> After configuring your domain, you can access pages like\n              <strong>/join/cs1, /join/cs2, /join/cs3, etc.</strong>, specifically designed for newsletter sign-ups. <br>\n              Subscribers from these pages will be listed in the <strong>SmartCRM module</strong>.</p>\n            <p><strong>Trial Product Sign-Up Pages:</strong><br> For users interested in trial products, utilize pages such as\n              <strong>/join/trial1, /join/trial2, /join/trial3, etc.</strong>.<br> Users registering through these pages will\n              appear in the <strong>Admin > Users section</strong>.</p>\n            <p>Once you\u2019ve selected the landing page you want to use <strong>(e.g., /join/trial3)</strong>, make sure to update\n              the <strong>Internal Path</strong> in the <strong>Core tab</strong> accordingly\u2014i.e., set it to\n              <strong>/join/trial3</strong>.</p>\n            <p>If you need assistance integrating these pages into your workflow or have further questions, feel free to reach\n              out.</p>\n          </div>\n        </p-accordionTab>\n\n        <p-accordionTab [header]=\"'Subscribe to Product/Newsletter Config'\">\n          <div class=\"mb-3\">\n            <p>Trial Pages will enable users to sign up to real products and are accessible at the path /join/trial1,\n              /join/trial2, etc.</p>\n            <p>ComingSoon Pages will enable users to subscribe to Newsletters and are accessible at the internal paths\n              /join/cs1, /join/cs2, etc.</p>\n          </div>\n          <!-- live page link -->\n          <div class=\"text-end\" *ngIf=\"shardUrl\">\n            <span>See the live page <span class=\"tooltip-wrap ms-1\" [appendTo]=\"'body'\"\n                [pTooltip]=\"'Admin.DomainConfig.Tooltip.SeeLiveTrial' | transloco\" tooltipPosition=\"top\">\n                <i class=\"fas fa-info-circle\"></i>\n              </span> : <a [href]=\"shardUrl + '/join/trial1'\" target=\"_blank\">{{ shardUrl }}/join/trial1</a></span>\n          </div>\n          <div class=\"row\">\n            <div class=\"col-sm-3\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.TrialProduct' | transloco\" [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.DomainConfig.Tooltip.TrialProduct' | transloco\" name=\"trial_product_id\">\n                <p-autoComplete [suggestions]=\"productsList\" formControlName=\"trial_product_id\" dataKey=\"id\" field=\"name\"\n                  [dropdown]=\"true\" [delay]=\"1000\" (completeMethod)=\"searchProduct($event)\" styleClass=\"w-100\"\n                  placeholder=\"Search Product\" [inputStyle]=\"\n                                                  form.get('trial_product_id').touched &&\n                                                  form.get('trial_product_id').invalid\n                                                      ? { border: '1px solid #ff586b' }\n                                                      : { border: '1px solid gray' }\n                                              \" [multiple]=\"false\">\n                </p-autoComplete>\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 col-sm-3\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.TrialCrmSourceId' | transloco\" name=\"trial_crm_source_id\"\n                [showTooltip]=\"true\" [tooltipText]=\"\n                                              'Admin.DomainConfig.Tooltip.TrialCrmSourceId' | transloco\n                                          \">\n                <p-dropdown [options]=\"crmSourcesList\" formControlName=\"trial_crm_source_id\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['trial_crm_source_id']?.errors }\"\n                  [placeholder]=\"'Select CRM Source'\" optionValue=\"id\" optionLabel=\"name\">\n                </p-dropdown>\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 col-sm-3\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.TrialPdfSourceId' | transloco\" name=\"trial_pdf_source_id\"\n                [showTooltip]=\"true\" [tooltipText]=\"\n                                              'Admin.DomainConfig.Tooltip.TrialPdfSourceId' | transloco\n                                          \">\n                <p-dropdown [options]=\"crmSourcesList\" formControlName=\"trial_pdf_source_id\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['trial_pdf_source_id']?.errors }\"\n                  [placeholder]=\"'Select CRM Source'\" optionValue=\"id\" optionLabel=\"name\">\n                </p-dropdown>\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 col-sm-3\"></div>\n            <div class=\"col-12 col-sm-3\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.TrialVideoUrl' | transloco\" name=\"trial_video_url\"\n                [showTooltip]=\"true\" [tooltipText]=\"'Admin.DomainConfig.Tooltip.TrialVideoUrl' | transloco\">\n                <input type=\"text\" class=\"form-control\" formControlName=\"trial_video_url\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['trial_video_url'].errors }\" />\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 col-sm-3\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.TrialBookDemoUrl' | transloco\" name=\"trial_book_demo_url\"\n                [showTooltip]=\"true\" [tooltipText]=\"\n                                              'Admin.DomainConfig.Tooltip.TrialBookDemoUrl' | transloco\n                                          \">\n                <input type=\"text\" class=\"form-control\" formControlName=\"trial_book_demo_url\" [ngClass]=\"{\n                                                  'is-invalid': submitted && f['trial_book_demo_url'].errors\n                                              }\" />\n              </pw-input-container>\n            </div>\n            <div class=\"col-12\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.TrialCtaIframe' | transloco\" name=\"trial_cta_iframe\"\n                [showTooltip]=\"true\" [tooltipText]=\"\n                                              'Admin.DomainConfig.Tooltip.TrialCtaIframe' | transloco\n                                          \">\n                <textarea rows=\"3\" class=\"form-control\" formControlName=\"trial_cta_iframe\" [ngClass]=\"{\n                                                  'is-invalid': submitted && f['trial_cta_iframe'].errors\n                                              }\">\n                                          </textarea>\n              </pw-input-container>\n            </div>\n            <div class=\"col-12\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.TrialJoinMessage' | transloco\" name=\"trial_join_message\"\n                [showTooltip]=\"true\" [tooltipText]=\"\n                                              'Admin.DomainConfig.Tooltip.TrialJoinMessage' | transloco\n                                          \">\n                <textarea rows=\"3\" class=\"form-control\" formControlName=\"trial_join_message\" [ngClass]=\"{\n                                                  'is-invalid': submitted && f['trial_join_message'].errors\n                                              }\">\n                                          </textarea>\n              </pw-input-container>\n            </div>\n            <div class=\"col-12\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.TrialPdfDownloadText' | transloco\" name=\"trial_pdf_download_text\"\n                [showTooltip]=\"true\" [tooltipText]=\"\n                                              'Admin.DomainConfig.Tooltip.TrialPdfDownloadText' | transloco\n                                          \">\n                <textarea rows=\"3\" class=\"form-control\" formControlName=\"trial_pdf_download_text\" [ngClass]=\"{\n                                                  'is-invalid': submitted && f['trial_pdf_download_text'].errors\n                                              }\">\n                                          </textarea>\n              </pw-input-container>\n            </div>\n          </div>\n          <div class=\"row\" matchHeight=\"card\">\n            <div class=\"col-md-4\">\n              <label for=\"trial_image\">{{ 'Admin.DomainConfig.TrialImage' | transloco }} <span class=\"info-circle\">\n                  <span class=\"tooltiptext gradient-custom-branding\">{{ 'Admin.DomainConfig.Tooltip.TrialImage' | transloco\n                    }}</span>\n                </span>\n              </label>\n              <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\" [aspectRatio]=\"'custom'\" [title]=\"'Trial Image'\"\n                [controlName]=\"'trial_image'\" [previewData]=\"data['trial_image']\">\n              </pw-custom-uploader>\n            </div>\n            <div class=\"col-md-4\">\n              <label for=\"trial_image2\">{{ 'Admin.DomainConfig.TrialImage2' | transloco }} <span class=\"info-circle\">\n                  <span class=\"tooltiptext gradient-custom-branding\">{{ 'Admin.DomainConfig.Tooltip.TrialImage2' | transloco\n                    }}</span>\n                </span>\n              </label>\n              <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\" [title]=\"'Trial Image2'\" [aspectRatio]=\"'custom'\"\n                [controlName]=\"'trial_image2'\" [previewData]=\"data['trial_image2']\">\n              </pw-custom-uploader>\n            </div>\n            <div class=\"col-md-4\">\n              <label for=\"trial_pdf_image\">{{ 'Admin.DomainConfig.TrialPdfImage' | transloco }} <span class=\"info-circle\">\n                  <span class=\"tooltiptext gradient-custom-branding\">{{ 'Admin.DomainConfig.Tooltip.TrialPdfImage' | transloco\n                    }}</span>\n                </span>\n              </label>\n              <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\" [title]=\"'Trial Pdf Image'\" [aspectRatio]=\"'custom'\"\n                [controlName]=\"'trial_pdf_image'\" [previewData]=\"data['trial_pdf_image']\">\n              </pw-custom-uploader>\n            </div>\n            <div class=\"col-md-4\">\n              <label for=\"trial_image_bg\">{{ 'Admin.DomainConfig.TrialImageBg' | transloco }} <span class=\"info-circle\">\n                  <span class=\"tooltiptext gradient-custom-branding\">{{ 'Admin.DomainConfig.Tooltip.TrialImageBg' | transloco\n                    }}</span>\n                </span>\n              </label>\n              <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\" [title]=\"'Trial Image Bg'\" [aspectRatio]=\"'custom'\"\n                [controlName]=\"'trial_image_bg'\" [previewData]=\"data['trial_image_bg']\">\n              </pw-custom-uploader>\n            </div>\n            <div class=\"col-md-4\">\n              <label for=\"trial_image_bg2\">{{ 'Admin.DomainConfig.TrialImageBg2' | transloco }} <span class=\"info-circle\">\n                  <span class=\"tooltiptext gradient-custom-branding\">{{ 'Admin.DomainConfig.Tooltip.TrialImageBg2' | transloco\n                    }}</span>\n                </span>\n              </label>\n              <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\" [title]=\"'Trial Image Bg2'\" [aspectRatio]=\"'custom'\"\n                [controlName]=\"'trial_image_bg2'\" [previewData]=\"data['trial_image_bg2']\">\n              </pw-custom-uploader>\n            </div>\n          </div>\n        </p-accordionTab>\n\n        <p-accordionTab [header]=\"'Header Section'\">\n          <div class=\"row mt-4\" formGroupName=\"header\">\n            <h4 class=\"mb-4\">Header Section</h4>\n            <div class=\"col-12 col-md-12\">\n              <pw-input-container label=\"Header Headline\" name=\"headline\">\n                <input type=\"text\" class=\"form-control\" formControlName=\"headline\" />\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container label=\"Header Video URL\" name=\"video_url\">\n                <input type=\"text\" class=\"form-control\" formControlName=\"video_url\" />\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container label=\"Header Background Image URL\" name=\"bg_image_url\">\n                <input type=\"text\" class=\"form-control\" formControlName=\"bg_image_url\" />\n              </pw-input-container>\n            </div>\n            <div class=\"col-12\">\n              <pw-input-container label=\"Header Description\">\n                <textarea class=\"form-control\" rows=\"5\" formControlName=\"description\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['description']?.errors }\">\n                                                </textarea>\n              </pw-input-container>\n            </div>\n            <div formArrayName=\"sub_headings\" class=\"col-12\">\n              <div *ngFor=\"let sub of f['header'].get('sub_headings')['controls']; let i = index\" [formGroupName]=\"i\"\n                class=\"row mb-3\">\n                <div class=\"col-md-10\" *ngIf=\"f['header'].get('sub_headings')['controls'].length\">\n                  <pw-input-container label=\"Sub Header Description\">\n                    <textarea class=\"form-control\" rows=\"3\" formControlName=\"description\"\n                      [ngClass]=\"{ 'is-invalid': submitted && f['description']?.errors }\">\n                                                    </textarea>\n                  </pw-input-container>\n                </div>\n                <div class=\"col-md-2 d-flex align-items-center mt-3\">\n                  <i class=\"fa fa-trash delete-icon\" (click)=\"removeHeaderSubHeading(i)\"\n                    (keydown.enter)=\"removeHeaderSubHeading(i)\" (keydown.space)=\"removeHeaderSubHeading(i)\" ngbTooltip=\"Remove\"\n                    aria-hidden=\"true\"></i>\n                </div>\n              </div>\n              <button type=\"button\" class=\"btn btn-primary mt-2 mb-2\" (click)=\"addHeaderSubHeading()\"> + Add Sub Heading\n              </button>\n            </div>\n          </div>\n        </p-accordionTab>\n\n        <p-accordionTab [header]=\"'Resources Section'\">\n          <div class=\"row row mt-4 mb-4\">\n            <h4 class=\"mb-3\">Resources Section</h4>\n            <div class=\"col-12 col-sm-6\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.ResourceTagline' | transloco\" name=\"resources_tagline\"\n                [showTooltip]=\"true\" [tooltipText]=\"'Admin.DomainConfig.Tooltip.ResourceTagline' | transloco\">\n                <input type=\"text\" class=\"form-control\" formControlName=\"resources_tagline\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['resources_tagline'].errors }\" />\n              </pw-input-container>\n            </div>\n            <div class=\"col-12\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.ResourceDescription' | transloco\" name=\"resources_description\"\n                [showTooltip]=\"true\" [tooltipText]=\"'Admin.DomainConfig.Tooltip.ResourceDescription' | transloco\">\n                <textarea class=\"form-control\" rows=\"3\" formControlName=\"resources_description\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['resources_description'].errors }\">\n                                          </textarea>\n              </pw-input-container>\n            </div>\n          </div>\n          <div class=\"row\" matchHeight=\"card\">\n            <div class=\"col-md-4\">\n              <label for=\"resource_image\">{{ 'Admin.DomainConfig.ResourceImage' | transloco }} <span class=\"info-circle\">\n                  <span class=\"tooltiptext gradient-custom-branding\">{{ 'Admin.DomainConfig.Tooltip.ResourceImage' | transloco\n                    }}</span>\n                </span>\n              </label>\n              <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\" [aspectRatio]=\"'custom'\" [title]=\"'Cs Image'\"\n                [controlName]=\"'resources_image'\" [previewData]=\"data['resources_image']\">\n              </pw-custom-uploader>\n            </div>\n          </div>\n        </p-accordionTab>\n\n        <p-accordionTab [header]=\"'Unique Selling Proposition Section (USP) '\">\n          <div class=\"row mt-4 mb-4\" formGroupName=\"usps\">\n            <h4 class=\"mb-4\">Unique Selling Proposition Section (USP)</h4>\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container label=\"USPs Title\" name=\"title\">\n                <input type=\"text\" class=\"form-control\" formControlName=\"title\" />\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container label=\"USPs Video Url\" name=\"video_url\">\n                <input type=\"text\" class=\"form-control\" formControlName=\"video_url\" />\n              </pw-input-container>\n            </div>\n            <div class=\"col-12\">\n              <pw-input-container label=\"USPs Description\" name=\"description\">\n                <textarea class=\"form-control\" rows=\"3\" formControlName=\"description\"\n                 >\n                                  </textarea>\n              </pw-input-container>\n            </div>\n            <div formArrayName=\"items\" class=\"col-12\">\n              <div\n                *ngFor=\"let item of f['usps'].get('items')['controls']; let i = index\"\n                [formGroupName]=\"i\"\n                class=\"row mb-3\"\n              >\n                <div class=\"col-sm-10\">\n                  <pw-input-container label=\"Item Description\">\n                    <textarea class=\"form-control\" rows=\"3\" formControlName=\"description\"\n                  >\n                                  </textarea>\n                  </pw-input-container>\n                </div>\n                <div class=\"col-sm-2 d-flex align-items-center mt-3\">\n                  <i\n                    class=\"fa fa-trash delete-icon\"\n                    (click)=\"removeUspItem(i)\"\n                    (keydown.enter)=\"removeUspItem(i)\"\n                    (keydown.space)=\"removeUspItem(i)\"\n                    ngbTooltip=\"Remove\"\n                    aria-hidden=\"true\"\n                  ></i>\n                </div>\n              </div>\n              <button type=\"button\" class=\"btn btn-primary mt-2 mb-2\" (click)=\"addUspItem()\">\n                + Add USP Item\n              </button>\n            </div>\n          </div>\n        </p-accordionTab>\n\n        <p-accordionTab [header]=\"'Partners (Clients) Section'\">\n\n          <div class=\"row mt-4 mb-4\" formGroupName=\"partners\">\n            <h4 class=\"mb-4\">Partners (Clients) Section</h4>\n            <!-- Title -->\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container label=\"Partner Title\" name=\"title\">\n                <input type=\"text\" class=\"form-control\" formControlName=\"title\" />\n              </pw-input-container>\n            </div>\n\n            <!-- Description -->\n            <div class=\"col-12\">\n              <pw-input-container label=\"Partners Description\" name=\"description\">\n                <textarea class=\"form-control\" rows=\"3\" formControlName=\"description\"></textarea>\n              </pw-input-container>\n            </div>\n\n            <!-- Partner Items -->\n            <div formArrayName=\"items\" class=\"col-12\">\n              <div *ngFor=\"let item of partnersItems.controls; let i = index\" [formGroupName]=\"i\" class=\"row border p-3 mb-3\">\n                <!-- Name -->\n                <div class=\"col-md-6\">\n                  <pw-input-container label=\"Name\" class=\"col-12 col-md-6\" name=\"name\">\n                    <input class=\"form-control\" formControlName=\"name\"/>\n                  </pw-input-container>\n                </div>\n\n                <!-- Blog URL -->\n                <div class=\"col-md-6\">\n                  <pw-input-container label=\"Blog Url\" class=\"col-12 col-md-6\" name=\"blog_url\">\n                    <input class=\"form-control\" formControlName=\"blog_url\"/>\n                  </pw-input-container>\n                </div>\n\n                <!-- Video URL -->\n                <div class=\"col-md-6\">\n                  <pw-input-container label=\"Video Url\" class=\"col-12 col-md-6\" name=\"video_url\">\n                    <input class=\"form-control\" formControlName=\"video_url\"/>\n                  </pw-input-container>\n                </div>\n                <div class=\"col-md-6\">\n                  <pw-input-container label=\"Image Url\" class=\"col-12 col-md-6\" name=\"ctas_title\">\n                    <input class=\"form-control\" formControlName=\"image_url\"/>\n                  </pw-input-container>\n                </div>\n\n                <!-- Remove Button -->\n                <div class=\"col-md-6 text-start mt-2 align-self-center\">\n                  <i ngbTooltip=\"Remove\" (click)=\"removePartnerItem(i)\" class=\"fa fa-trash delete-icon\" aria-hidden=\"true\"></i>\n                </div>\n              </div>\n\n              <!-- Add New Partner -->\n              <div class=\"text-start mt-2\">\n                <button type=\"button\" class=\"btn btn-primary mt-2 mb-2\" (click)=\"addPartnerItem()\">+ Add Partner</button>\n              </div>\n            </div>\n          </div>\n        </p-accordionTab>\n\n        <p-accordionTab [header]=\"'Testimonials Section'\">\n          <div class=\"row mt-3 mb-4\" formGroupName=\"testimonials\">\n            <h4 class=\"mb-4\">Testimonials Section</h4>\n\n            <pw-input-container label=\"Title\" class=\"col-12 col-md-6\" name=\"testimonials_title\">\n              <input type=\"text\" class=\"form-control\" formControlName=\"title\" />\n            </pw-input-container>\n\n            <pw-input-container label=\"Description\" class=\"col-12\" name=\"testimonials_description\">\n              <textarea rows=\"3\" class=\"form-control\" formControlName=\"description\"></textarea>\n            </pw-input-container>\n\n            <!-- Items List -->\n            <div formArrayName=\"items\" class=\"col-12 mt-3\">\n              <div *ngFor=\"let item of testimonialsItems.controls; let i = index\" [formGroupName]=\"i\" class=\"row border p-3 mb-3\">\n\n                <pw-input-container label=\"Name\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"name\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Blog URL\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"blog_url\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Image URL\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"image_url\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Video URL\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"video_url\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Testimonial\" class=\"col-md-10\">\n                  <textarea class=\"form-control\" rows=\"3\" formControlName=\"testimonial\"></textarea>\n                </pw-input-container>\n\n                <div class=\"col-md-2 d-flex align-items-center mt-3\">\n                  <i\n                      ngbTooltip=\"Remove\" (click)=\"removeTestimonialItem(i)\"\n                      (keydown.enter)=\"removeTestimonialItem(i)\"\n                      (keydown.space)=\"removeTestimonialItem(i)\" class=\"fa fa-trash delete-icon\"\n                      aria-hidden=\"true\"\n                  ></i>\n                </div>\n              </div>\n\n              <div class=\"text-start mt-2\">\n                <button type=\"button\" class=\"btn btn-primary mt-2 mb-2\" (click)=\"addTestimonialItem()\">+ Add Testimonial</button>\n              </div>\n            </div>\n          </div>\n        </p-accordionTab>\n\n        <p-accordionTab [header]=\"'Video Section'\">\n          <div class=\"row mt-3 mb-4\" formGroupName=\"videos\">\n            <h4 class=\"mb-3\">Video Section</h4>\n\n            <pw-input-container label=\"Title\" class=\"col-12 col-md-6\" name=\"videos_title\">\n              <input type=\"text\" class=\"form-control\" formControlName=\"title\" />\n            </pw-input-container>\n\n            <pw-input-container label=\"Description\" class=\"col-12\" name=\"videos_description\">\n              <textarea rows=\"3\" class=\"form-control\" formControlName=\"description\"></textarea>\n            </pw-input-container>\n\n            <!-- Video Items -->\n            <div formArrayName=\"items\" class=\"col-12 mt-3\">\n              <div *ngFor=\"let item of videosItems.controls; let i = index\" [formGroupName]=\"i\" class=\"row border p-3 mb-3\">\n\n                <pw-input-container label=\"Title\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"title\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Blog URL\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"blog_url\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Image URL\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"image_url\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Video URL\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"video_url\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Description\" class=\"col-md-10\">\n                  <textarea class=\"form-control\" rows=\"3\" formControlName=\"description\"></textarea>\n                </pw-input-container>\n\n                <div class=\"col-md-2 d-flex align-items-center mt-3\">\n                  <i\n                    class=\"fa fa-trash delete-icon\"\n                    (click)=\"removeVideoItem(i)\"\n                    (keydown.enter)=\"removeVideoItem(i)\"\n                    (keydown.space)=\"removeVideoItem(i)\"\n                    ngbTooltip=\"Remove\"\n                    aria-hidden=\"true\"\n                  ></i>\n                </div>\n              </div>\n\n              <div class=\"text-start mt-2\">\n                <button type=\"button\" class=\"btn btn-primary mt-2 mb-2\" (click)=\"addVideoItem()\">+ Add Video</button>\n              </div>\n            </div>\n          </div>\n        </p-accordionTab>\n\n        <p-accordionTab [header]=\"'Call to Actions Section (CTAs)'\">\n          <div class=\"row mt-4 mb-4\" formGroupName=\"ctas\">\n            <h4 class=\"mb-4\">CTAs Section</h4>\n\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container label=\"Title\" name=\"title\">\n                <input type=\"text\" class=\"form-control\" formControlName=\"title\" />\n              </pw-input-container>\n            </div>\n\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container label=\"Description\" name=\"description\">\n                <input type=\"text\" class=\"form-control\" formControlName=\"description\" />\n             </pw-input-container>\n            </div>\n\n            <div class=\"col-12\">\n              <pw-input-container label=\"Image URL\" name=\"image_url\">\n                <input type=\"text\" class=\"form-control\" formControlName=\"image_url\" />\n              </pw-input-container>\n            </div>\n\n            <!-- CTA Items -->\n            <div formArrayName=\"items\" class=\"col-12 mt-3\">\n              <div *ngFor=\"let item of ctasItems.controls; let i = index\" [formGroupName]=\"i\" class=\"row border p-3 mb-3 ng-untouched ng-pristine ng-valid ng-star-inserted\">\n                <div class=\"col-12 col-md-6\">\n                  <pw-input-container label=\"Image URL\" name=\"image_url\">\n                    <input type=\"text\" class=\"form-control\" formControlName=\"image_url\" />\n                  </pw-input-container>\n                </div>\n\n                <div class=\"col-12 col-md-6\">\n                  <pw-input-container label=\"Cta URL\" name=\"cta_url\">\n                    <input type=\"text\" class=\"form-control\" formControlName=\"cta_url\" />\n                  </pw-input-container>\n                </div>\n\n                <div class=\"col-12 col-md-6\">\n                  <pw-input-container label=\"Video URL\" name=\"video_url\">\n                    <input type=\"text\" class=\"form-control\" formControlName=\"video_url\" />\n                  </pw-input-container>\n                </div>\n                <div class=\"col-12 col-md-6\">\n                  <pw-input-container label=\"CTA Title\">\n                    <input class=\"form-control\" formControlName=\"title\" />\n                  </pw-input-container>\n                </div>\n                <div class=\"col-12 col-md-6\">\n                  <pw-input-container label=\"CTA Description\">\n                    <input class=\"form-control\" formControlName=\"description\" />\n                  </pw-input-container>\n                </div>\n                <div class=\"col-12 col-md-6\">\n                  <pw-input-container label=\"Button Text\">\n                    <input class=\"form-control\" formControlName=\"button_text\" />\n                  </pw-input-container>\n                </div>\n                <div class=\"col-md-1 d-flex align-items-center mt-3\">\n                  <i\n                    class=\"fa fa-trash delete-icon\"\n                    (click)=\"removeCtasItem(i)\"\n                    (keydown.enter)=\"removeCtasItem(i)\"\n                    (keydown.space)=\"removeCtasItem(i)\"\n                    ngbTooltip=\"Remove\"\n                    aria-hidden=\"true\"\n                  ></i>\n                </div>\n              </div>\n              <div class=\"text-start mt-2\">\n                <button type=\"button\" class=\"btn btn-primary mt-2 mb-2\" (click)=\"addCtasItem()\">+ Add CTA Item</button>\n              </div>\n            </div>\n          </div>\n        </p-accordionTab>\n\n        <p-accordionTab [header]=\"'Integrations Section'\">\n          <div class=\"row mt-3 mb-4\" formGroupName=\"integrations\">\n            <h4 class=\"mb-3\">Integrations Section</h4>\n\n            <pw-input-container label=\"Title\" class=\"col-12\">\n              <input type=\"text\" class=\"form-control\" formControlName=\"title\" />\n            </pw-input-container>\n\n            <pw-input-container label=\"Description\" class=\"col-12\">\n              <textarea class=\"form-control\" formControlName=\"description\" rows=\"3\"></textarea>\n            </pw-input-container>\n\n            <div formArrayName=\"items\" class=\"col-12\">\n              <div\n                *ngFor=\"let item of integrationsItems.controls; let i = index\"\n                [formGroupName]=\"i\"\n                class=\"row border p-3 mb-3 rounded bg-light\"\n              >\n                <pw-input-container label=\"Title\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"title\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Description\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"description\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Blog URL\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"blog_url\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Image URL\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"image_url\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Video URL\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"video_url\" />\n                </pw-input-container>\n\n                <div class=\"col-md-6 d-flex align-items-end justify-content-end\">\n                  <button\n                    type=\"button\"\n                    class=\"btn btn-danger\"\n                    (click)=\"removeIntegrationItem(i)\"\n                  >\n                    Remove\n                  </button>\n                </div>\n              </div>\n\n              <div class=\"text-start mt-2\">\n                <button type=\"button\" class=\"btn btn-primary\" (click)=\"addIntegrationItem()\">\n                  + Add Integration\n                </button>\n              </div>\n            </div>\n          </div>\n        </p-accordionTab>\n\n        <p-accordionTab [header]=\"'Contact Us Section'\">\n          <div class=\"row mt-3 mb-4\" formGroupName=\"contact_us\">\n            <h4 class=\"mb-3\">Contact Us Section</h4>\n            <pw-input-container label=\"Url\" class=\"col-md-6\">\n              <input type=\"text\" class=\"form-control\" formControlName=\"url\" />\n            </pw-input-container>\n            <pw-input-container label=\"Description\" class=\"col-12\" name=\"contact_us_description\">\n              <textarea rows=\"3\" class=\"form-control\" formControlName=\"description\"></textarea>\n            </pw-input-container>\n            <div formArrayName=\"questions\" class=\"col-12 mt-3\">\n              <div *ngFor=\"let questionGroup of contactUsQuestions.controls; let i = index\" [formGroupName]=\"i\"\n                class=\"row border p-3 mb-3\">\n                <pw-input-container label=\"Question\" class=\"col-md-10\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"question\" />\n                </pw-input-container>\n                <div class=\"col-md-2 d-flex align-items-center mt-3\">\n                  <i class=\"fa fa-trash delete-icon\" (click)=\"removeContactUsQuestion(i)\"\n                    (keydown.enter)=\"removeContactUsQuestion(i)\" (keydown.space)=\"removeContactUsQuestion(i)\"\n                    ngbTooltip=\"Remove\" aria-hidden=\"true\"></i>\n                </div>\n                <!-- Options inside each question -->\n                <div class=\"col-12\" formArrayName=\"options\">\n                  <div class=\"row align-items-center mb-2 border p-3\"\n                    *ngFor=\"let option of getQuestionOptions(i).controls; let j = index\" [formGroupName]=\"j\">\n                    <pw-input-container label=\"Option\" class=\"col-md-10\">\n                      <input type=\"text\" class=\"form-control\" formControlName=\"option\" />\n                    </pw-input-container>\n                    <div class=\"col-md-2 d-flex align-items-center mt-3\">\n                      <i class=\"fa fa-trash delete-icon\" (click)=\"removeContactUsOption(i, j)\"\n                        (keydown.enter)=\"removeContactUsOption(i, j)\" (keydown.space)=\"removeContactUsOption(i, j)\"\n                        ngbTooltip=\"Remove Option\" aria-hidden=\"true\"></i>\n                    </div>\n                  </div>\n                  <div class=\"text-start\">\n                    <button type=\"button\" class=\"btn btn-primary btn-sm\" (click)=\"addContactUsOption(i)\"> + Add Option </button>\n                  </div>\n                </div>\n                <!-- End options -->\n              </div>\n              <div class=\"text-start mt-3\">\n                <button type=\"button\" class=\"btn btn-primary\" (click)=\"addContactUsQuestion()\">+ Add Question</button>\n              </div>\n            </div>\n            <div formArrayName=\"hubspot\" class=\"col-12 mt-4\">\n              <h5 class=\"mb-4\">Hubspot Embeds</h5>\n              <div *ngFor=\"let hub of contactUsHubspotItems.controls; let i = index\" [formGroupName]=\"i\" class=\"row border p-3 mb-2\">\n                <pw-input-container label=\"ID\" class=\"col-md-4\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"id\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Position\" class=\"col-md-4\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"position\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Div\" class=\"col-10\">\n                  <textarea class=\"form-control\" rows=\"5\" formControlName=\"div\"\n                   [ngClass]=\"{ 'is-invalid': submitted && f['div']?.errors }\">\n                                                 </textarea>\n                </pw-input-container>\n\n                <div class=\"col-md-2 d-flex align-items-center mt-3\">\n                  <i\n                    class=\"fa fa-trash delete-icon\"\n                    (click)=\"removeHubspotItem(i)\"\n                    (keydown.enter)=\"removeHubspotItem(i)\"\n                    (keydown.space)=\"removeHubspotItem(i)\"\n                    ngbTooltip=\"Remove Hubspot Embed\"\n                    aria-hidden=\"true\">\n                  </i>\n                </div>\n              </div>\n\n              <div class=\"text-start mt-2\">\n                <button type=\"button\" class=\"btn btn-primary btn-sm\" (click)=\"addHubspotItem()\">+ Add Hubspot Embed</button>\n              </div>\n            </div>\n\n          </div>\n        </p-accordionTab>\n\n        <p-accordionTab [header]=\"'Book a Demo Section'\">\n          <div class=\"row mt-4\">\n            <div class=\"col-12\">\n              <h4 class=\"mb-3\">{{ 'Admin.DomainConfig.BookDemoLinks' | transloco }}</h4>\n              <div formGroupName=\"book_demo\">\n                <pw-input-container label=\"Title\">\n                  <input type=\"text\" formControlName=\"title\" class=\"form-control\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Description\">\n                  <input type=\"text\" formControlName=\"description\" class=\"form-control\" />\n                </pw-input-container>\n\n                <div formArrayName=\"items\">\n                  <div *ngFor=\"let link of f['book_demo'].get('items')['controls']; let i = index\" [formGroupName]=\"i\" class=\"row mb-3\">\n                    <div class=\"col-sm-5\">\n                      <pw-input-container label=\"Link Title\">\n                        <input type=\"text\" class=\"form-control\" formControlName=\"title\" />\n                      </pw-input-container>\n                    </div>\n                    <div class=\"col-sm-5\">\n                      <pw-input-container label=\"Link URL\">\n                        <input type=\"text\" class=\"form-control\" formControlName=\"url\" />\n                      </pw-input-container>\n                    </div>\n                    <div class=\"col-sm-2 d-flex align-items-center mt-3\">\n                      <i\n                      ngbTooltip=\"Remove\"\n                      (click)=\"removeBookDemoLink(i)\"\n                                          (keydown.enter)=\"removeBookDemoLink(i)\"\n                                          (keydown.space)=\"removeBookDemoLink(i)\"\n                                          class=\"fa fa-trash delete-icon\"\n                                          aria-hidden=\"true\"\n                                      ></i>\n                    </div>\n                  </div>\n                  <button type=\"button\" class=\"btn btn-primary mt-2 mb-2\" (click)=\"addBookDemoLink()\">+ Add Book Demo Link</button>\n                </div>\n              </div>\n            </div>\n          </div>\n        </p-accordionTab>\n\n\n        <p-accordionTab [header]=\"'Navbar Section'\">\n          <div class=\"row mt-3 mb-4\" formGroupName=\"navbar\">\n            <h4 class=\"mb-3\">Navbar Section</h4>\n\n            <div formArrayName=\"items\" class=\"col-12\">\n              <div *ngFor=\"let item of navbarItems.controls; let i = index\" [formGroupName]=\"i\" class=\"row mb-3\">\n\n                <pw-input-container label=\"Title\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"title\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Path\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"path\" />\n                </pw-input-container>\n\n                <div class=\"col-12\" formArrayName=\"subtitles\">\n                  <div *ngFor=\"let sub of getNavbarSubtitles(i).controls; let j = index\" [formGroupName]=\"j\" class=\"row border p-3 mb-2\">\n                    <div class=\"col-md-5\">\n                      <pw-input-container label=\"Subtitle Title\">\n                        <input type=\"text\" class=\"form-control\" formControlName=\"title\" />\n                      </pw-input-container>\n                    </div>\n                    <div class=\"col-md-5\">\n                      <pw-input-container label=\"Subtitle Path\">\n                        <input type=\"text\" class=\"form-control\" formControlName=\"path\" />\n                      </pw-input-container>\n                    </div>\n                    <div class=\"col-md-2 d-flex align-items-center mt-3\">\n                      <i class=\"fa fa-trash delete-icon\"\n                        (click)=\"removeSubtitle(i, j)\"\n                        (keydown.enter)=\"removeSubtitle(i, j)\"\n                        (keydown.space)=\"removeSubtitle(i, j)\"\n                        ngbTooltip=\"Remove Subtitle\"\n                        aria-hidden=\"true\">\n                      </i>\n                    </div>\n                  </div>\n                  <button type=\"button\" class=\"btn btn-sm btn-primary mt-2\" (click)=\"addSubtitle(i)\">\n                    + Add Subtitle\n                  </button>\n                </div>\n\n                <div class=\"col-md-12 text-end mt-2\">\n                  <i class=\"fa fa-trash delete-icon\"\n                    (click)=\"removeNavbarItem(i)\"\n                    (keydown.enter)=\"removeNavbarItem(i)\"\n                    (keydown.space)=\"removeNavbarItem(i)\"\n                    ngbTooltip=\"Remove Navbar Item\"\n                    aria-hidden=\"true\">\n                  </i>\n                </div>\n              </div>\n\n              <button type=\"button\" class=\"btn btn-primary mt-2 mb-2\" (click)=\"addNavbarItem()\">+ Add Navbar Item</button>\n            </div>\n          </div>\n        </p-accordionTab>\n\n\n        <p-accordionTab [header]=\"'Footer Links Section'\">\n          <div class=\"row mt-3 mb-4\" formGroupName=\"footer_links\">\n            <h4 class=\"mb-3\">Footer Links Section</h4>\n\n            <div formArrayName=\"items\" class=\"col-12\">\n              <div *ngFor=\"let item of footerLinksItems.controls; let i = index\" [formGroupName]=\"i\" class=\"row mb-3\">\n\n                <pw-input-container label=\"Title\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"title\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Path\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"path\" />\n                </pw-input-container>\n\n                <div class=\"col-12\" formArrayName=\"subtitles\">\n                  <div *ngFor=\"let sub of getFooterSubtitles(i).controls; let j = index\" [formGroupName]=\"j\" class=\"row border p-3 mb-2\">\n                    <div class=\"col-md-5\">\n                      <pw-input-container label=\"Subtitle Title\">\n                        <input type=\"text\" class=\"form-control\" formControlName=\"title\" />\n                      </pw-input-container>\n                    </div>\n                    <div class=\"col-md-5\">\n                      <pw-input-container label=\"Subtitle Path\">\n                        <input type=\"text\" class=\"form-control\" formControlName=\"path\" />\n                      </pw-input-container>\n                    </div>\n                    <div class=\"col-md-2 d-flex align-items-center mt-3\">\n                      <i class=\"fa fa-trash delete-icon\"\n                        (click)=\"removeFooterSubtitle(i, j)\"\n                        (keydown.enter)=\"removeFooterSubtitle(i, j)\"\n                        (keydown.space)=\"removeFooterSubtitle(i, j)\"\n                        ngbTooltip=\"Remove Subtitle\"\n                        aria-hidden=\"true\">\n                      </i>\n                    </div>\n                  </div>\n                  <button type=\"button\" class=\"btn btn-sm btn-primary mt-2\" (click)=\"addFooterSubtitle(i)\">\n                    + Add Subtitle\n                  </button>\n                </div>\n\n                <div class=\"col-md-12 text-end mt-2\">\n                  <i class=\"fa fa-trash delete-icon\"\n                    (click)=\"removeFooterLinkItem(i)\"\n                    (keydown.enter)=\"removeFooterLinkItem(i)\"\n                    (keydown.space)=\"removeFooterLinkItem(i)\"\n                    ngbTooltip=\"Remove Footer Item\"\n                    aria-hidden=\"true\">\n                  </i>\n                </div>\n              </div>\n\n              <button type=\"button\" class=\"btn btn-primary mt-2 mb-2\" (click)=\"addFooterLinkItem()\">+ Add Footer Link</button>\n            </div>\n          </div>\n        </p-accordionTab>\n\n\n\n        <p-accordionTab [header]=\"'Guides Section'\">\n          <div class=\"row mt-3 mb-4\" formGroupName=\"guides\">\n            <h4 class=\"mb-3\">Guides Section</h4>\n\n            <div formArrayName=\"items\" class=\"col-12\">\n              <div *ngFor=\"let item of guidesItems.controls; let i = index\" [formGroupName]=\"i\" class=\"row border p-3 mb-3\">\n                <pw-input-container label=\"Title\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"title\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Button Text\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"button_text\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Image URL\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"image_url\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Guide URL\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"guide_url\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Description\" class=\"col-md-10\">\n                  <textarea class=\"form-control\" rows=\"5\" formControlName=\"description\"\n                   [ngClass]=\"{ 'is-invalid': submitted && f['description']?.errors }\">\n                                                 </textarea>\n                 </pw-input-container>\n\n                <div class=\"col-md-1 d-flex align-items-center mt-3\">\n                  <i\n                    class=\"fa fa-trash delete-icon\"\n                    (click)=\"removeGuideItem(i)\"\n                    (keydown.enter)=\"removeGuideItem(i)\"\n                    (keydown.space)=\"removeGuideItem(i)\"\n                    ngbTooltip=\"Remove Guide\"\n                    aria-hidden=\"true\"\n                  ></i>\n                </div>\n              </div>\n\n              <div class=\"text-start mt-2\">\n                <button type=\"button\" class=\"btn btn-primary\" (click)=\"addGuideItem()\">+ Add Guide</button>\n              </div>\n            </div>\n          </div>\n        </p-accordionTab>\n\n\n\n\n        <p-accordionTab [header]=\"'Coming soon pages - Subscribe to newsletter (TO DISCONTINUE)'\">\n          <div class=\"mb-3\">\n            <p>ComingSoon Pages will enable users to subscribe to Newsletters and are accessible at the internal paths\n              /join/cs1, /join/cs2, etc.</p>\n          </div>\n          <!-- live page link -->\n          <div class=\"text-end\" *ngIf=\"shardUrl\">\n            <span>See the live page <span class=\"tooltip-wrap ms-1\" [appendTo]=\"'body'\"\n                [pTooltip]=\"'Admin.DomainConfig.Tooltip.SeeLiveCs' | transloco\" tooltipPosition=\"top\">\n                <i class=\"fas fa-info-circle\"></i>\n              </span> : <a [href]=\"shardUrl + '/join/cs1'\" target=\"_blank\">{{ shardUrl }}/join/cs1</a></span>\n          </div>\n          <div class=\"row\">\n            <div class=\"col-12 col-sm-3\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.CsProduct' | transloco\" [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsProduct' | transloco\" name=\"cs_product_id\">\n                <p-autoComplete [suggestions]=\"productsList\" formControlName=\"cs_product_id\" dataKey=\"id\" field=\"name\"\n                  [dropdown]=\"true\" [delay]=\"1000\" (completeMethod)=\"searchProduct($event)\" styleClass=\"w-100\"\n                  placeholder=\"Search Product\" [inputStyle]=\"\n                                                form.get('cs_product_id').touched &&\n                                                form.get('cs_product_id').invalid\n                                                    ? { border: '1px solid #ff586b' }\n                                                    : { border: '1px solid gray' }\n                                            \" [multiple]=\"false\">\n                </p-autoComplete>\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 col-sm-3\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.CsCrmSourceId' | transloco\" name=\"cs_crm_source_id\"\n                [showTooltip]=\"true\" [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsCrmSourceId' | transloco\">\n                <p-dropdown [options]=\"crmSourcesList\" formControlName=\"cs_crm_source_id\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['cs_crm_source_id']?.errors }\" [placeholder]=\"'Select CRM Source'\"\n                  optionValue=\"id\" optionLabel=\"name\">\n                </p-dropdown>\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 col-sm-3\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.CsPdfSourceId' | transloco\" name=\"cs_pdf_source_id\"\n                [showTooltip]=\"true\" [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsPdfSourceId' | transloco\">\n                <p-dropdown [options]=\"crmSourcesList\" formControlName=\"cs_pdf_source_id\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['cs_pdf_source_id']?.errors }\" [placeholder]=\"'Select CRM Source'\"\n                  optionValue=\"id\" optionLabel=\"name\">\n                </p-dropdown>\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 col-sm-3\"></div>\n            <div class=\"col-12 col-sm-3\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.CsVideoUrl' | transloco\" name=\"cs_video_url\" [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsVideoUrl' | transloco\">\n                <input type=\"text\" class=\"form-control\" formControlName=\"cs_video_url\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['cs_video_url'].errors }\" />\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 col-sm-3\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.CsBookDemoUrl' | transloco\" name=\"cs_book_demo_url\"\n                [showTooltip]=\"true\" [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsBookDemoUrl' | transloco\">\n                <input type=\"text\" class=\"form-control\" formControlName=\"cs_book_demo_url\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['cs_book_demo_url'].errors }\" />\n              </pw-input-container>\n            </div>\n            <div class=\"col-12\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.CsCtaIframe' | transloco\" name=\"cs_cta_iframe\"\n                [showTooltip]=\"true\" [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsCtaIframe' | transloco\">\n                <textarea class=\"form-control\" rows=\"3\" formControlName=\"cs_cta_iframe\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['cs_cta_iframe'].errors }\">\n                                        </textarea>\n              </pw-input-container>\n            </div>\n            <div class=\"col-12\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.CsJoinMessage' | transloco\" name=\"cs_join_message\"\n                [showTooltip]=\"true\" [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsJoinMessage' | transloco\">\n                <textarea class=\"form-control\" rows=\"3\" formControlName=\"cs_join_message\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['cs_join_message'].errors }\">\n                                        </textarea>\n              </pw-input-container>\n            </div>\n            <div class=\"col-12\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.CsPdfDownloadText' | transloco\" name=\"cs_pdf_download_text\"\n                [showTooltip]=\"true\" [tooltipText]=\"\n                                            'Admin.DomainConfig.Tooltip.CsPdfDownloadText' | transloco\n                                        \">\n                <textarea class=\"form-control\" rows=\"3\" formControlName=\"cs_pdf_download_text\" [ngClass]=\"{\n                                                'is-invalid': submitted && f['cs_pdf_download_text'].errors\n                                            }\">\n                                        </textarea>\n              </pw-input-container>\n            </div>\n          </div>\n          <div class=\"row\" matchHeight=\"card\">\n            <div class=\"col-md-4\">\n              <label for=\"cs_image\">{{ 'Admin.DomainConfig.CsImage' | transloco }} <span class=\"info-circle\">\n                  <span class=\"tooltiptext gradient-custom-branding\">{{ 'Admin.DomainConfig.Tooltip.CsImage' | transloco\n                    }}</span>\n                </span>\n              </label>\n              <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\" [aspectRatio]=\"'custom'\" [title]=\"'Cs Image'\"\n                [controlName]=\"'cs_image'\" [previewData]=\"data['cs_image']\">\n              </pw-custom-uploader>\n            </div>\n            <div class=\"col-md-4\">\n              <label for=\"cs_image2\">{{ 'Admin.DomainConfig.CsImage2' | transloco }} <span class=\"info-circle\">\n                  <span class=\"tooltiptext gradient-custom-branding\">{{ 'Admin.DomainConfig.Tooltip.CsImage2' | transloco\n                    }}</span>\n                </span>\n              </label>\n              <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\" [aspectRatio]=\"'custom'\" [title]=\"'Cs Image2'\"\n                [controlName]=\"'cs_image2'\" [previewData]=\"data['cs_image2']\">\n              </pw-custom-uploader>\n            </div>\n            <div class=\"col-md-4\">\n              <label for=\"cs_pdf_image\">{{ 'Admin.DomainConfig.CsPdfImage' | transloco }} <span class=\"info-circle\">\n                  <span class=\"tooltiptext gradient-custom-branding\">{{ 'Admin.DomainConfig.Tooltip.CsPdfImage' | transloco\n                    }}</span>\n                </span>\n              </label>\n              <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\" [aspectRatio]=\"'custom'\" [title]=\"'Cs Pdf Image'\"\n                [controlName]=\"'cs_pdf_image'\" [previewData]=\"data['cs_pdf_image']\">\n              </pw-custom-uploader>\n            </div>\n            <div class=\"col-md-4\">\n              <label for=\"cs_image_bg\">{{ 'Admin.DomainConfig.CsImageBg' | transloco }} <span class=\"info-circle\">\n                  <span class=\"tooltiptext gradient-custom-branding\">{{ 'Admin.DomainConfig.Tooltip.CsImageBg' | transloco\n                    }}</span>\n                </span>\n              </label>\n              <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\" [aspectRatio]=\"'custom'\" [title]=\"'Cs Pdf Image Bg'\"\n                [controlName]=\"'cs_image_bg'\" [previewData]=\"data['cs_image_bg']\">\n              </pw-custom-uploader>\n            </div>\n            <div class=\"col-md-4\">\n              <label for=\"cs_image_bg2\">{{ 'Admin.DomainConfig.CsImageBg2' | transloco }} <span class=\"info-circle\">\n                  <span class=\"tooltiptext gradient-custom-branding\">{{ 'Admin.DomainConfig.Tooltip.CsImageBg2' | transloco\n                    }}</span>\n                </span>\n              </label>\n              <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\" [aspectRatio]=\"'custom'\" [title]=\"'Cs Pdf Image Bg2'\"\n                [controlName]=\"'cs_image_bg2'\" [previewData]=\"data['cs_image_bg2']\">\n              </pw-custom-uploader>\n            </div>\n          </div>\n        </p-accordionTab>\n      </p-accordion>\n    </div>\n\n    <div class=\"col-12 text-end mt-3\">\n      <button type=\"button\"\n        class=\"btn btn-outline-default me-2\"\n        (click)=\"back()\">\n        {{ 'Button.Cancel' | transloco }}\n      </button>\n      <button type=\"submit\" [buttonBusy]=\"buttonBusy\"\n        class=\"btn btn-primary\">{{ 'Button.Submit' | transloco }}</button>\n    </div>\n  </form>\n</ng-container>\n<div *ngIf=\"!data?.host_name && !isLoading\">\n  <pw-no-data [withImage]=\"true\" [message]=\"'Admin.DomainConfig.EnableConfigTab' | transloco\"> </pw-no-data>\n</div>\n\n\n<ng-template #partnerCropper let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Upload Partner Image</h5>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n  <div class=\"modal-body\">\n    <small>You can upload JPG, PNG, or GIF files. Avoid images with celebrities, nudity, or artwork.</small>\n    <pw-image-cropper\n      aspectRatio=\"auto\"\n      (imageSelectionEvent)=\"onPartnerImageSelected($event)\"\n      (closeEvent)=\"onClosePartnerModal()\"\n    ></pw-image-cropper>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i3$3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i4$2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i7$1.Accordion, selector: "p-accordion", inputs: ["multiple", "style", "styleClass", "expandIcon", "collapseIcon", "activeIndex", "selectOnFocus", "headerAriaLevel"], outputs: ["onClose", "onOpen", "activeIndexChange"] }, { kind: "component", type: i7$1.AccordionTab, selector: "p-accordionTab", inputs: ["id", "header", "headerStyle", "tabStyle", "contentStyle", "tabStyleClass", "headerStyleClass", "contentStyleClass", "disabled", "cache", "transitionOptions", "iconPos", "selected", "headerAriaLevel"], outputs: ["selectedChange"] }, { kind: "component", type: i4$3.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "itemSize", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "variant"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "component", type: i3.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "directive", type: i3$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i4.UiSwitchComponent, selector: "ui-switch", inputs: ["size", "color", "switchOffColor", "switchColor", "defaultBgColor", "defaultBoColor", "checkedLabel", "uncheckedLabel", "checkedTextColor", "uncheckedTextColor", "beforeChange", "ariaLabel", "checked", "disabled", "reverse", "loading"], outputs: ["change", "changeEvent", "valueChange"] }, { kind: "component", type: i9.CustomUploaderComponent, selector: "pw-custom-uploader", inputs: ["controlName", "previewData", "aspectRatio", "title"], outputs: ["saveEvent"] }, { kind: "component", type: i9.ProfileImageCropperComponent, selector: "pw-image-cropper", inputs: ["aspectRatio", "dynamicData"], outputs: ["imageSelectionEvent", "closeEvent", "fileChangeEvent"] }, { kind: "component", type: i5.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: i9.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText", "isLeftTooltip"] }, { kind: "component", type: i9.NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "directive", type: i10.ButtonBusyDirective, selector: "[buttonBusy]", inputs: ["buttonBusy", "busyText"] }, { kind: "directive", type: i1$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i3$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i3$2.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i3$2.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "pipe", type: i12.TranslocoPipe, name: "transloco" }] }); }
 }
 __decorate([
     ValidateForm('form'),
@@ -1333,7 +1333,7 @@ __decorate([
 ], DomainConfigBuildComponent.prototype, "onSave", null);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: DomainConfigBuildComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pw-domain-config-build', template: "<h3>Public Pages Configuration</h3>\n<div class=\"mb-4\">\n  <p> The following parameters and settings will be applied to all public pages of this domain. </p>\n</div>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"isLoading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<ng-container *ngIf=\"!isLoading && data?.host_name\">\n  <form [formGroup]=\"form\"\n    (ngSubmit)=\"onSave()\">\n    <div class=\"row\">\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.MasterSubscription' | transloco\"\n          name=\"master_subscription_id\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.MasterSubscription' | transloco\">\n          <p-dropdown\n          [options]=\"masterSubscriptionsList\"\n          formControlName=\"master_subscription_id\"\n          [ngClass]=\"{ 'is-invalid': submitted && f['master_subscription_id']?.errors }\"\n          placeholder=\"Select Master Subscription\">\n        </p-dropdown>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.MasterSubscriptionProduct' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"\n                        'Admin.DomainConfig.Tooltip.MasterSubscriptionProduct' | transloco\n                    \"\n          name=\"master_subscription_product_id\">\n          <p-dropdown\n            [options]=\"masterSubscriptionProductList\"\n            formControlName=\"master_subscription_product_id\"\n            [ngClass]=\"{'is-invalid': submitted && f['master_subscription_product_id']?.errors}\"\n            [placeholder]=\"'Select Master Product'\"\n            optionValue=\"id\"\n            optionLabel=\"name\"\n            >\n          </p-dropdown>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.BlogFeatureKey' | transloco\"\n          name=\"blog_feature_key\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.BlogFeatureKey' | transloco\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"blog_feature_key\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['blog_feature_key'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.MainTos' | transloco\"\n          name=\"main_tos_id\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.MainTos' | transloco\">\n          <p-dropdown\n          [options]=\"subscriptionTosList\"\n          formControlName=\"main_tos_id\"\n          [ngClass]=\"{ 'is-invalid': submitted && f['main_tos_id']?.errors }\"\n          [placeholder]=\"'Select Main TOS'\"\n          optionValue=\"id\">\n          <ng-template pTemplate=\"selectedItem\" let-item>\n            <span [innerHTML]=\"item.title\"></span>\n          </ng-template>\n          <ng-template pTemplate=\"item\" let-item>\n            <span [innerHTML]=\"item.title\"></span>\n          </ng-template>\n        </p-dropdown>\n\n        </pw-input-container>\n      </div>\n      <!-- crm subscription fields -->\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.CrmSubscription' | transloco\"\n          name=\"crm_subscription_id\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CrmSubscription' | transloco\">\n          <p-dropdown\n            [options]=\"crmSubscriptionsList\"\n            formControlName=\"crm_subscription_id\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['crm_subscription_id']?.errors }\"\n            [placeholder]=\"'Select CRM Subscription'\"\n            optionValue=\"id\">\n            <ng-template pTemplate=\"selectedItem\" let-item>\n              {{item?.organisation ? item?.organisation + ' - ' + item.contact_name : item?.contact_name}}\n            </ng-template>\n            <ng-template pTemplate=\"item\" let-item>\n              {{item?.organisation ? item?.organisation + ' - ' + item.contact_name : item?.contact_name}}\n            </ng-template>\n          </p-dropdown>\n\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.CrmProduct' | transloco\"\n          name=\"crm_product_id\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CrmProduct' | transloco\">\n          <p-dropdown\n            [options]=\"crmProductList\"\n            formControlName=\"crm_product_id\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['crm_product_id']?.errors }\"\n            [placeholder]=\"'Select CRM Product'\"\n            optionValue=\"id\"\n            >\n            <ng-template pTemplate=\"selectedItem\" let-item>\n              {{item?.subscription_id ? item?.name  +' - SubscriptionID = '+ item.subscription_id : item?.name}}\n            </ng-template>\n            <ng-template pTemplate=\"item\" let-item>\n              {{item?.subscription_id ? item?.name  +' - SubscriptionID = '+ item.subscription_id : item?.name}}\n            </ng-template>\n          </p-dropdown>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.CrmSource' | transloco\"\n          name=\"crm_source_id\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CrmSource' | transloco\">\n          <p-dropdown\n            [options]=\"crmSourcesList\"\n            formControlName=\"crm_source_id\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['crm_source_id']?.errors }\"\n            [placeholder]=\"'Select CRM Source'\"\n            optionValue=\"id\"\n            optionLabel=\"name\"\n            >\n          </p-dropdown>\n        </pw-input-container>\n      </div>\n      <!-- crm subscription fields end-->\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.Active' | transloco\" [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.Active' | transloco\" name=\"active\">\n          <ui-switch size=\"small\" uncheckedLabel=\"false\" checkedLabel=\"true\" formControlName=\"active\" name=\"active\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['active'].errors }\">\n          </ui-switch>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.IsProductDomain' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.IsProductDomain' | transloco\"\n          name=\"is_product_domain\">\n          <ui-switch size=\"small\"\n            uncheckedLabel=\"false\"\n            checkedLabel=\"true\"\n            formControlName=\"is_product_domain\"\n            name=\"is_product_domain\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['is_product_domain'].errors }\">\n          </ui-switch>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.CanRegisterOnMainPage' | transloco\" [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CanRegisterOnMainPage' | transloco\"\n          name=\"can_register_through_main_page\">\n          <ui-switch size=\"small\" uncheckedLabel=\"false\" checkedLabel=\"true\" formControlName=\"can_register_through_main_page\"\n            name=\"can_register_through_main_page\" [ngClass]=\"{\n                                  'is-invalid': submitted && f['can_register_through_main_page'].errors\n                              }\">\n          </ui-switch>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.SocialLoginEnabled' | transloco\" [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.SocialLoginEnable' | transloco\" name=\"social_login_enabled\">\n          <ui-switch size=\"small\" uncheckedLabel=\"false\" checkedLabel=\"true\" formControlName=\"social_login_enabled\"\n            name=\"social_login_enabled\" [ngClass]=\"{ 'is-invalid': submitted && f['social_login_enabled'].errors }\">\n          </ui-switch>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.NotifyLogins' | transloco\" [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.NotifyLogins' | transloco\" name=\"notify_logins\">\n          <ui-switch size=\"small\" uncheckedLabel=\"false\" checkedLabel=\"true\" formControlName=\"notify_logins\"\n            name=\"notify_logins\" [ngClass]=\"{ 'is-invalid': submitted && f['notify_logins'].errors }\">\n          </ui-switch>\n        </pw-input-container>\n      </div>\n    </div>\n\n    <div class=\"my-5\" *rbacAllow=\"'Pages.SuperAdmin'\">\n      <h3>Pre-Built Landing Pages for User Onboarding</h3>\n\n      <p-accordion class=\"mt-5\">\n        <p-accordionTab [header]=\"'Instructions - README FIRST'\">\n          <div class=\"mb-3\">\n            <p>We\u2019ve built and maintain a collection of high-converting landing pages designed to help you quickly launch polished\n              UIs for onboarding users.</p>\n            <p><strong>Newsletter Subscription Pages:</strong><br> After configuring your domain, you can access pages like\n              <strong>/join/cs1, /join/cs2, /join/cs3, etc.</strong>, specifically designed for newsletter sign-ups. <br>\n              Subscribers from these pages will be listed in the <strong>SmartCRM module</strong>.</p>\n            <p><strong>Trial Product Sign-Up Pages:</strong><br> For users interested in trial products, utilize pages such as\n              <strong>/join/trial1, /join/trial2, /join/trial3, etc.</strong>.<br> Users registering through these pages will\n              appear in the <strong>Admin > Users section</strong>.</p>\n            <p>Once you\u2019ve selected the landing page you want to use <strong>(e.g., /join/trial3)</strong>, make sure to update\n              the <strong>Internal Path</strong> in the <strong>Core tab</strong> accordingly\u2014i.e., set it to\n              <strong>/join/trial3</strong>.</p>\n            <p>If you need assistance integrating these pages into your workflow or have further questions, feel free to reach\n              out.</p>\n          </div>\n        </p-accordionTab>\n\n        <p-accordionTab [header]=\"'Subscribe to Product/Newsletter Config'\">\n          <div class=\"mb-3\">\n            <p>Trial Pages will enable users to sign up to real products and are accessible at the path /join/trial1,\n              /join/trial2, etc.</p>\n            <p>ComingSoon Pages will enable users to subscribe to Newsletters and are accessible at the internal paths\n              /join/cs1, /join/cs2, etc.</p>\n          </div>\n          <!-- live page link -->\n          <div class=\"text-end\" *ngIf=\"shardUrl\">\n            <span>See the live page <span class=\"tooltip-wrap ms-1\" [appendTo]=\"'body'\"\n                [pTooltip]=\"'Admin.DomainConfig.Tooltip.SeeLiveTrial' | transloco\" tooltipPosition=\"top\">\n                <i class=\"fas fa-info-circle\"></i>\n              </span> : <a [href]=\"shardUrl + '/join/trial1'\" target=\"_blank\">{{ shardUrl }}/join/trial1</a></span>\n          </div>\n          <div class=\"row\">\n            <div class=\"col-sm-3\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.TrialProduct' | transloco\" [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.DomainConfig.Tooltip.TrialProduct' | transloco\" name=\"trial_product_id\">\n                <p-autoComplete [suggestions]=\"productsList\" formControlName=\"trial_product_id\" dataKey=\"id\" field=\"name\"\n                  [dropdown]=\"true\" [delay]=\"1000\" (completeMethod)=\"searchProduct($event)\" styleClass=\"w-100\"\n                  placeholder=\"Search Product\" [inputStyle]=\"\n                                                  form.get('trial_product_id').touched &&\n                                                  form.get('trial_product_id').invalid\n                                                      ? { border: '1px solid #ff586b' }\n                                                      : { border: '1px solid gray' }\n                                              \" [multiple]=\"false\">\n                </p-autoComplete>\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 col-sm-3\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.TrialCrmSourceId' | transloco\" name=\"trial_crm_source_id\"\n                [showTooltip]=\"true\" [tooltipText]=\"\n                                              'Admin.DomainConfig.Tooltip.TrialCrmSourceId' | transloco\n                                          \">\n                <p-dropdown [options]=\"crmSourcesList\" formControlName=\"trial_crm_source_id\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['trial_crm_source_id']?.errors }\"\n                  [placeholder]=\"'Select CRM Source'\" optionValue=\"id\" optionLabel=\"name\">\n                </p-dropdown>\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 col-sm-3\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.TrialPdfSourceId' | transloco\" name=\"trial_pdf_source_id\"\n                [showTooltip]=\"true\" [tooltipText]=\"\n                                              'Admin.DomainConfig.Tooltip.TrialPdfSourceId' | transloco\n                                          \">\n                <p-dropdown [options]=\"crmSourcesList\" formControlName=\"trial_pdf_source_id\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['trial_pdf_source_id']?.errors }\"\n                  [placeholder]=\"'Select CRM Source'\" optionValue=\"id\" optionLabel=\"name\">\n                </p-dropdown>\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 col-sm-3\"></div>\n            <div class=\"col-12 col-sm-3\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.TrialVideoUrl' | transloco\" name=\"trial_video_url\"\n                [showTooltip]=\"true\" [tooltipText]=\"'Admin.DomainConfig.Tooltip.TrialVideoUrl' | transloco\">\n                <input type=\"text\" class=\"form-control\" formControlName=\"trial_video_url\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['trial_video_url'].errors }\" />\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 col-sm-3\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.TrialBookDemoUrl' | transloco\" name=\"trial_book_demo_url\"\n                [showTooltip]=\"true\" [tooltipText]=\"\n                                              'Admin.DomainConfig.Tooltip.TrialBookDemoUrl' | transloco\n                                          \">\n                <input type=\"text\" class=\"form-control\" formControlName=\"trial_book_demo_url\" [ngClass]=\"{\n                                                  'is-invalid': submitted && f['trial_book_demo_url'].errors\n                                              }\" />\n              </pw-input-container>\n            </div>\n            <div class=\"col-12\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.TrialCtaIframe' | transloco\" name=\"trial_cta_iframe\"\n                [showTooltip]=\"true\" [tooltipText]=\"\n                                              'Admin.DomainConfig.Tooltip.TrialCtaIframe' | transloco\n                                          \">\n                <textarea rows=\"3\" class=\"form-control\" formControlName=\"trial_cta_iframe\" [ngClass]=\"{\n                                                  'is-invalid': submitted && f['trial_cta_iframe'].errors\n                                              }\">\n                                          </textarea>\n              </pw-input-container>\n            </div>\n            <div class=\"col-12\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.TrialJoinMessage' | transloco\" name=\"trial_join_message\"\n                [showTooltip]=\"true\" [tooltipText]=\"\n                                              'Admin.DomainConfig.Tooltip.TrialJoinMessage' | transloco\n                                          \">\n                <textarea rows=\"3\" class=\"form-control\" formControlName=\"trial_join_message\" [ngClass]=\"{\n                                                  'is-invalid': submitted && f['trial_join_message'].errors\n                                              }\">\n                                          </textarea>\n              </pw-input-container>\n            </div>\n            <div class=\"col-12\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.TrialPdfDownloadText' | transloco\" name=\"trial_pdf_download_text\"\n                [showTooltip]=\"true\" [tooltipText]=\"\n                                              'Admin.DomainConfig.Tooltip.TrialPdfDownloadText' | transloco\n                                          \">\n                <textarea rows=\"3\" class=\"form-control\" formControlName=\"trial_pdf_download_text\" [ngClass]=\"{\n                                                  'is-invalid': submitted && f['trial_pdf_download_text'].errors\n                                              }\">\n                                          </textarea>\n              </pw-input-container>\n            </div>\n          </div>\n          <div class=\"row\" matchHeight=\"card\">\n            <div class=\"col-md-4\">\n              <label for=\"trial_image\">{{ 'Admin.DomainConfig.TrialImage' | transloco }} <span class=\"info-circle\">\n                  <span class=\"tooltiptext gradient-custom-branding\">{{ 'Admin.DomainConfig.Tooltip.TrialImage' | transloco\n                    }}</span>\n                </span>\n              </label>\n              <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\" [aspectRatio]=\"'custom'\" [title]=\"'Trial Image'\"\n                [controlName]=\"'trial_image'\" [previewData]=\"data['trial_image']\">\n              </pw-custom-uploader>\n            </div>\n            <div class=\"col-md-4\">\n              <label for=\"trial_image2\">{{ 'Admin.DomainConfig.TrialImage2' | transloco }} <span class=\"info-circle\">\n                  <span class=\"tooltiptext gradient-custom-branding\">{{ 'Admin.DomainConfig.Tooltip.TrialImage2' | transloco\n                    }}</span>\n                </span>\n              </label>\n              <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\" [title]=\"'Trial Image2'\" [aspectRatio]=\"'custom'\"\n                [controlName]=\"'trial_image2'\" [previewData]=\"data['trial_image2']\">\n              </pw-custom-uploader>\n            </div>\n            <div class=\"col-md-4\">\n              <label for=\"trial_pdf_image\">{{ 'Admin.DomainConfig.TrialPdfImage' | transloco }} <span class=\"info-circle\">\n                  <span class=\"tooltiptext gradient-custom-branding\">{{ 'Admin.DomainConfig.Tooltip.TrialPdfImage' | transloco\n                    }}</span>\n                </span>\n              </label>\n              <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\" [title]=\"'Trial Pdf Image'\" [aspectRatio]=\"'custom'\"\n                [controlName]=\"'trial_pdf_image'\" [previewData]=\"data['trial_pdf_image']\">\n              </pw-custom-uploader>\n            </div>\n            <div class=\"col-md-4\">\n              <label for=\"trial_image_bg\">{{ 'Admin.DomainConfig.TrialImageBg' | transloco }} <span class=\"info-circle\">\n                  <span class=\"tooltiptext gradient-custom-branding\">{{ 'Admin.DomainConfig.Tooltip.TrialImageBg' | transloco\n                    }}</span>\n                </span>\n              </label>\n              <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\" [title]=\"'Trial Image Bg'\" [aspectRatio]=\"'custom'\"\n                [controlName]=\"'trial_image_bg'\" [previewData]=\"data['trial_image_bg']\">\n              </pw-custom-uploader>\n            </div>\n            <div class=\"col-md-4\">\n              <label for=\"trial_image_bg2\">{{ 'Admin.DomainConfig.TrialImageBg2' | transloco }} <span class=\"info-circle\">\n                  <span class=\"tooltiptext gradient-custom-branding\">{{ 'Admin.DomainConfig.Tooltip.TrialImageBg2' | transloco\n                    }}</span>\n                </span>\n              </label>\n              <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\" [title]=\"'Trial Image Bg2'\" [aspectRatio]=\"'custom'\"\n                [controlName]=\"'trial_image_bg2'\" [previewData]=\"data['trial_image_bg2']\">\n              </pw-custom-uploader>\n            </div>\n          </div>\n        </p-accordionTab>\n\n        <p-accordionTab [header]=\"'Header Section'\">\n          <div class=\"row mt-4\" formGroupName=\"header\">\n            <h4 class=\"mb-4\">Header Section</h4>\n            <div class=\"col-12 col-md-12\">\n              <pw-input-container label=\"Header Headline\" name=\"headline\">\n                <input type=\"text\" class=\"form-control\" formControlName=\"headline\" />\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container label=\"Header Video URL\" name=\"video_url\">\n                <input type=\"text\" class=\"form-control\" formControlName=\"video_url\" />\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container label=\"Header Background Image URL\" name=\"bg_image_url\">\n                <input type=\"text\" class=\"form-control\" formControlName=\"bg_image_url\" />\n              </pw-input-container>\n            </div>\n            <div class=\"col-12\">\n              <pw-input-container label=\"Header Description\">\n                <textarea class=\"form-control\" rows=\"5\" formControlName=\"description\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['description']?.errors }\">\n                                                </textarea>\n              </pw-input-container>\n            </div>\n            <div formArrayName=\"sub_headings\" class=\"col-12\">\n              <div *ngFor=\"let sub of f['header'].get('sub_headings')['controls']; let i = index\" [formGroupName]=\"i\"\n                class=\"row mb-3\">\n                <div class=\"col-md-10\" *ngIf=\"f['header'].get('sub_headings')['controls'].length\">\n                  <pw-input-container label=\"Sub Header Description\">\n                    <textarea class=\"form-control\" rows=\"3\" formControlName=\"description\"\n                      [ngClass]=\"{ 'is-invalid': submitted && f['description']?.errors }\">\n                                                    </textarea>\n                  </pw-input-container>\n                </div>\n                <div class=\"col-md-2 d-flex align-items-center mt-3\">\n                  <i class=\"fa fa-trash delete-icon\" (click)=\"removeHeaderSubHeading(i)\"\n                    (keydown.enter)=\"removeHeaderSubHeading(i)\" (keydown.space)=\"removeHeaderSubHeading(i)\" ngbTooltip=\"Remove\"\n                    aria-hidden=\"true\"></i>\n                </div>\n              </div>\n              <button type=\"button\" class=\"btn btn-primary mt-2 mb-2\" (click)=\"addHeaderSubHeading()\"> + Add Sub Heading\n              </button>\n            </div>\n          </div>\n        </p-accordionTab>\n\n        <p-accordionTab [header]=\"'Resources Section'\">\n          <div class=\"row row mt-4 mb-4\">\n            <h4 class=\"mb-3\">Resources Section</h4>\n            <div class=\"col-12 col-sm-6\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.ResourceTagline' | transloco\" name=\"resources_tagline\"\n                [showTooltip]=\"true\" [tooltipText]=\"'Admin.DomainConfig.Tooltip.ResourceTagline' | transloco\">\n                <input type=\"text\" class=\"form-control\" formControlName=\"resources_tagline\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['resources_tagline'].errors }\" />\n              </pw-input-container>\n            </div>\n            <div class=\"col-12\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.ResourceDescription' | transloco\" name=\"resources_description\"\n                [showTooltip]=\"true\" [tooltipText]=\"'Admin.DomainConfig.Tooltip.ResourceDescription' | transloco\">\n                <textarea class=\"form-control\" rows=\"3\" formControlName=\"resources_description\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['resources_description'].errors }\">\n                                          </textarea>\n              </pw-input-container>\n            </div>\n          </div>\n          <div class=\"row\" matchHeight=\"card\">\n            <div class=\"col-md-4\">\n              <label for=\"resource_image\">{{ 'Admin.DomainConfig.ResourceImage' | transloco }} <span class=\"info-circle\">\n                  <span class=\"tooltiptext gradient-custom-branding\">{{ 'Admin.DomainConfig.Tooltip.ResourceImage' | transloco\n                    }}</span>\n                </span>\n              </label>\n              <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\" [aspectRatio]=\"'custom'\" [title]=\"'Cs Image'\"\n                [controlName]=\"'resources_image'\" [previewData]=\"data['resources_image']\">\n              </pw-custom-uploader>\n            </div>\n          </div>\n        </p-accordionTab>\n\n        <p-accordionTab [header]=\"'Unique Selling Proposition Section (USP) '\">\n          <div class=\"row mt-4 mb-4\" formGroupName=\"usps\">\n            <h4 class=\"mb-4\">Unique Selling Proposition Section (USP)</h4>\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container label=\"USPs Title\" name=\"title\">\n                <input type=\"text\" class=\"form-control\" formControlName=\"title\" />\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container label=\"USPs Video Url\" name=\"video_url\">\n                <input type=\"text\" class=\"form-control\" formControlName=\"video_url\" />\n              </pw-input-container>\n            </div>\n            <div class=\"col-12\">\n              <pw-input-container label=\"USPs Description\" name=\"description\">\n                <textarea class=\"form-control\" rows=\"3\" formControlName=\"description\"\n                 >\n                                  </textarea>\n              </pw-input-container>\n            </div>\n            <div formArrayName=\"items\" class=\"col-12\">\n              <div\n                *ngFor=\"let item of f['usps'].get('items')['controls']; let i = index\"\n                [formGroupName]=\"i\"\n                class=\"row mb-3\"\n              >\n                <div class=\"col-sm-10\">\n                  <pw-input-container label=\"Item Description\">\n                    <textarea class=\"form-control\" rows=\"3\" formControlName=\"description\"\n                  >\n                                  </textarea>\n                  </pw-input-container>\n                </div>\n                <div class=\"col-sm-2 d-flex align-items-center mt-3\">\n                  <i\n                    class=\"fa fa-trash delete-icon\"\n                    (click)=\"removeUspItem(i)\"\n                    (keydown.enter)=\"removeUspItem(i)\"\n                    (keydown.space)=\"removeUspItem(i)\"\n                    ngbTooltip=\"Remove\"\n                    aria-hidden=\"true\"\n                  ></i>\n                </div>\n              </div>\n              <button type=\"button\" class=\"btn btn-primary mt-2 mb-2\" (click)=\"addUspItem()\">\n                + Add USP Item\n              </button>\n            </div>\n          </div>\n        </p-accordionTab>\n\n        <p-accordionTab [header]=\"'Partners (Clients) Section'\">\n\n          <div class=\"row mt-4 mb-4\" formGroupName=\"partners\">\n            <h4 class=\"mb-4\">Partners (Clients) Section</h4>\n            <!-- Title -->\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container label=\"Partner Title\" name=\"title\">\n                <input type=\"text\" class=\"form-control\" formControlName=\"title\" />\n              </pw-input-container>\n            </div>\n\n            <!-- Description -->\n            <div class=\"col-12\">\n              <pw-input-container label=\"Partners Description\" name=\"description\">\n                <textarea class=\"form-control\" rows=\"3\" formControlName=\"description\"></textarea>\n              </pw-input-container>\n            </div>\n\n            <!-- Partner Items -->\n            <div formArrayName=\"items\" class=\"col-12\">\n              <div *ngFor=\"let item of partnersItems.controls; let i = index\" [formGroupName]=\"i\" class=\"row border p-3 mb-3\">\n                <!-- Name -->\n                <div class=\"col-md-6\">\n                  <pw-input-container label=\"Name\" class=\"col-12 col-md-6\" name=\"name\">\n                    <input class=\"form-control\" formControlName=\"name\"/>\n                  </pw-input-container>\n                </div>\n\n                <!-- Blog URL -->\n                <div class=\"col-md-6\">\n                  <pw-input-container label=\"Blog Url\" class=\"col-12 col-md-6\" name=\"blog_url\">\n                    <input class=\"form-control\" formControlName=\"blog_url\"/>\n                  </pw-input-container>\n                </div>\n\n                <!-- Video URL -->\n                <div class=\"col-md-6\">\n                  <pw-input-container label=\"Video Url\" class=\"col-12 col-md-6\" name=\"video_url\">\n                    <input class=\"form-control\" formControlName=\"video_url\"/>\n                  </pw-input-container>\n                </div>\n                <div class=\"col-md-6\">\n                  <pw-input-container label=\"Image Url\" class=\"col-12 col-md-6\" name=\"ctas_title\">\n                    <input class=\"form-control\" formControlName=\"image_url\"/>\n                  </pw-input-container>\n                </div>\n\n                <!-- Remove Button -->\n                <div class=\"col-md-6 text-start mt-2 align-self-center\">\n                  <i ngbTooltip=\"Remove\" (click)=\"removePartnerItem(i)\" class=\"fa fa-trash delete-icon\" aria-hidden=\"true\"></i>\n                </div>\n              </div>\n\n              <!-- Add New Partner -->\n              <div class=\"text-start mt-2\">\n                <button type=\"button\" class=\"btn btn-primary mt-2 mb-2\" (click)=\"addPartnerItem()\">+ Add Partner</button>\n              </div>\n            </div>\n          </div>\n        </p-accordionTab>\n\n        <p-accordionTab [header]=\"'Testimonials Section'\">\n          <div class=\"row mt-3 mb-4\" formGroupName=\"testimonials\">\n            <h4 class=\"mb-4\">Testimonials Section</h4>\n\n            <pw-input-container label=\"Title\" class=\"col-12 col-md-6\" name=\"testimonials_title\">\n              <input type=\"text\" class=\"form-control\" formControlName=\"title\" />\n            </pw-input-container>\n\n            <pw-input-container label=\"Description\" class=\"col-12\" name=\"testimonials_description\">\n              <textarea rows=\"3\" class=\"form-control\" formControlName=\"description\"></textarea>\n            </pw-input-container>\n\n            <!-- Items List -->\n            <div formArrayName=\"items\" class=\"col-12 mt-3\">\n              <div *ngFor=\"let item of testimonialsItems.controls; let i = index\" [formGroupName]=\"i\" class=\"row border p-3 mb-3\">\n\n                <pw-input-container label=\"Name\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"name\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Blog URL\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"blog_url\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Image URL\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"image_url\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Video URL\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"video_url\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Testimonial\" class=\"col-md-10\">\n                  <textarea class=\"form-control\" rows=\"3\" formControlName=\"testimonial\"></textarea>\n                </pw-input-container>\n\n                <div class=\"col-md-2 d-flex align-items-center mt-3\">\n                  <i\n                      ngbTooltip=\"Remove\" (click)=\"removeTestimonialItem(i)\"\n                      (keydown.enter)=\"removeTestimonialItem(i)\"\n                      (keydown.space)=\"removeTestimonialItem(i)\" class=\"fa fa-trash delete-icon\"\n                      aria-hidden=\"true\"\n                  ></i>\n                </div>\n              </div>\n\n              <div class=\"text-start mt-2\">\n                <button type=\"button\" class=\"btn btn-primary mt-2 mb-2\" (click)=\"addTestimonialItem()\">+ Add Testimonial</button>\n              </div>\n            </div>\n          </div>\n        </p-accordionTab>\n\n        <p-accordionTab [header]=\"'Video Section'\">\n          <div class=\"row mt-3 mb-4\" formGroupName=\"videos\">\n            <h4 class=\"mb-3\">Video Section</h4>\n\n            <pw-input-container label=\"Title\" class=\"col-12 col-md-6\" name=\"videos_title\">\n              <input type=\"text\" class=\"form-control\" formControlName=\"title\" />\n            </pw-input-container>\n\n            <pw-input-container label=\"Description\" class=\"col-12\" name=\"videos_description\">\n              <textarea rows=\"3\" class=\"form-control\" formControlName=\"description\"></textarea>\n            </pw-input-container>\n\n            <!-- Video Items -->\n            <div formArrayName=\"items\" class=\"col-12 mt-3\">\n              <div *ngFor=\"let item of videosItems.controls; let i = index\" [formGroupName]=\"i\" class=\"row border p-3 mb-3\">\n\n                <pw-input-container label=\"Title\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"title\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Blog URL\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"blog_url\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Image URL\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"image_url\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Video URL\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"video_url\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Description\" class=\"col-md-10\">\n                  <textarea class=\"form-control\" rows=\"3\" formControlName=\"description\"></textarea>\n                </pw-input-container>\n\n                <div class=\"col-md-2 d-flex align-items-center mt-3\">\n                  <i\n                    class=\"fa fa-trash delete-icon\"\n                    (click)=\"removeVideoItem(i)\"\n                    (keydown.enter)=\"removeVideoItem(i)\"\n                    (keydown.space)=\"removeVideoItem(i)\"\n                    ngbTooltip=\"Remove\"\n                    aria-hidden=\"true\"\n                  ></i>\n                </div>\n              </div>\n\n              <div class=\"text-start mt-2\">\n                <button type=\"button\" class=\"btn btn-primary mt-2 mb-2\" (click)=\"addVideoItem()\">+ Add Video</button>\n              </div>\n            </div>\n          </div>\n        </p-accordionTab>\n\n        <p-accordionTab [header]=\"'Call to Actions Section (CTAs)'\">\n          <div class=\"row mt-4 mb-4\" formGroupName=\"ctas\">\n            <h4 class=\"mb-4\">CTAs Section</h4>\n\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container label=\"Title\" name=\"title\">\n                <input type=\"text\" class=\"form-control\" formControlName=\"title\" />\n              </pw-input-container>\n            </div>\n\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container label=\"Description\" name=\"description\">\n                <input type=\"text\" class=\"form-control\" formControlName=\"description\" />\n             </pw-input-container>\n            </div>\n\n            <div class=\"col-12\">\n              <pw-input-container label=\"Image URL\" name=\"image_url\">\n                <input type=\"text\" class=\"form-control\" formControlName=\"image_url\" />\n              </pw-input-container>\n            </div>\n\n            <!-- CTA Items -->\n            <div formArrayName=\"items\" class=\"col-12 mt-3\">\n              <div *ngFor=\"let item of ctasItems.controls; let i = index\" [formGroupName]=\"i\" class=\"row border p-3 mb-3 ng-untouched ng-pristine ng-valid ng-star-inserted\">\n                <div class=\"col-12 col-md-6\">\n                  <pw-input-container label=\"Image URL\" name=\"image_url\">\n                    <input type=\"text\" class=\"form-control\" formControlName=\"image_url\" />\n                  </pw-input-container>\n                </div>\n\n                <div class=\"col-12 col-md-6\">\n                  <pw-input-container label=\"Cta URL\" name=\"cta_url\">\n                    <input type=\"text\" class=\"form-control\" formControlName=\"cta_url\" />\n                  </pw-input-container>\n                </div>\n\n                <div class=\"col-12 col-md-6\">\n                  <pw-input-container label=\"Video URL\" name=\"video_url\">\n                    <input type=\"text\" class=\"form-control\" formControlName=\"video_url\" />\n                  </pw-input-container>\n                </div>\n                <div class=\"col-12 col-md-6\">\n                  <pw-input-container label=\"CTA Title\">\n                    <input class=\"form-control\" formControlName=\"title\" />\n                  </pw-input-container>\n                </div>\n                <div class=\"col-12 col-md-6\">\n                  <pw-input-container label=\"CTA Description\">\n                    <input class=\"form-control\" formControlName=\"description\" />\n                  </pw-input-container>\n                </div>\n                <div class=\"col-12 col-md-6\">\n                  <pw-input-container label=\"Button Text\">\n                    <input class=\"form-control\" formControlName=\"button_text\" />\n                  </pw-input-container>\n                </div>\n                <div class=\"col-md-1 d-flex align-items-center mt-3\">\n                  <i\n                    class=\"fa fa-trash delete-icon\"\n                    (click)=\"removeCtasItem(i)\"\n                    (keydown.enter)=\"removeCtasItem(i)\"\n                    (keydown.space)=\"removeCtasItem(i)\"\n                    ngbTooltip=\"Remove\"\n                    aria-hidden=\"true\"\n                  ></i>\n                </div>\n              </div>\n              <div class=\"text-start mt-2\">\n                <button type=\"button\" class=\"btn btn-primary mt-2 mb-2\" (click)=\"addCtasItem()\">+ Add CTA Item</button>\n              </div>\n            </div>\n          </div>\n        </p-accordionTab>\n\n        <p-accordionTab [header]=\"'Integrations Section'\">\n          <div class=\"row mt-3 mb-4\" formGroupName=\"integrations\">\n            <h4 class=\"mb-3\">Integrations Section</h4>\n\n            <pw-input-container label=\"Title\" class=\"col-12\">\n              <input type=\"text\" class=\"form-control\" formControlName=\"title\" />\n            </pw-input-container>\n\n            <pw-input-container label=\"Description\" class=\"col-12\">\n              <textarea class=\"form-control\" formControlName=\"description\" rows=\"3\"></textarea>\n            </pw-input-container>\n\n            <div formArrayName=\"items\" class=\"col-12\">\n              <div\n                *ngFor=\"let item of integrationsItems.controls; let i = index\"\n                [formGroupName]=\"i\"\n                class=\"row border p-3 mb-3 rounded bg-light\"\n              >\n                <pw-input-container label=\"Title\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"title\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Description\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"description\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Blog URL\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"blog_url\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Image URL\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"image_url\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Video URL\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"video_url\" />\n                </pw-input-container>\n\n                <div class=\"col-md-6 d-flex align-items-end justify-content-end\">\n                  <button\n                    type=\"button\"\n                    class=\"btn btn-danger\"\n                    (click)=\"removeIntegrationItem(i)\"\n                  >\n                    Remove\n                  </button>\n                </div>\n              </div>\n\n              <div class=\"text-start mt-2\">\n                <button type=\"button\" class=\"btn btn-primary\" (click)=\"addIntegrationItem()\">\n                  + Add Integration\n                </button>\n              </div>\n            </div>\n          </div>\n        </p-accordionTab>\n\n        <p-accordionTab [header]=\"'Contact Us Section'\">\n          <div class=\"row mt-3 mb-4\" formGroupName=\"contact_us\">\n            <h4 class=\"mb-3\">Contact Us Section</h4>\n            <pw-input-container label=\"Url\" class=\"col-md-6\">\n              <input type=\"text\" class=\"form-control\" formControlName=\"url\" />\n            </pw-input-container>\n            <pw-input-container label=\"Description\" class=\"col-12\" name=\"contact_us_description\">\n              <textarea rows=\"3\" class=\"form-control\" formControlName=\"description\"></textarea>\n            </pw-input-container>\n            <div formArrayName=\"questions\" class=\"col-12 mt-3\">\n              <div *ngFor=\"let questionGroup of contactUsQuestions.controls; let i = index\" [formGroupName]=\"i\"\n                class=\"row border p-3 mb-3\">\n                <pw-input-container label=\"Question\" class=\"col-md-10\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"question\" />\n                </pw-input-container>\n                <div class=\"col-md-2 d-flex align-items-center mt-3\">\n                  <i class=\"fa fa-trash delete-icon\" (click)=\"removeContactUsQuestion(i)\"\n                    (keydown.enter)=\"removeContactUsQuestion(i)\" (keydown.space)=\"removeContactUsQuestion(i)\"\n                    ngbTooltip=\"Remove\" aria-hidden=\"true\"></i>\n                </div>\n                <!-- Options inside each question -->\n                <div class=\"col-12\" formArrayName=\"options\">\n                  <div class=\"row align-items-center mb-2 border p-3\"\n                    *ngFor=\"let option of getQuestionOptions(i).controls; let j = index\" [formGroupName]=\"j\">\n                    <pw-input-container label=\"Option\" class=\"col-md-10\">\n                      <input type=\"text\" class=\"form-control\" formControlName=\"option\" />\n                    </pw-input-container>\n                    <div class=\"col-md-2 d-flex align-items-center mt-3\">\n                      <i class=\"fa fa-trash delete-icon\" (click)=\"removeContactUsOption(i, j)\"\n                        (keydown.enter)=\"removeContactUsOption(i, j)\" (keydown.space)=\"removeContactUsOption(i, j)\"\n                        ngbTooltip=\"Remove Option\" aria-hidden=\"true\"></i>\n                    </div>\n                  </div>\n                  <div class=\"text-start\">\n                    <button type=\"button\" class=\"btn btn-primary btn-sm\" (click)=\"addContactUsOption(i)\"> + Add Option </button>\n                  </div>\n                </div>\n                <!-- End options -->\n              </div>\n              <div class=\"text-start mt-3\">\n                <button type=\"button\" class=\"btn btn-primary\" (click)=\"addContactUsQuestion()\">+ Add Question</button>\n              </div>\n            </div>\n            <div formArrayName=\"hubspot\" class=\"col-12 mt-4\">\n              <h5 class=\"mb-4\">Hubspot Embeds</h5>\n              <div *ngFor=\"let hub of contactUsHubspotItems.controls; let i = index\" [formGroupName]=\"i\" class=\"row border p-3 mb-2\">\n                <pw-input-container label=\"ID\" class=\"col-md-4\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"id\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Position\" class=\"col-md-4\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"position\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Div\" class=\"col-10\">\n                  <textarea class=\"form-control\" rows=\"5\" formControlName=\"div\"\n                   [ngClass]=\"{ 'is-invalid': submitted && f['div']?.errors }\">\n                                                 </textarea>\n                </pw-input-container>\n\n                <div class=\"col-md-2 d-flex align-items-center mt-3\">\n                  <i\n                    class=\"fa fa-trash delete-icon\"\n                    (click)=\"removeHubspotItem(i)\"\n                    (keydown.enter)=\"removeHubspotItem(i)\"\n                    (keydown.space)=\"removeHubspotItem(i)\"\n                    ngbTooltip=\"Remove Hubspot Embed\"\n                    aria-hidden=\"true\">\n                  </i>\n                </div>\n              </div>\n\n              <div class=\"text-start mt-2\">\n                <button type=\"button\" class=\"btn btn-primary btn-sm\" (click)=\"addHubspotItem()\">+ Add Hubspot Embed</button>\n              </div>\n            </div>\n\n          </div>\n        </p-accordionTab>\n\n        <p-accordionTab [header]=\"'Book a Demo Section'\">\n          <div class=\"row mt-4\">\n            <div class=\"col-12\">\n              <h4 class=\"mb-3\">{{ 'Admin.DomainConfig.BookDemoLinks' | transloco }}</h4>\n              <div formGroupName=\"book_demo\">\n                <pw-input-container label=\"Title\">\n                  <input type=\"text\" formControlName=\"title\" class=\"form-control\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Description\">\n                  <input type=\"text\" formControlName=\"description\" class=\"form-control\" />\n                </pw-input-container>\n\n                <div formArrayName=\"items\">\n                  <div *ngFor=\"let link of f['book_demo'].get('items')['controls']; let i = index\" [formGroupName]=\"i\" class=\"row mb-3\">\n                    <div class=\"col-sm-5\">\n                      <pw-input-container label=\"Link Title\">\n                        <input type=\"text\" class=\"form-control\" formControlName=\"title\" />\n                      </pw-input-container>\n                    </div>\n                    <div class=\"col-sm-5\">\n                      <pw-input-container label=\"Link URL\">\n                        <input type=\"text\" class=\"form-control\" formControlName=\"url\" />\n                      </pw-input-container>\n                    </div>\n                    <div class=\"col-sm-2 d-flex align-items-center mt-3\">\n                      <i\n                      ngbTooltip=\"Remove\"\n                      (click)=\"removeBookDemoLink(i)\"\n                                          (keydown.enter)=\"removeBookDemoLink(i)\"\n                                          (keydown.space)=\"removeBookDemoLink(i)\"\n                                          class=\"fa fa-trash delete-icon\"\n                                          aria-hidden=\"true\"\n                                      ></i>\n                    </div>\n                  </div>\n                  <button type=\"button\" class=\"btn btn-primary mt-2 mb-2\" (click)=\"addBookDemoLink()\">+ Add Book Demo Link</button>\n                </div>\n              </div>\n            </div>\n          </div>\n        </p-accordionTab>\n\n\n        <p-accordionTab [header]=\"'Navbar Section'\">\n          <div class=\"row mt-3 mb-4\" formGroupName=\"navbar\">\n            <h4 class=\"mb-3\">Navbar Section</h4>\n\n            <div formArrayName=\"items\" class=\"col-12\">\n              <div *ngFor=\"let item of navbarItems.controls; let i = index\" [formGroupName]=\"i\" class=\"row mb-3\">\n\n                <pw-input-container label=\"Title\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"title\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Path\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"path\" />\n                </pw-input-container>\n\n                <div class=\"col-12\" formArrayName=\"subtitles\">\n                  <div *ngFor=\"let sub of getNavbarSubtitles(i).controls; let j = index\" [formGroupName]=\"j\" class=\"row border p-3 mb-2\">\n                    <div class=\"col-md-5\">\n                      <pw-input-container label=\"Subtitle Title\">\n                        <input type=\"text\" class=\"form-control\" formControlName=\"title\" />\n                      </pw-input-container>\n                    </div>\n                    <div class=\"col-md-5\">\n                      <pw-input-container label=\"Subtitle Path\">\n                        <input type=\"text\" class=\"form-control\" formControlName=\"path\" />\n                      </pw-input-container>\n                    </div>\n                    <div class=\"col-md-2 d-flex align-items-center mt-3\">\n                      <i class=\"fa fa-trash delete-icon\"\n                        (click)=\"removeSubtitle(i, j)\"\n                        (keydown.enter)=\"removeSubtitle(i, j)\"\n                        (keydown.space)=\"removeSubtitle(i, j)\"\n                        ngbTooltip=\"Remove Subtitle\"\n                        aria-hidden=\"true\">\n                      </i>\n                    </div>\n                  </div>\n                  <button type=\"button\" class=\"btn btn-sm btn-primary mt-2\" (click)=\"addSubtitle(i)\">\n                    + Add Subtitle\n                  </button>\n                </div>\n\n                <div class=\"col-md-12 text-end mt-2\">\n                  <i class=\"fa fa-trash delete-icon\"\n                    (click)=\"removeNavbarItem(i)\"\n                    (keydown.enter)=\"removeNavbarItem(i)\"\n                    (keydown.space)=\"removeNavbarItem(i)\"\n                    ngbTooltip=\"Remove Navbar Item\"\n                    aria-hidden=\"true\">\n                  </i>\n                </div>\n              </div>\n\n              <button type=\"button\" class=\"btn btn-primary mt-2 mb-2\" (click)=\"addNavbarItem()\">+ Add Navbar Item</button>\n            </div>\n          </div>\n        </p-accordionTab>\n\n\n        <p-accordionTab [header]=\"'Footer Links Section'\">\n          <div class=\"row mt-3 mb-4\" formGroupName=\"footer_links\">\n            <h4 class=\"mb-3\">Footer Links Section</h4>\n\n            <div formArrayName=\"items\" class=\"col-12\">\n              <div *ngFor=\"let item of footerLinksItems.controls; let i = index\" [formGroupName]=\"i\" class=\"row mb-3\">\n\n                <pw-input-container label=\"Title\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"title\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Path\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"path\" />\n                </pw-input-container>\n\n                <div class=\"col-12\" formArrayName=\"subtitles\">\n                  <div *ngFor=\"let sub of getFooterSubtitles(i).controls; let j = index\" [formGroupName]=\"j\" class=\"row border p-3 mb-2\">\n                    <div class=\"col-md-5\">\n                      <pw-input-container label=\"Subtitle Title\">\n                        <input type=\"text\" class=\"form-control\" formControlName=\"title\" />\n                      </pw-input-container>\n                    </div>\n                    <div class=\"col-md-5\">\n                      <pw-input-container label=\"Subtitle Path\">\n                        <input type=\"text\" class=\"form-control\" formControlName=\"path\" />\n                      </pw-input-container>\n                    </div>\n                    <div class=\"col-md-2 d-flex align-items-center mt-3\">\n                      <i class=\"fa fa-trash delete-icon\"\n                        (click)=\"removeFooterSubtitle(i, j)\"\n                        (keydown.enter)=\"removeFooterSubtitle(i, j)\"\n                        (keydown.space)=\"removeFooterSubtitle(i, j)\"\n                        ngbTooltip=\"Remove Subtitle\"\n                        aria-hidden=\"true\">\n                      </i>\n                    </div>\n                  </div>\n                  <button type=\"button\" class=\"btn btn-sm btn-primary mt-2\" (click)=\"addFooterSubtitle(i)\">\n                    + Add Subtitle\n                  </button>\n                </div>\n\n                <div class=\"col-md-12 text-end mt-2\">\n                  <i class=\"fa fa-trash delete-icon\"\n                    (click)=\"removeFooterLinkItem(i)\"\n                    (keydown.enter)=\"removeFooterLinkItem(i)\"\n                    (keydown.space)=\"removeFooterLinkItem(i)\"\n                    ngbTooltip=\"Remove Footer Item\"\n                    aria-hidden=\"true\">\n                  </i>\n                </div>\n              </div>\n\n              <button type=\"button\" class=\"btn btn-primary mt-2 mb-2\" (click)=\"addFooterLinkItem()\">+ Add Footer Link</button>\n            </div>\n          </div>\n        </p-accordionTab>\n\n\n\n        <p-accordionTab [header]=\"'Guides Section'\">\n          <div class=\"row mt-3 mb-4\" formGroupName=\"guides\">\n            <h4 class=\"mb-3\">Guides Section</h4>\n\n            <div formArrayName=\"items\" class=\"col-12\">\n              <div *ngFor=\"let item of guidesItems.controls; let i = index\" [formGroupName]=\"i\" class=\"row border p-3 mb-3\">\n                <pw-input-container label=\"Title\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"title\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Button Text\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"button_text\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Image URL\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"image_url\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Guide URL\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"guide_url\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Description\" class=\"col-md-10\">\n                  <textarea class=\"form-control\" rows=\"5\" formControlName=\"description\"\n                   [ngClass]=\"{ 'is-invalid': submitted && f['description']?.errors }\">\n                                                 </textarea>\n                 </pw-input-container>\n\n                <div class=\"col-md-1 d-flex align-items-center mt-3\">\n                  <i\n                    class=\"fa fa-trash delete-icon\"\n                    (click)=\"removeGuideItem(i)\"\n                    (keydown.enter)=\"removeGuideItem(i)\"\n                    (keydown.space)=\"removeGuideItem(i)\"\n                    ngbTooltip=\"Remove Guide\"\n                    aria-hidden=\"true\"\n                  ></i>\n                </div>\n              </div>\n\n              <div class=\"text-start mt-2\">\n                <button type=\"button\" class=\"btn btn-primary\" (click)=\"addGuideItem()\">+ Add Guide</button>\n              </div>\n            </div>\n          </div>\n        </p-accordionTab>\n\n\n\n\n        <p-accordionTab [header]=\"'Coming soon pages - Subscribe to newsletter (TO DISCONTINUE)'\">\n          <div class=\"mb-3\">\n            <p>ComingSoon Pages will enable users to subscribe to Newsletters and are accessible at the internal paths\n              /join/cs1, /join/cs2, etc.</p>\n          </div>\n          <!-- live page link -->\n          <div class=\"text-end\" *ngIf=\"shardUrl\">\n            <span>See the live page <span class=\"tooltip-wrap ms-1\" [appendTo]=\"'body'\"\n                [pTooltip]=\"'Admin.DomainConfig.Tooltip.SeeLiveCs' | transloco\" tooltipPosition=\"top\">\n                <i class=\"fas fa-info-circle\"></i>\n              </span> : <a [href]=\"shardUrl + '/join/cs1'\" target=\"_blank\">{{ shardUrl }}/join/cs1</a></span>\n          </div>\n          <div class=\"row\">\n            <div class=\"col-12 col-sm-3\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.CsProduct' | transloco\" [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsProduct' | transloco\" name=\"cs_product_id\">\n                <p-autoComplete [suggestions]=\"productsList\" formControlName=\"cs_product_id\" dataKey=\"id\" field=\"name\"\n                  [dropdown]=\"true\" [delay]=\"1000\" (completeMethod)=\"searchProduct($event)\" styleClass=\"w-100\"\n                  placeholder=\"Search Product\" [inputStyle]=\"\n                                                form.get('cs_product_id').touched &&\n                                                form.get('cs_product_id').invalid\n                                                    ? { border: '1px solid #ff586b' }\n                                                    : { border: '1px solid gray' }\n                                            \" [multiple]=\"false\">\n                </p-autoComplete>\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 col-sm-3\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.CsCrmSourceId' | transloco\" name=\"cs_crm_source_id\"\n                [showTooltip]=\"true\" [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsCrmSourceId' | transloco\">\n                <p-dropdown [options]=\"crmSourcesList\" formControlName=\"cs_crm_source_id\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['cs_crm_source_id']?.errors }\" [placeholder]=\"'Select CRM Source'\"\n                  optionValue=\"id\" optionLabel=\"name\">\n                </p-dropdown>\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 col-sm-3\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.CsPdfSourceId' | transloco\" name=\"cs_pdf_source_id\"\n                [showTooltip]=\"true\" [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsPdfSourceId' | transloco\">\n                <p-dropdown [options]=\"crmSourcesList\" formControlName=\"cs_pdf_source_id\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['cs_pdf_source_id']?.errors }\" [placeholder]=\"'Select CRM Source'\"\n                  optionValue=\"id\" optionLabel=\"name\">\n                </p-dropdown>\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 col-sm-3\"></div>\n            <div class=\"col-12 col-sm-3\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.CsVideoUrl' | transloco\" name=\"cs_video_url\" [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsVideoUrl' | transloco\">\n                <input type=\"text\" class=\"form-control\" formControlName=\"cs_video_url\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['cs_video_url'].errors }\" />\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 col-sm-3\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.CsBookDemoUrl' | transloco\" name=\"cs_book_demo_url\"\n                [showTooltip]=\"true\" [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsBookDemoUrl' | transloco\">\n                <input type=\"text\" class=\"form-control\" formControlName=\"cs_book_demo_url\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['cs_book_demo_url'].errors }\" />\n              </pw-input-container>\n            </div>\n            <div class=\"col-12\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.CsCtaIframe' | transloco\" name=\"cs_cta_iframe\"\n                [showTooltip]=\"true\" [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsCtaIframe' | transloco\">\n                <textarea class=\"form-control\" rows=\"3\" formControlName=\"cs_cta_iframe\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['cs_cta_iframe'].errors }\">\n                                        </textarea>\n              </pw-input-container>\n            </div>\n            <div class=\"col-12\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.CsJoinMessage' | transloco\" name=\"cs_join_message\"\n                [showTooltip]=\"true\" [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsJoinMessage' | transloco\">\n                <textarea class=\"form-control\" rows=\"3\" formControlName=\"cs_join_message\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['cs_join_message'].errors }\">\n                                        </textarea>\n              </pw-input-container>\n            </div>\n            <div class=\"col-12\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.CsPdfDownloadText' | transloco\" name=\"cs_pdf_download_text\"\n                [showTooltip]=\"true\" [tooltipText]=\"\n                                            'Admin.DomainConfig.Tooltip.CsPdfDownloadText' | transloco\n                                        \">\n                <textarea class=\"form-control\" rows=\"3\" formControlName=\"cs_pdf_download_text\" [ngClass]=\"{\n                                                'is-invalid': submitted && f['cs_pdf_download_text'].errors\n                                            }\">\n                                        </textarea>\n              </pw-input-container>\n            </div>\n          </div>\n          <div class=\"row\" matchHeight=\"card\">\n            <div class=\"col-md-4\">\n              <label for=\"cs_image\">{{ 'Admin.DomainConfig.CsImage' | transloco }} <span class=\"info-circle\">\n                  <span class=\"tooltiptext gradient-custom-branding\">{{ 'Admin.DomainConfig.Tooltip.CsImage' | transloco\n                    }}</span>\n                </span>\n              </label>\n              <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\" [aspectRatio]=\"'custom'\" [title]=\"'Cs Image'\"\n                [controlName]=\"'cs_image'\" [previewData]=\"data['cs_image']\">\n              </pw-custom-uploader>\n            </div>\n            <div class=\"col-md-4\">\n              <label for=\"cs_image2\">{{ 'Admin.DomainConfig.CsImage2' | transloco }} <span class=\"info-circle\">\n                  <span class=\"tooltiptext gradient-custom-branding\">{{ 'Admin.DomainConfig.Tooltip.CsImage2' | transloco\n                    }}</span>\n                </span>\n              </label>\n              <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\" [aspectRatio]=\"'custom'\" [title]=\"'Cs Image2'\"\n                [controlName]=\"'cs_image2'\" [previewData]=\"data['cs_image2']\">\n              </pw-custom-uploader>\n            </div>\n            <div class=\"col-md-4\">\n              <label for=\"cs_pdf_image\">{{ 'Admin.DomainConfig.CsPdfImage' | transloco }} <span class=\"info-circle\">\n                  <span class=\"tooltiptext gradient-custom-branding\">{{ 'Admin.DomainConfig.Tooltip.CsPdfImage' | transloco\n                    }}</span>\n                </span>\n              </label>\n              <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\" [aspectRatio]=\"'custom'\" [title]=\"'Cs Pdf Image'\"\n                [controlName]=\"'cs_pdf_image'\" [previewData]=\"data['cs_pdf_image']\">\n              </pw-custom-uploader>\n            </div>\n            <div class=\"col-md-4\">\n              <label for=\"cs_image_bg\">{{ 'Admin.DomainConfig.CsImageBg' | transloco }} <span class=\"info-circle\">\n                  <span class=\"tooltiptext gradient-custom-branding\">{{ 'Admin.DomainConfig.Tooltip.CsImageBg' | transloco\n                    }}</span>\n                </span>\n              </label>\n              <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\" [aspectRatio]=\"'custom'\" [title]=\"'Cs Pdf Image Bg'\"\n                [controlName]=\"'cs_image_bg'\" [previewData]=\"data['cs_image_bg']\">\n              </pw-custom-uploader>\n            </div>\n            <div class=\"col-md-4\">\n              <label for=\"cs_image_bg2\">{{ 'Admin.DomainConfig.CsImageBg2' | transloco }} <span class=\"info-circle\">\n                  <span class=\"tooltiptext gradient-custom-branding\">{{ 'Admin.DomainConfig.Tooltip.CsImageBg2' | transloco\n                    }}</span>\n                </span>\n              </label>\n              <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\" [aspectRatio]=\"'custom'\" [title]=\"'Cs Pdf Image Bg2'\"\n                [controlName]=\"'cs_image_bg2'\" [previewData]=\"data['cs_image_bg2']\">\n              </pw-custom-uploader>\n            </div>\n          </div>\n        </p-accordionTab>\n      </p-accordion>\n    </div>\n\n    <div class=\"col-12 text-end mt-3\">\n      <button type=\"button\"\n        class=\"btn btn-outline-default me-2\"\n        (click)=\"back()\">\n        {{ 'Button.Cancel' | transloco }}\n      </button>\n      <button type=\"submit\" [buttonBusy]=\"buttonBusy\"\n        class=\"btn btn-primary\">{{ 'Button.Submit' | transloco }}</button>\n    </div>\n  </form>\n</ng-container>\n<div *ngIf=\"!data?.host_name && !isLoading\">\n  <pw-no-data [withImage]=\"true\" [message]=\"'Admin.DomainConfig.EnableConfigTab' | transloco\"> </pw-no-data>\n</div>\n\n\n<ng-template #partnerCropper let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Upload Partner Image</h5>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n  <div class=\"modal-body\">\n    <small>You can upload JPG, PNG, or GIF files. Avoid images with celebrities, nudity, or artwork.</small>\n    <pw-image-cropper\n      aspectRatio=\"auto\"\n      (imageSelectionEvent)=\"onPartnerImageSelected($event)\"\n      (closeEvent)=\"onClosePartnerModal()\"\n    ></pw-image-cropper>\n  </div>\n</ng-template>\n" }]
+            args: [{ selector: 'pw-domain-config-build', template: "<h3>Public Pages Configuration</h3>\n<div class=\"mb-4\">\n  <p> The following parameters and settings will be applied to all public pages of this domain. </p>\n</div>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"isLoading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<ng-container *ngIf=\"!isLoading && data?.host_name\">\n  <form [formGroup]=\"form\"\n    (ngSubmit)=\"onSave()\">\n    <div class=\"row\">\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.MasterSubscription' | transloco\"\n          name=\"master_subscription_id\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.MasterSubscription' | transloco\">\n          <p-dropdown\n          [options]=\"masterSubscriptionsList\"\n          formControlName=\"master_subscription_id\"\n          [ngClass]=\"{ 'is-invalid': submitted && f['master_subscription_id']?.errors }\"\n          placeholder=\"Select Master Subscription\">\n        </p-dropdown>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.MasterSubscriptionProduct' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"\n                        'Admin.DomainConfig.Tooltip.MasterSubscriptionProduct' | transloco\n                    \"\n          name=\"master_subscription_product_id\">\n          <p-dropdown\n            [options]=\"masterSubscriptionProductList\"\n            formControlName=\"master_subscription_product_id\"\n            [ngClass]=\"{'is-invalid': submitted && f['master_subscription_product_id']?.errors}\"\n            [placeholder]=\"'Select Master Product'\"\n            optionValue=\"id\"\n            optionLabel=\"name\"\n            >\n          </p-dropdown>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.BlogFeatureKey' | transloco\"\n          name=\"blog_feature_key\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.BlogFeatureKey' | transloco\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"blog_feature_key\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['blog_feature_key'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.MainTos' | transloco\"\n          name=\"main_tos_id\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.MainTos' | transloco\">\n          <p-dropdown\n          [options]=\"subscriptionTosList\"\n          formControlName=\"main_tos_id\"\n          [ngClass]=\"{ 'is-invalid': submitted && f['main_tos_id']?.errors }\"\n          [placeholder]=\"'Select Main TOS'\"\n          optionValue=\"id\">\n          <ng-template pTemplate=\"selectedItem\" let-item>\n            <span [innerHTML]=\"item.title\"></span>\n          </ng-template>\n          <ng-template pTemplate=\"item\" let-item>\n            <span [innerHTML]=\"item.title\"></span>\n          </ng-template>\n        </p-dropdown>\n\n        </pw-input-container>\n      </div>\n      <!-- crm subscription fields -->\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.CrmSubscription' | transloco\"\n          name=\"crm_subscription_id\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CrmSubscription' | transloco\">\n          <p-dropdown\n            [options]=\"crmSubscriptionsList\"\n            formControlName=\"crm_subscription_id\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['crm_subscription_id']?.errors }\"\n            [placeholder]=\"'Select CRM Subscription'\"\n            optionValue=\"id\">\n            <ng-template pTemplate=\"selectedItem\" let-item>\n              {{item?.organisation ? item?.organisation + ' - ' + item.contact_name : item?.contact_name}}\n            </ng-template>\n            <ng-template pTemplate=\"item\" let-item>\n              {{item?.organisation ? item?.organisation + ' - ' + item.contact_name : item?.contact_name}}\n            </ng-template>\n          </p-dropdown>\n\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.CrmProduct' | transloco\"\n          name=\"crm_product_id\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CrmProduct' | transloco\">\n          <p-dropdown\n            [options]=\"crmProductList\"\n            formControlName=\"crm_product_id\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['crm_product_id']?.errors }\"\n            [placeholder]=\"'Select CRM Product'\"\n            optionValue=\"id\"\n            >\n            <ng-template pTemplate=\"selectedItem\" let-item>\n              {{item?.subscription_id ? item?.name  +' - SubscriptionID = '+ item.subscription_id : item?.name}}\n            </ng-template>\n            <ng-template pTemplate=\"item\" let-item>\n              {{item?.subscription_id ? item?.name  +' - SubscriptionID = '+ item.subscription_id : item?.name}}\n            </ng-template>\n          </p-dropdown>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.CrmSource' | transloco\"\n          name=\"crm_source_id\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CrmSource' | transloco\">\n          <p-dropdown\n            [options]=\"crmSourcesList\"\n            formControlName=\"crm_source_id\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['crm_source_id']?.errors }\"\n            [placeholder]=\"'Select CRM Source'\"\n            optionValue=\"id\"\n            optionLabel=\"name\"\n            >\n          </p-dropdown>\n        </pw-input-container>\n      </div>\n      <!-- crm subscription fields end-->\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.Active' | transloco\" [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.Active' | transloco\" name=\"active\">\n          <ui-switch size=\"small\" uncheckedLabel=\"false\" checkedLabel=\"true\" formControlName=\"active\" name=\"active\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['active'].errors }\">\n          </ui-switch>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.IsProductDomain' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.IsProductDomain' | transloco\"\n          name=\"is_product_domain\">\n          <ui-switch size=\"small\"\n            uncheckedLabel=\"false\"\n            checkedLabel=\"true\"\n            formControlName=\"is_product_domain\"\n            name=\"is_product_domain\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['is_product_domain'].errors }\">\n          </ui-switch>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.CanRegisterOnMainPage' | transloco\" [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CanRegisterOnMainPage' | transloco\"\n          name=\"can_register_through_main_page\">\n          <ui-switch size=\"small\" uncheckedLabel=\"false\" checkedLabel=\"true\" formControlName=\"can_register_through_main_page\"\n            name=\"can_register_through_main_page\" [ngClass]=\"{\n                                  'is-invalid': submitted && f['can_register_through_main_page'].errors\n                              }\">\n          </ui-switch>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.SocialLoginEnabled' | transloco\" [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.SocialLoginEnable' | transloco\" name=\"social_login_enabled\">\n          <ui-switch size=\"small\" uncheckedLabel=\"false\" checkedLabel=\"true\" formControlName=\"social_login_enabled\"\n            name=\"social_login_enabled\" [ngClass]=\"{ 'is-invalid': submitted && f['social_login_enabled'].errors }\">\n          </ui-switch>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.NotifyLogins' | transloco\" [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.NotifyLogins' | transloco\" name=\"notify_logins\">\n          <ui-switch size=\"small\" uncheckedLabel=\"false\" checkedLabel=\"true\" formControlName=\"notify_logins\"\n            name=\"notify_logins\" [ngClass]=\"{ 'is-invalid': submitted && f['notify_logins'].errors }\">\n          </ui-switch>\n        </pw-input-container>\n      </div>\n    </div>\n\n    <div class=\"my-5\">\n      <h3>Pre-Built Landing Pages for User Onboarding</h3>\n\n      <p-accordion class=\"mt-5\">\n        <p-accordionTab [header]=\"'Instructions - README FIRST'\">\n          <div class=\"mb-3\">\n            <p>We\u2019ve built and maintain a collection of high-converting landing pages designed to help you quickly launch polished\n              UIs for onboarding users.</p>\n            <p><strong>Newsletter Subscription Pages:</strong><br> After configuring your domain, you can access pages like\n              <strong>/join/cs1, /join/cs2, /join/cs3, etc.</strong>, specifically designed for newsletter sign-ups. <br>\n              Subscribers from these pages will be listed in the <strong>SmartCRM module</strong>.</p>\n            <p><strong>Trial Product Sign-Up Pages:</strong><br> For users interested in trial products, utilize pages such as\n              <strong>/join/trial1, /join/trial2, /join/trial3, etc.</strong>.<br> Users registering through these pages will\n              appear in the <strong>Admin > Users section</strong>.</p>\n            <p>Once you\u2019ve selected the landing page you want to use <strong>(e.g., /join/trial3)</strong>, make sure to update\n              the <strong>Internal Path</strong> in the <strong>Core tab</strong> accordingly\u2014i.e., set it to\n              <strong>/join/trial3</strong>.</p>\n            <p>If you need assistance integrating these pages into your workflow or have further questions, feel free to reach\n              out.</p>\n          </div>\n        </p-accordionTab>\n\n        <p-accordionTab [header]=\"'Subscribe to Product/Newsletter Config'\">\n          <div class=\"mb-3\">\n            <p>Trial Pages will enable users to sign up to real products and are accessible at the path /join/trial1,\n              /join/trial2, etc.</p>\n            <p>ComingSoon Pages will enable users to subscribe to Newsletters and are accessible at the internal paths\n              /join/cs1, /join/cs2, etc.</p>\n          </div>\n          <!-- live page link -->\n          <div class=\"text-end\" *ngIf=\"shardUrl\">\n            <span>See the live page <span class=\"tooltip-wrap ms-1\" [appendTo]=\"'body'\"\n                [pTooltip]=\"'Admin.DomainConfig.Tooltip.SeeLiveTrial' | transloco\" tooltipPosition=\"top\">\n                <i class=\"fas fa-info-circle\"></i>\n              </span> : <a [href]=\"shardUrl + '/join/trial1'\" target=\"_blank\">{{ shardUrl }}/join/trial1</a></span>\n          </div>\n          <div class=\"row\">\n            <div class=\"col-sm-3\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.TrialProduct' | transloco\" [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.DomainConfig.Tooltip.TrialProduct' | transloco\" name=\"trial_product_id\">\n                <p-autoComplete [suggestions]=\"productsList\" formControlName=\"trial_product_id\" dataKey=\"id\" field=\"name\"\n                  [dropdown]=\"true\" [delay]=\"1000\" (completeMethod)=\"searchProduct($event)\" styleClass=\"w-100\"\n                  placeholder=\"Search Product\" [inputStyle]=\"\n                                                  form.get('trial_product_id').touched &&\n                                                  form.get('trial_product_id').invalid\n                                                      ? { border: '1px solid #ff586b' }\n                                                      : { border: '1px solid gray' }\n                                              \" [multiple]=\"false\">\n                </p-autoComplete>\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 col-sm-3\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.TrialCrmSourceId' | transloco\" name=\"trial_crm_source_id\"\n                [showTooltip]=\"true\" [tooltipText]=\"\n                                              'Admin.DomainConfig.Tooltip.TrialCrmSourceId' | transloco\n                                          \">\n                <p-dropdown [options]=\"crmSourcesList\" formControlName=\"trial_crm_source_id\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['trial_crm_source_id']?.errors }\"\n                  [placeholder]=\"'Select CRM Source'\" optionValue=\"id\" optionLabel=\"name\">\n                </p-dropdown>\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 col-sm-3\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.TrialPdfSourceId' | transloco\" name=\"trial_pdf_source_id\"\n                [showTooltip]=\"true\" [tooltipText]=\"\n                                              'Admin.DomainConfig.Tooltip.TrialPdfSourceId' | transloco\n                                          \">\n                <p-dropdown [options]=\"crmSourcesList\" formControlName=\"trial_pdf_source_id\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['trial_pdf_source_id']?.errors }\"\n                  [placeholder]=\"'Select CRM Source'\" optionValue=\"id\" optionLabel=\"name\">\n                </p-dropdown>\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 col-sm-3\"></div>\n            <div class=\"col-12 col-sm-3\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.TrialVideoUrl' | transloco\" name=\"trial_video_url\"\n                [showTooltip]=\"true\" [tooltipText]=\"'Admin.DomainConfig.Tooltip.TrialVideoUrl' | transloco\">\n                <input type=\"text\" class=\"form-control\" formControlName=\"trial_video_url\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['trial_video_url'].errors }\" />\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 col-sm-3\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.TrialBookDemoUrl' | transloco\" name=\"trial_book_demo_url\"\n                [showTooltip]=\"true\" [tooltipText]=\"\n                                              'Admin.DomainConfig.Tooltip.TrialBookDemoUrl' | transloco\n                                          \">\n                <input type=\"text\" class=\"form-control\" formControlName=\"trial_book_demo_url\" [ngClass]=\"{\n                                                  'is-invalid': submitted && f['trial_book_demo_url'].errors\n                                              }\" />\n              </pw-input-container>\n            </div>\n            <div class=\"col-12\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.TrialCtaIframe' | transloco\" name=\"trial_cta_iframe\"\n                [showTooltip]=\"true\" [tooltipText]=\"\n                                              'Admin.DomainConfig.Tooltip.TrialCtaIframe' | transloco\n                                          \">\n                <textarea rows=\"3\" class=\"form-control\" formControlName=\"trial_cta_iframe\" [ngClass]=\"{\n                                                  'is-invalid': submitted && f['trial_cta_iframe'].errors\n                                              }\">\n                                          </textarea>\n              </pw-input-container>\n            </div>\n            <div class=\"col-12\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.TrialJoinMessage' | transloco\" name=\"trial_join_message\"\n                [showTooltip]=\"true\" [tooltipText]=\"\n                                              'Admin.DomainConfig.Tooltip.TrialJoinMessage' | transloco\n                                          \">\n                <textarea rows=\"3\" class=\"form-control\" formControlName=\"trial_join_message\" [ngClass]=\"{\n                                                  'is-invalid': submitted && f['trial_join_message'].errors\n                                              }\">\n                                          </textarea>\n              </pw-input-container>\n            </div>\n            <div class=\"col-12\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.TrialPdfDownloadText' | transloco\" name=\"trial_pdf_download_text\"\n                [showTooltip]=\"true\" [tooltipText]=\"\n                                              'Admin.DomainConfig.Tooltip.TrialPdfDownloadText' | transloco\n                                          \">\n                <textarea rows=\"3\" class=\"form-control\" formControlName=\"trial_pdf_download_text\" [ngClass]=\"{\n                                                  'is-invalid': submitted && f['trial_pdf_download_text'].errors\n                                              }\">\n                                          </textarea>\n              </pw-input-container>\n            </div>\n          </div>\n          <div class=\"row\" matchHeight=\"card\">\n            <div class=\"col-md-4\">\n              <label for=\"trial_image\">{{ 'Admin.DomainConfig.TrialImage' | transloco }} <span class=\"info-circle\">\n                  <span class=\"tooltiptext gradient-custom-branding\">{{ 'Admin.DomainConfig.Tooltip.TrialImage' | transloco\n                    }}</span>\n                </span>\n              </label>\n              <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\" [aspectRatio]=\"'custom'\" [title]=\"'Trial Image'\"\n                [controlName]=\"'trial_image'\" [previewData]=\"data['trial_image']\">\n              </pw-custom-uploader>\n            </div>\n            <div class=\"col-md-4\">\n              <label for=\"trial_image2\">{{ 'Admin.DomainConfig.TrialImage2' | transloco }} <span class=\"info-circle\">\n                  <span class=\"tooltiptext gradient-custom-branding\">{{ 'Admin.DomainConfig.Tooltip.TrialImage2' | transloco\n                    }}</span>\n                </span>\n              </label>\n              <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\" [title]=\"'Trial Image2'\" [aspectRatio]=\"'custom'\"\n                [controlName]=\"'trial_image2'\" [previewData]=\"data['trial_image2']\">\n              </pw-custom-uploader>\n            </div>\n            <div class=\"col-md-4\">\n              <label for=\"trial_pdf_image\">{{ 'Admin.DomainConfig.TrialPdfImage' | transloco }} <span class=\"info-circle\">\n                  <span class=\"tooltiptext gradient-custom-branding\">{{ 'Admin.DomainConfig.Tooltip.TrialPdfImage' | transloco\n                    }}</span>\n                </span>\n              </label>\n              <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\" [title]=\"'Trial Pdf Image'\" [aspectRatio]=\"'custom'\"\n                [controlName]=\"'trial_pdf_image'\" [previewData]=\"data['trial_pdf_image']\">\n              </pw-custom-uploader>\n            </div>\n            <div class=\"col-md-4\">\n              <label for=\"trial_image_bg\">{{ 'Admin.DomainConfig.TrialImageBg' | transloco }} <span class=\"info-circle\">\n                  <span class=\"tooltiptext gradient-custom-branding\">{{ 'Admin.DomainConfig.Tooltip.TrialImageBg' | transloco\n                    }}</span>\n                </span>\n              </label>\n              <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\" [title]=\"'Trial Image Bg'\" [aspectRatio]=\"'custom'\"\n                [controlName]=\"'trial_image_bg'\" [previewData]=\"data['trial_image_bg']\">\n              </pw-custom-uploader>\n            </div>\n            <div class=\"col-md-4\">\n              <label for=\"trial_image_bg2\">{{ 'Admin.DomainConfig.TrialImageBg2' | transloco }} <span class=\"info-circle\">\n                  <span class=\"tooltiptext gradient-custom-branding\">{{ 'Admin.DomainConfig.Tooltip.TrialImageBg2' | transloco\n                    }}</span>\n                </span>\n              </label>\n              <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\" [title]=\"'Trial Image Bg2'\" [aspectRatio]=\"'custom'\"\n                [controlName]=\"'trial_image_bg2'\" [previewData]=\"data['trial_image_bg2']\">\n              </pw-custom-uploader>\n            </div>\n          </div>\n        </p-accordionTab>\n\n        <p-accordionTab [header]=\"'Header Section'\">\n          <div class=\"row mt-4\" formGroupName=\"header\">\n            <h4 class=\"mb-4\">Header Section</h4>\n            <div class=\"col-12 col-md-12\">\n              <pw-input-container label=\"Header Headline\" name=\"headline\">\n                <input type=\"text\" class=\"form-control\" formControlName=\"headline\" />\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container label=\"Header Video URL\" name=\"video_url\">\n                <input type=\"text\" class=\"form-control\" formControlName=\"video_url\" />\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container label=\"Header Background Image URL\" name=\"bg_image_url\">\n                <input type=\"text\" class=\"form-control\" formControlName=\"bg_image_url\" />\n              </pw-input-container>\n            </div>\n            <div class=\"col-12\">\n              <pw-input-container label=\"Header Description\">\n                <textarea class=\"form-control\" rows=\"5\" formControlName=\"description\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['description']?.errors }\">\n                                                </textarea>\n              </pw-input-container>\n            </div>\n            <div formArrayName=\"sub_headings\" class=\"col-12\">\n              <div *ngFor=\"let sub of f['header'].get('sub_headings')['controls']; let i = index\" [formGroupName]=\"i\"\n                class=\"row mb-3\">\n                <div class=\"col-md-10\" *ngIf=\"f['header'].get('sub_headings')['controls'].length\">\n                  <pw-input-container label=\"Sub Header Description\">\n                    <textarea class=\"form-control\" rows=\"3\" formControlName=\"description\"\n                      [ngClass]=\"{ 'is-invalid': submitted && f['description']?.errors }\">\n                                                    </textarea>\n                  </pw-input-container>\n                </div>\n                <div class=\"col-md-2 d-flex align-items-center mt-3\">\n                  <i class=\"fa fa-trash delete-icon\" (click)=\"removeHeaderSubHeading(i)\"\n                    (keydown.enter)=\"removeHeaderSubHeading(i)\" (keydown.space)=\"removeHeaderSubHeading(i)\" ngbTooltip=\"Remove\"\n                    aria-hidden=\"true\"></i>\n                </div>\n              </div>\n              <button type=\"button\" class=\"btn btn-primary mt-2 mb-2\" (click)=\"addHeaderSubHeading()\"> + Add Sub Heading\n              </button>\n            </div>\n          </div>\n        </p-accordionTab>\n\n        <p-accordionTab [header]=\"'Resources Section'\">\n          <div class=\"row row mt-4 mb-4\">\n            <h4 class=\"mb-3\">Resources Section</h4>\n            <div class=\"col-12 col-sm-6\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.ResourceTagline' | transloco\" name=\"resources_tagline\"\n                [showTooltip]=\"true\" [tooltipText]=\"'Admin.DomainConfig.Tooltip.ResourceTagline' | transloco\">\n                <input type=\"text\" class=\"form-control\" formControlName=\"resources_tagline\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['resources_tagline'].errors }\" />\n              </pw-input-container>\n            </div>\n            <div class=\"col-12\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.ResourceDescription' | transloco\" name=\"resources_description\"\n                [showTooltip]=\"true\" [tooltipText]=\"'Admin.DomainConfig.Tooltip.ResourceDescription' | transloco\">\n                <textarea class=\"form-control\" rows=\"3\" formControlName=\"resources_description\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['resources_description'].errors }\">\n                                          </textarea>\n              </pw-input-container>\n            </div>\n          </div>\n          <div class=\"row\" matchHeight=\"card\">\n            <div class=\"col-md-4\">\n              <label for=\"resource_image\">{{ 'Admin.DomainConfig.ResourceImage' | transloco }} <span class=\"info-circle\">\n                  <span class=\"tooltiptext gradient-custom-branding\">{{ 'Admin.DomainConfig.Tooltip.ResourceImage' | transloco\n                    }}</span>\n                </span>\n              </label>\n              <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\" [aspectRatio]=\"'custom'\" [title]=\"'Cs Image'\"\n                [controlName]=\"'resources_image'\" [previewData]=\"data['resources_image']\">\n              </pw-custom-uploader>\n            </div>\n          </div>\n        </p-accordionTab>\n\n        <p-accordionTab [header]=\"'Unique Selling Proposition Section (USP) '\">\n          <div class=\"row mt-4 mb-4\" formGroupName=\"usps\">\n            <h4 class=\"mb-4\">Unique Selling Proposition Section (USP)</h4>\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container label=\"USPs Title\" name=\"title\">\n                <input type=\"text\" class=\"form-control\" formControlName=\"title\" />\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container label=\"USPs Video Url\" name=\"video_url\">\n                <input type=\"text\" class=\"form-control\" formControlName=\"video_url\" />\n              </pw-input-container>\n            </div>\n            <div class=\"col-12\">\n              <pw-input-container label=\"USPs Description\" name=\"description\">\n                <textarea class=\"form-control\" rows=\"3\" formControlName=\"description\"\n                 >\n                                  </textarea>\n              </pw-input-container>\n            </div>\n            <div formArrayName=\"items\" class=\"col-12\">\n              <div\n                *ngFor=\"let item of f['usps'].get('items')['controls']; let i = index\"\n                [formGroupName]=\"i\"\n                class=\"row mb-3\"\n              >\n                <div class=\"col-sm-10\">\n                  <pw-input-container label=\"Item Description\">\n                    <textarea class=\"form-control\" rows=\"3\" formControlName=\"description\"\n                  >\n                                  </textarea>\n                  </pw-input-container>\n                </div>\n                <div class=\"col-sm-2 d-flex align-items-center mt-3\">\n                  <i\n                    class=\"fa fa-trash delete-icon\"\n                    (click)=\"removeUspItem(i)\"\n                    (keydown.enter)=\"removeUspItem(i)\"\n                    (keydown.space)=\"removeUspItem(i)\"\n                    ngbTooltip=\"Remove\"\n                    aria-hidden=\"true\"\n                  ></i>\n                </div>\n              </div>\n              <button type=\"button\" class=\"btn btn-primary mt-2 mb-2\" (click)=\"addUspItem()\">\n                + Add USP Item\n              </button>\n            </div>\n          </div>\n        </p-accordionTab>\n\n        <p-accordionTab [header]=\"'Partners (Clients) Section'\">\n\n          <div class=\"row mt-4 mb-4\" formGroupName=\"partners\">\n            <h4 class=\"mb-4\">Partners (Clients) Section</h4>\n            <!-- Title -->\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container label=\"Partner Title\" name=\"title\">\n                <input type=\"text\" class=\"form-control\" formControlName=\"title\" />\n              </pw-input-container>\n            </div>\n\n            <!-- Description -->\n            <div class=\"col-12\">\n              <pw-input-container label=\"Partners Description\" name=\"description\">\n                <textarea class=\"form-control\" rows=\"3\" formControlName=\"description\"></textarea>\n              </pw-input-container>\n            </div>\n\n            <!-- Partner Items -->\n            <div formArrayName=\"items\" class=\"col-12\">\n              <div *ngFor=\"let item of partnersItems.controls; let i = index\" [formGroupName]=\"i\" class=\"row border p-3 mb-3\">\n                <!-- Name -->\n                <div class=\"col-md-6\">\n                  <pw-input-container label=\"Name\" class=\"col-12 col-md-6\" name=\"name\">\n                    <input class=\"form-control\" formControlName=\"name\"/>\n                  </pw-input-container>\n                </div>\n\n                <!-- Blog URL -->\n                <div class=\"col-md-6\">\n                  <pw-input-container label=\"Blog Url\" class=\"col-12 col-md-6\" name=\"blog_url\">\n                    <input class=\"form-control\" formControlName=\"blog_url\"/>\n                  </pw-input-container>\n                </div>\n\n                <!-- Video URL -->\n                <div class=\"col-md-6\">\n                  <pw-input-container label=\"Video Url\" class=\"col-12 col-md-6\" name=\"video_url\">\n                    <input class=\"form-control\" formControlName=\"video_url\"/>\n                  </pw-input-container>\n                </div>\n                <div class=\"col-md-6\">\n                  <pw-input-container label=\"Image Url\" class=\"col-12 col-md-6\" name=\"ctas_title\">\n                    <input class=\"form-control\" formControlName=\"image_url\"/>\n                  </pw-input-container>\n                </div>\n\n                <!-- Remove Button -->\n                <div class=\"col-md-6 text-start mt-2 align-self-center\">\n                  <i ngbTooltip=\"Remove\" (click)=\"removePartnerItem(i)\" class=\"fa fa-trash delete-icon\" aria-hidden=\"true\"></i>\n                </div>\n              </div>\n\n              <!-- Add New Partner -->\n              <div class=\"text-start mt-2\">\n                <button type=\"button\" class=\"btn btn-primary mt-2 mb-2\" (click)=\"addPartnerItem()\">+ Add Partner</button>\n              </div>\n            </div>\n          </div>\n        </p-accordionTab>\n\n        <p-accordionTab [header]=\"'Testimonials Section'\">\n          <div class=\"row mt-3 mb-4\" formGroupName=\"testimonials\">\n            <h4 class=\"mb-4\">Testimonials Section</h4>\n\n            <pw-input-container label=\"Title\" class=\"col-12 col-md-6\" name=\"testimonials_title\">\n              <input type=\"text\" class=\"form-control\" formControlName=\"title\" />\n            </pw-input-container>\n\n            <pw-input-container label=\"Description\" class=\"col-12\" name=\"testimonials_description\">\n              <textarea rows=\"3\" class=\"form-control\" formControlName=\"description\"></textarea>\n            </pw-input-container>\n\n            <!-- Items List -->\n            <div formArrayName=\"items\" class=\"col-12 mt-3\">\n              <div *ngFor=\"let item of testimonialsItems.controls; let i = index\" [formGroupName]=\"i\" class=\"row border p-3 mb-3\">\n\n                <pw-input-container label=\"Name\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"name\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Blog URL\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"blog_url\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Image URL\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"image_url\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Video URL\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"video_url\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Testimonial\" class=\"col-md-10\">\n                  <textarea class=\"form-control\" rows=\"3\" formControlName=\"testimonial\"></textarea>\n                </pw-input-container>\n\n                <div class=\"col-md-2 d-flex align-items-center mt-3\">\n                  <i\n                      ngbTooltip=\"Remove\" (click)=\"removeTestimonialItem(i)\"\n                      (keydown.enter)=\"removeTestimonialItem(i)\"\n                      (keydown.space)=\"removeTestimonialItem(i)\" class=\"fa fa-trash delete-icon\"\n                      aria-hidden=\"true\"\n                  ></i>\n                </div>\n              </div>\n\n              <div class=\"text-start mt-2\">\n                <button type=\"button\" class=\"btn btn-primary mt-2 mb-2\" (click)=\"addTestimonialItem()\">+ Add Testimonial</button>\n              </div>\n            </div>\n          </div>\n        </p-accordionTab>\n\n        <p-accordionTab [header]=\"'Video Section'\">\n          <div class=\"row mt-3 mb-4\" formGroupName=\"videos\">\n            <h4 class=\"mb-3\">Video Section</h4>\n\n            <pw-input-container label=\"Title\" class=\"col-12 col-md-6\" name=\"videos_title\">\n              <input type=\"text\" class=\"form-control\" formControlName=\"title\" />\n            </pw-input-container>\n\n            <pw-input-container label=\"Description\" class=\"col-12\" name=\"videos_description\">\n              <textarea rows=\"3\" class=\"form-control\" formControlName=\"description\"></textarea>\n            </pw-input-container>\n\n            <!-- Video Items -->\n            <div formArrayName=\"items\" class=\"col-12 mt-3\">\n              <div *ngFor=\"let item of videosItems.controls; let i = index\" [formGroupName]=\"i\" class=\"row border p-3 mb-3\">\n\n                <pw-input-container label=\"Title\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"title\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Blog URL\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"blog_url\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Image URL\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"image_url\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Video URL\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"video_url\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Description\" class=\"col-md-10\">\n                  <textarea class=\"form-control\" rows=\"3\" formControlName=\"description\"></textarea>\n                </pw-input-container>\n\n                <div class=\"col-md-2 d-flex align-items-center mt-3\">\n                  <i\n                    class=\"fa fa-trash delete-icon\"\n                    (click)=\"removeVideoItem(i)\"\n                    (keydown.enter)=\"removeVideoItem(i)\"\n                    (keydown.space)=\"removeVideoItem(i)\"\n                    ngbTooltip=\"Remove\"\n                    aria-hidden=\"true\"\n                  ></i>\n                </div>\n              </div>\n\n              <div class=\"text-start mt-2\">\n                <button type=\"button\" class=\"btn btn-primary mt-2 mb-2\" (click)=\"addVideoItem()\">+ Add Video</button>\n              </div>\n            </div>\n          </div>\n        </p-accordionTab>\n\n        <p-accordionTab [header]=\"'Call to Actions Section (CTAs)'\">\n          <div class=\"row mt-4 mb-4\" formGroupName=\"ctas\">\n            <h4 class=\"mb-4\">CTAs Section</h4>\n\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container label=\"Title\" name=\"title\">\n                <input type=\"text\" class=\"form-control\" formControlName=\"title\" />\n              </pw-input-container>\n            </div>\n\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container label=\"Description\" name=\"description\">\n                <input type=\"text\" class=\"form-control\" formControlName=\"description\" />\n             </pw-input-container>\n            </div>\n\n            <div class=\"col-12\">\n              <pw-input-container label=\"Image URL\" name=\"image_url\">\n                <input type=\"text\" class=\"form-control\" formControlName=\"image_url\" />\n              </pw-input-container>\n            </div>\n\n            <!-- CTA Items -->\n            <div formArrayName=\"items\" class=\"col-12 mt-3\">\n              <div *ngFor=\"let item of ctasItems.controls; let i = index\" [formGroupName]=\"i\" class=\"row border p-3 mb-3 ng-untouched ng-pristine ng-valid ng-star-inserted\">\n                <div class=\"col-12 col-md-6\">\n                  <pw-input-container label=\"Image URL\" name=\"image_url\">\n                    <input type=\"text\" class=\"form-control\" formControlName=\"image_url\" />\n                  </pw-input-container>\n                </div>\n\n                <div class=\"col-12 col-md-6\">\n                  <pw-input-container label=\"Cta URL\" name=\"cta_url\">\n                    <input type=\"text\" class=\"form-control\" formControlName=\"cta_url\" />\n                  </pw-input-container>\n                </div>\n\n                <div class=\"col-12 col-md-6\">\n                  <pw-input-container label=\"Video URL\" name=\"video_url\">\n                    <input type=\"text\" class=\"form-control\" formControlName=\"video_url\" />\n                  </pw-input-container>\n                </div>\n                <div class=\"col-12 col-md-6\">\n                  <pw-input-container label=\"CTA Title\">\n                    <input class=\"form-control\" formControlName=\"title\" />\n                  </pw-input-container>\n                </div>\n                <div class=\"col-12 col-md-6\">\n                  <pw-input-container label=\"CTA Description\">\n                    <input class=\"form-control\" formControlName=\"description\" />\n                  </pw-input-container>\n                </div>\n                <div class=\"col-12 col-md-6\">\n                  <pw-input-container label=\"Button Text\">\n                    <input class=\"form-control\" formControlName=\"button_text\" />\n                  </pw-input-container>\n                </div>\n                <div class=\"col-md-1 d-flex align-items-center mt-3\">\n                  <i\n                    class=\"fa fa-trash delete-icon\"\n                    (click)=\"removeCtasItem(i)\"\n                    (keydown.enter)=\"removeCtasItem(i)\"\n                    (keydown.space)=\"removeCtasItem(i)\"\n                    ngbTooltip=\"Remove\"\n                    aria-hidden=\"true\"\n                  ></i>\n                </div>\n              </div>\n              <div class=\"text-start mt-2\">\n                <button type=\"button\" class=\"btn btn-primary mt-2 mb-2\" (click)=\"addCtasItem()\">+ Add CTA Item</button>\n              </div>\n            </div>\n          </div>\n        </p-accordionTab>\n\n        <p-accordionTab [header]=\"'Integrations Section'\">\n          <div class=\"row mt-3 mb-4\" formGroupName=\"integrations\">\n            <h4 class=\"mb-3\">Integrations Section</h4>\n\n            <pw-input-container label=\"Title\" class=\"col-12\">\n              <input type=\"text\" class=\"form-control\" formControlName=\"title\" />\n            </pw-input-container>\n\n            <pw-input-container label=\"Description\" class=\"col-12\">\n              <textarea class=\"form-control\" formControlName=\"description\" rows=\"3\"></textarea>\n            </pw-input-container>\n\n            <div formArrayName=\"items\" class=\"col-12\">\n              <div\n                *ngFor=\"let item of integrationsItems.controls; let i = index\"\n                [formGroupName]=\"i\"\n                class=\"row border p-3 mb-3 rounded bg-light\"\n              >\n                <pw-input-container label=\"Title\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"title\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Description\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"description\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Blog URL\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"blog_url\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Image URL\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"image_url\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Video URL\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"video_url\" />\n                </pw-input-container>\n\n                <div class=\"col-md-6 d-flex align-items-end justify-content-end\">\n                  <button\n                    type=\"button\"\n                    class=\"btn btn-danger\"\n                    (click)=\"removeIntegrationItem(i)\"\n                  >\n                    Remove\n                  </button>\n                </div>\n              </div>\n\n              <div class=\"text-start mt-2\">\n                <button type=\"button\" class=\"btn btn-primary\" (click)=\"addIntegrationItem()\">\n                  + Add Integration\n                </button>\n              </div>\n            </div>\n          </div>\n        </p-accordionTab>\n\n        <p-accordionTab [header]=\"'Contact Us Section'\">\n          <div class=\"row mt-3 mb-4\" formGroupName=\"contact_us\">\n            <h4 class=\"mb-3\">Contact Us Section</h4>\n            <pw-input-container label=\"Url\" class=\"col-md-6\">\n              <input type=\"text\" class=\"form-control\" formControlName=\"url\" />\n            </pw-input-container>\n            <pw-input-container label=\"Description\" class=\"col-12\" name=\"contact_us_description\">\n              <textarea rows=\"3\" class=\"form-control\" formControlName=\"description\"></textarea>\n            </pw-input-container>\n            <div formArrayName=\"questions\" class=\"col-12 mt-3\">\n              <div *ngFor=\"let questionGroup of contactUsQuestions.controls; let i = index\" [formGroupName]=\"i\"\n                class=\"row border p-3 mb-3\">\n                <pw-input-container label=\"Question\" class=\"col-md-10\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"question\" />\n                </pw-input-container>\n                <div class=\"col-md-2 d-flex align-items-center mt-3\">\n                  <i class=\"fa fa-trash delete-icon\" (click)=\"removeContactUsQuestion(i)\"\n                    (keydown.enter)=\"removeContactUsQuestion(i)\" (keydown.space)=\"removeContactUsQuestion(i)\"\n                    ngbTooltip=\"Remove\" aria-hidden=\"true\"></i>\n                </div>\n                <!-- Options inside each question -->\n                <div class=\"col-12\" formArrayName=\"options\">\n                  <div class=\"row align-items-center mb-2 border p-3\"\n                    *ngFor=\"let option of getQuestionOptions(i).controls; let j = index\" [formGroupName]=\"j\">\n                    <pw-input-container label=\"Option\" class=\"col-md-10\">\n                      <input type=\"text\" class=\"form-control\" formControlName=\"option\" />\n                    </pw-input-container>\n                    <div class=\"col-md-2 d-flex align-items-center mt-3\">\n                      <i class=\"fa fa-trash delete-icon\" (click)=\"removeContactUsOption(i, j)\"\n                        (keydown.enter)=\"removeContactUsOption(i, j)\" (keydown.space)=\"removeContactUsOption(i, j)\"\n                        ngbTooltip=\"Remove Option\" aria-hidden=\"true\"></i>\n                    </div>\n                  </div>\n                  <div class=\"text-start\">\n                    <button type=\"button\" class=\"btn btn-primary btn-sm\" (click)=\"addContactUsOption(i)\"> + Add Option </button>\n                  </div>\n                </div>\n                <!-- End options -->\n              </div>\n              <div class=\"text-start mt-3\">\n                <button type=\"button\" class=\"btn btn-primary\" (click)=\"addContactUsQuestion()\">+ Add Question</button>\n              </div>\n            </div>\n            <div formArrayName=\"hubspot\" class=\"col-12 mt-4\">\n              <h5 class=\"mb-4\">Hubspot Embeds</h5>\n              <div *ngFor=\"let hub of contactUsHubspotItems.controls; let i = index\" [formGroupName]=\"i\" class=\"row border p-3 mb-2\">\n                <pw-input-container label=\"ID\" class=\"col-md-4\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"id\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Position\" class=\"col-md-4\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"position\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Div\" class=\"col-10\">\n                  <textarea class=\"form-control\" rows=\"5\" formControlName=\"div\"\n                   [ngClass]=\"{ 'is-invalid': submitted && f['div']?.errors }\">\n                                                 </textarea>\n                </pw-input-container>\n\n                <div class=\"col-md-2 d-flex align-items-center mt-3\">\n                  <i\n                    class=\"fa fa-trash delete-icon\"\n                    (click)=\"removeHubspotItem(i)\"\n                    (keydown.enter)=\"removeHubspotItem(i)\"\n                    (keydown.space)=\"removeHubspotItem(i)\"\n                    ngbTooltip=\"Remove Hubspot Embed\"\n                    aria-hidden=\"true\">\n                  </i>\n                </div>\n              </div>\n\n              <div class=\"text-start mt-2\">\n                <button type=\"button\" class=\"btn btn-primary btn-sm\" (click)=\"addHubspotItem()\">+ Add Hubspot Embed</button>\n              </div>\n            </div>\n\n          </div>\n        </p-accordionTab>\n\n        <p-accordionTab [header]=\"'Book a Demo Section'\">\n          <div class=\"row mt-4\">\n            <div class=\"col-12\">\n              <h4 class=\"mb-3\">{{ 'Admin.DomainConfig.BookDemoLinks' | transloco }}</h4>\n              <div formGroupName=\"book_demo\">\n                <pw-input-container label=\"Title\">\n                  <input type=\"text\" formControlName=\"title\" class=\"form-control\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Description\">\n                  <input type=\"text\" formControlName=\"description\" class=\"form-control\" />\n                </pw-input-container>\n\n                <div formArrayName=\"items\">\n                  <div *ngFor=\"let link of f['book_demo'].get('items')['controls']; let i = index\" [formGroupName]=\"i\" class=\"row mb-3\">\n                    <div class=\"col-sm-5\">\n                      <pw-input-container label=\"Link Title\">\n                        <input type=\"text\" class=\"form-control\" formControlName=\"title\" />\n                      </pw-input-container>\n                    </div>\n                    <div class=\"col-sm-5\">\n                      <pw-input-container label=\"Link URL\">\n                        <input type=\"text\" class=\"form-control\" formControlName=\"url\" />\n                      </pw-input-container>\n                    </div>\n                    <div class=\"col-sm-2 d-flex align-items-center mt-3\">\n                      <i\n                      ngbTooltip=\"Remove\"\n                      (click)=\"removeBookDemoLink(i)\"\n                                          (keydown.enter)=\"removeBookDemoLink(i)\"\n                                          (keydown.space)=\"removeBookDemoLink(i)\"\n                                          class=\"fa fa-trash delete-icon\"\n                                          aria-hidden=\"true\"\n                                      ></i>\n                    </div>\n                  </div>\n                  <button type=\"button\" class=\"btn btn-primary mt-2 mb-2\" (click)=\"addBookDemoLink()\">+ Add Book Demo Link</button>\n                </div>\n              </div>\n            </div>\n          </div>\n        </p-accordionTab>\n\n\n        <p-accordionTab [header]=\"'Navbar Section'\">\n          <div class=\"row mt-3 mb-4\" formGroupName=\"navbar\">\n            <h4 class=\"mb-3\">Navbar Section</h4>\n\n            <div formArrayName=\"items\" class=\"col-12\">\n              <div *ngFor=\"let item of navbarItems.controls; let i = index\" [formGroupName]=\"i\" class=\"row mb-3\">\n\n                <pw-input-container label=\"Title\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"title\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Path\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"path\" />\n                </pw-input-container>\n\n                <div class=\"col-12\" formArrayName=\"subtitles\">\n                  <div *ngFor=\"let sub of getNavbarSubtitles(i).controls; let j = index\" [formGroupName]=\"j\" class=\"row border p-3 mb-2\">\n                    <div class=\"col-md-5\">\n                      <pw-input-container label=\"Subtitle Title\">\n                        <input type=\"text\" class=\"form-control\" formControlName=\"title\" />\n                      </pw-input-container>\n                    </div>\n                    <div class=\"col-md-5\">\n                      <pw-input-container label=\"Subtitle Path\">\n                        <input type=\"text\" class=\"form-control\" formControlName=\"path\" />\n                      </pw-input-container>\n                    </div>\n                    <div class=\"col-md-2 d-flex align-items-center mt-3\">\n                      <i class=\"fa fa-trash delete-icon\"\n                        (click)=\"removeSubtitle(i, j)\"\n                        (keydown.enter)=\"removeSubtitle(i, j)\"\n                        (keydown.space)=\"removeSubtitle(i, j)\"\n                        ngbTooltip=\"Remove Subtitle\"\n                        aria-hidden=\"true\">\n                      </i>\n                    </div>\n                  </div>\n                  <button type=\"button\" class=\"btn btn-sm btn-primary mt-2\" (click)=\"addSubtitle(i)\">\n                    + Add Subtitle\n                  </button>\n                </div>\n\n                <div class=\"col-md-12 text-end mt-2\">\n                  <i class=\"fa fa-trash delete-icon\"\n                    (click)=\"removeNavbarItem(i)\"\n                    (keydown.enter)=\"removeNavbarItem(i)\"\n                    (keydown.space)=\"removeNavbarItem(i)\"\n                    ngbTooltip=\"Remove Navbar Item\"\n                    aria-hidden=\"true\">\n                  </i>\n                </div>\n              </div>\n\n              <button type=\"button\" class=\"btn btn-primary mt-2 mb-2\" (click)=\"addNavbarItem()\">+ Add Navbar Item</button>\n            </div>\n          </div>\n        </p-accordionTab>\n\n\n        <p-accordionTab [header]=\"'Footer Links Section'\">\n          <div class=\"row mt-3 mb-4\" formGroupName=\"footer_links\">\n            <h4 class=\"mb-3\">Footer Links Section</h4>\n\n            <div formArrayName=\"items\" class=\"col-12\">\n              <div *ngFor=\"let item of footerLinksItems.controls; let i = index\" [formGroupName]=\"i\" class=\"row mb-3\">\n\n                <pw-input-container label=\"Title\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"title\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Path\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"path\" />\n                </pw-input-container>\n\n                <div class=\"col-12\" formArrayName=\"subtitles\">\n                  <div *ngFor=\"let sub of getFooterSubtitles(i).controls; let j = index\" [formGroupName]=\"j\" class=\"row border p-3 mb-2\">\n                    <div class=\"col-md-5\">\n                      <pw-input-container label=\"Subtitle Title\">\n                        <input type=\"text\" class=\"form-control\" formControlName=\"title\" />\n                      </pw-input-container>\n                    </div>\n                    <div class=\"col-md-5\">\n                      <pw-input-container label=\"Subtitle Path\">\n                        <input type=\"text\" class=\"form-control\" formControlName=\"path\" />\n                      </pw-input-container>\n                    </div>\n                    <div class=\"col-md-2 d-flex align-items-center mt-3\">\n                      <i class=\"fa fa-trash delete-icon\"\n                        (click)=\"removeFooterSubtitle(i, j)\"\n                        (keydown.enter)=\"removeFooterSubtitle(i, j)\"\n                        (keydown.space)=\"removeFooterSubtitle(i, j)\"\n                        ngbTooltip=\"Remove Subtitle\"\n                        aria-hidden=\"true\">\n                      </i>\n                    </div>\n                  </div>\n                  <button type=\"button\" class=\"btn btn-sm btn-primary mt-2\" (click)=\"addFooterSubtitle(i)\">\n                    + Add Subtitle\n                  </button>\n                </div>\n\n                <div class=\"col-md-12 text-end mt-2\">\n                  <i class=\"fa fa-trash delete-icon\"\n                    (click)=\"removeFooterLinkItem(i)\"\n                    (keydown.enter)=\"removeFooterLinkItem(i)\"\n                    (keydown.space)=\"removeFooterLinkItem(i)\"\n                    ngbTooltip=\"Remove Footer Item\"\n                    aria-hidden=\"true\">\n                  </i>\n                </div>\n              </div>\n\n              <button type=\"button\" class=\"btn btn-primary mt-2 mb-2\" (click)=\"addFooterLinkItem()\">+ Add Footer Link</button>\n            </div>\n          </div>\n        </p-accordionTab>\n\n\n\n        <p-accordionTab [header]=\"'Guides Section'\">\n          <div class=\"row mt-3 mb-4\" formGroupName=\"guides\">\n            <h4 class=\"mb-3\">Guides Section</h4>\n\n            <div formArrayName=\"items\" class=\"col-12\">\n              <div *ngFor=\"let item of guidesItems.controls; let i = index\" [formGroupName]=\"i\" class=\"row border p-3 mb-3\">\n                <pw-input-container label=\"Title\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"title\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Button Text\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"button_text\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Image URL\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"image_url\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Guide URL\" class=\"col-md-6\">\n                  <input type=\"text\" class=\"form-control\" formControlName=\"guide_url\" />\n                </pw-input-container>\n\n                <pw-input-container label=\"Description\" class=\"col-md-10\">\n                  <textarea class=\"form-control\" rows=\"5\" formControlName=\"description\"\n                   [ngClass]=\"{ 'is-invalid': submitted && f['description']?.errors }\">\n                                                 </textarea>\n                 </pw-input-container>\n\n                <div class=\"col-md-1 d-flex align-items-center mt-3\">\n                  <i\n                    class=\"fa fa-trash delete-icon\"\n                    (click)=\"removeGuideItem(i)\"\n                    (keydown.enter)=\"removeGuideItem(i)\"\n                    (keydown.space)=\"removeGuideItem(i)\"\n                    ngbTooltip=\"Remove Guide\"\n                    aria-hidden=\"true\"\n                  ></i>\n                </div>\n              </div>\n\n              <div class=\"text-start mt-2\">\n                <button type=\"button\" class=\"btn btn-primary\" (click)=\"addGuideItem()\">+ Add Guide</button>\n              </div>\n            </div>\n          </div>\n        </p-accordionTab>\n\n\n\n\n        <p-accordionTab [header]=\"'Coming soon pages - Subscribe to newsletter (TO DISCONTINUE)'\">\n          <div class=\"mb-3\">\n            <p>ComingSoon Pages will enable users to subscribe to Newsletters and are accessible at the internal paths\n              /join/cs1, /join/cs2, etc.</p>\n          </div>\n          <!-- live page link -->\n          <div class=\"text-end\" *ngIf=\"shardUrl\">\n            <span>See the live page <span class=\"tooltip-wrap ms-1\" [appendTo]=\"'body'\"\n                [pTooltip]=\"'Admin.DomainConfig.Tooltip.SeeLiveCs' | transloco\" tooltipPosition=\"top\">\n                <i class=\"fas fa-info-circle\"></i>\n              </span> : <a [href]=\"shardUrl + '/join/cs1'\" target=\"_blank\">{{ shardUrl }}/join/cs1</a></span>\n          </div>\n          <div class=\"row\">\n            <div class=\"col-12 col-sm-3\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.CsProduct' | transloco\" [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsProduct' | transloco\" name=\"cs_product_id\">\n                <p-autoComplete [suggestions]=\"productsList\" formControlName=\"cs_product_id\" dataKey=\"id\" field=\"name\"\n                  [dropdown]=\"true\" [delay]=\"1000\" (completeMethod)=\"searchProduct($event)\" styleClass=\"w-100\"\n                  placeholder=\"Search Product\" [inputStyle]=\"\n                                                form.get('cs_product_id').touched &&\n                                                form.get('cs_product_id').invalid\n                                                    ? { border: '1px solid #ff586b' }\n                                                    : { border: '1px solid gray' }\n                                            \" [multiple]=\"false\">\n                </p-autoComplete>\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 col-sm-3\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.CsCrmSourceId' | transloco\" name=\"cs_crm_source_id\"\n                [showTooltip]=\"true\" [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsCrmSourceId' | transloco\">\n                <p-dropdown [options]=\"crmSourcesList\" formControlName=\"cs_crm_source_id\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['cs_crm_source_id']?.errors }\" [placeholder]=\"'Select CRM Source'\"\n                  optionValue=\"id\" optionLabel=\"name\">\n                </p-dropdown>\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 col-sm-3\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.CsPdfSourceId' | transloco\" name=\"cs_pdf_source_id\"\n                [showTooltip]=\"true\" [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsPdfSourceId' | transloco\">\n                <p-dropdown [options]=\"crmSourcesList\" formControlName=\"cs_pdf_source_id\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['cs_pdf_source_id']?.errors }\" [placeholder]=\"'Select CRM Source'\"\n                  optionValue=\"id\" optionLabel=\"name\">\n                </p-dropdown>\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 col-sm-3\"></div>\n            <div class=\"col-12 col-sm-3\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.CsVideoUrl' | transloco\" name=\"cs_video_url\" [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsVideoUrl' | transloco\">\n                <input type=\"text\" class=\"form-control\" formControlName=\"cs_video_url\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['cs_video_url'].errors }\" />\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 col-sm-3\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.CsBookDemoUrl' | transloco\" name=\"cs_book_demo_url\"\n                [showTooltip]=\"true\" [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsBookDemoUrl' | transloco\">\n                <input type=\"text\" class=\"form-control\" formControlName=\"cs_book_demo_url\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['cs_book_demo_url'].errors }\" />\n              </pw-input-container>\n            </div>\n            <div class=\"col-12\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.CsCtaIframe' | transloco\" name=\"cs_cta_iframe\"\n                [showTooltip]=\"true\" [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsCtaIframe' | transloco\">\n                <textarea class=\"form-control\" rows=\"3\" formControlName=\"cs_cta_iframe\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['cs_cta_iframe'].errors }\">\n                                        </textarea>\n              </pw-input-container>\n            </div>\n            <div class=\"col-12\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.CsJoinMessage' | transloco\" name=\"cs_join_message\"\n                [showTooltip]=\"true\" [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsJoinMessage' | transloco\">\n                <textarea class=\"form-control\" rows=\"3\" formControlName=\"cs_join_message\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['cs_join_message'].errors }\">\n                                        </textarea>\n              </pw-input-container>\n            </div>\n            <div class=\"col-12\">\n              <pw-input-container [label]=\"'Admin.DomainConfig.CsPdfDownloadText' | transloco\" name=\"cs_pdf_download_text\"\n                [showTooltip]=\"true\" [tooltipText]=\"\n                                            'Admin.DomainConfig.Tooltip.CsPdfDownloadText' | transloco\n                                        \">\n                <textarea class=\"form-control\" rows=\"3\" formControlName=\"cs_pdf_download_text\" [ngClass]=\"{\n                                                'is-invalid': submitted && f['cs_pdf_download_text'].errors\n                                            }\">\n                                        </textarea>\n              </pw-input-container>\n            </div>\n          </div>\n          <div class=\"row\" matchHeight=\"card\">\n            <div class=\"col-md-4\">\n              <label for=\"cs_image\">{{ 'Admin.DomainConfig.CsImage' | transloco }} <span class=\"info-circle\">\n                  <span class=\"tooltiptext gradient-custom-branding\">{{ 'Admin.DomainConfig.Tooltip.CsImage' | transloco\n                    }}</span>\n                </span>\n              </label>\n              <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\" [aspectRatio]=\"'custom'\" [title]=\"'Cs Image'\"\n                [controlName]=\"'cs_image'\" [previewData]=\"data['cs_image']\">\n              </pw-custom-uploader>\n            </div>\n            <div class=\"col-md-4\">\n              <label for=\"cs_image2\">{{ 'Admin.DomainConfig.CsImage2' | transloco }} <span class=\"info-circle\">\n                  <span class=\"tooltiptext gradient-custom-branding\">{{ 'Admin.DomainConfig.Tooltip.CsImage2' | transloco\n                    }}</span>\n                </span>\n              </label>\n              <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\" [aspectRatio]=\"'custom'\" [title]=\"'Cs Image2'\"\n                [controlName]=\"'cs_image2'\" [previewData]=\"data['cs_image2']\">\n              </pw-custom-uploader>\n            </div>\n            <div class=\"col-md-4\">\n              <label for=\"cs_pdf_image\">{{ 'Admin.DomainConfig.CsPdfImage' | transloco }} <span class=\"info-circle\">\n                  <span class=\"tooltiptext gradient-custom-branding\">{{ 'Admin.DomainConfig.Tooltip.CsPdfImage' | transloco\n                    }}</span>\n                </span>\n              </label>\n              <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\" [aspectRatio]=\"'custom'\" [title]=\"'Cs Pdf Image'\"\n                [controlName]=\"'cs_pdf_image'\" [previewData]=\"data['cs_pdf_image']\">\n              </pw-custom-uploader>\n            </div>\n            <div class=\"col-md-4\">\n              <label for=\"cs_image_bg\">{{ 'Admin.DomainConfig.CsImageBg' | transloco }} <span class=\"info-circle\">\n                  <span class=\"tooltiptext gradient-custom-branding\">{{ 'Admin.DomainConfig.Tooltip.CsImageBg' | transloco\n                    }}</span>\n                </span>\n              </label>\n              <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\" [aspectRatio]=\"'custom'\" [title]=\"'Cs Pdf Image Bg'\"\n                [controlName]=\"'cs_image_bg'\" [previewData]=\"data['cs_image_bg']\">\n              </pw-custom-uploader>\n            </div>\n            <div class=\"col-md-4\">\n              <label for=\"cs_image_bg2\">{{ 'Admin.DomainConfig.CsImageBg2' | transloco }} <span class=\"info-circle\">\n                  <span class=\"tooltiptext gradient-custom-branding\">{{ 'Admin.DomainConfig.Tooltip.CsImageBg2' | transloco\n                    }}</span>\n                </span>\n              </label>\n              <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\" [aspectRatio]=\"'custom'\" [title]=\"'Cs Pdf Image Bg2'\"\n                [controlName]=\"'cs_image_bg2'\" [previewData]=\"data['cs_image_bg2']\">\n              </pw-custom-uploader>\n            </div>\n          </div>\n        </p-accordionTab>\n      </p-accordion>\n    </div>\n\n    <div class=\"col-12 text-end mt-3\">\n      <button type=\"button\"\n        class=\"btn btn-outline-default me-2\"\n        (click)=\"back()\">\n        {{ 'Button.Cancel' | transloco }}\n      </button>\n      <button type=\"submit\" [buttonBusy]=\"buttonBusy\"\n        class=\"btn btn-primary\">{{ 'Button.Submit' | transloco }}</button>\n    </div>\n  </form>\n</ng-container>\n<div *ngIf=\"!data?.host_name && !isLoading\">\n  <pw-no-data [withImage]=\"true\" [message]=\"'Admin.DomainConfig.EnableConfigTab' | transloco\"> </pw-no-data>\n</div>\n\n\n<ng-template #partnerCropper let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">Upload Partner Image</h5>\n    <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" (click)=\"modal.dismiss()\"></button>\n  </div>\n  <div class=\"modal-body\">\n    <small>You can upload JPG, PNG, or GIF files. Avoid images with celebrities, nudity, or artwork.</small>\n    <pw-image-cropper\n      aspectRatio=\"auto\"\n      (imageSelectionEvent)=\"onPartnerImageSelected($event)\"\n      (closeEvent)=\"onClosePartnerModal()\"\n    ></pw-image-cropper>\n  </div>\n</ng-template>\n" }]
         }], ctorParameters: () => [{ type: i0.Injector }, { type: i1.AdminService }, { type: i1$2.ProductService }, { type: i1$1.NgbModal }, { type: i3$2.FormBuilder }], propDecorators: { uploader: [{
                 type: ViewChildren,
                 args: [CustomUploaderComponent]