Vue.component('pdc-bb-overview', {
	template:
		'<div>' +
			'<el-row>' +
				'<h1 style="text-align: center">Proportion of Days Covered: Beta-Blockers (PDC-BB)</h1>' +
			'</el-row>' +
			'<el-row id="pdc-bb-description" class="scrollspy">' +
				'<h2>Description</h2>' +
			'</el-row>' +
			'<el-row>' +
				'<p>The percentage of individuals 18 years and older who met the Proportion of Days Covered (PDC) threshold of 80 percent for beta-blockers during the measurement year.</p>' +
				'<p>A higher rate indicates better performance.</p>' +
			'</el-row>' +
			'<el-row id="pdc-bb-add-info" class="scrollspy">' +
				'<h2>Additional Information</h2>' +
			'</el-row>' +
			'<el-row>' +
				'<el-col :span="6">' +
					'<p><b>Intended Use</b></p>' +
				'</el-col>' +
				'<el-col :span="18">' +
					'<p>Performance measurement for health plans.</p>' +
				'</el-col>' +
			'</el-row>' +
			'<el-row>' +
				'<el-col :span="6">' +
					'<p><b>Data Sources</b></p>' +
				'</el-col>' +
				'<el-col :span="18">' +
					'<p>Prescription claims data.</p>' +
				'</el-col>' +
			'</el-row>' +
			'<el-row>' +
				'<el-col :span="6">' +
					'<p><b>Denominator</b></p>' +
				'</el-col>' +
				'<el-col :span="18">' +
					'<p>Individuals 18 years and older who filled &ge;2 prescriptions for any beta-blocker or beta-blocker combination product on different dates of service in the treatment period.</p>' +
				'</el-col>' +
			'</el-row>' +
			'<el-row>' +
				'<el-col :span="6">' +
					'<p><b>Exclusions</b></p>' +
				'</el-col>' +
				'<el-col :span="18">' +
					'<p>Hospice.</p>' +
				'</el-col>' +
			'</el-row>' +
			'<el-row>' +
				'<el-col :span="6">' +
					'<p><b>Numerator</b></p>' +
				'</el-col>' +
				'<el-col :span="18">' +
					'<p>Individuals who met the PDC threshold of 80% during the measurement year.</p>' +
				'</el-col>' +
			'</el-row>' +
		'</div>'
});

Vue.component('pdc-bb-ref-1', {
  template: 
    '<el-popover placement="top-start" width="400" trigger="hover">' +
      '<span>Chowdhury R, Khan H, Heydon E, et al. Adherence to cardiovascular therapy: a meta-analysis of prevalence and clinical consequences. Eur Heart J. 2013;34(38):2940-8. PMID: <a href="https://www.ncbi.nlm.nih.gov/pubmed/23907142" target="_blank">23907142</a>.</span>' +
      '<sup slot="reference">1</sup>' +
    '</el-popover>'
});

Vue.component('pdc-bb-ref-2', {
  template: 
    '<el-popover placement="top-start" width="400" trigger="hover">' +
      '<span>Roebuck MC, Liberman JN, Gemmill-Toyama M, Brennan TA. Medication adherence leads to lower health care use and costs despite increased drug spending. Health Aff. 2011;30(1):91-9. PMID: <a href="https://www.ncbi.nlm.nih.gov/pubmed/21209444" target="_blank">21209444</a>.</span>' +
      '<sup slot="reference">2</sup>' +
    '</el-popover>'
});

Vue.component('pdc-bb-ref-3', {
  template: 
    '<el-popover placement="top-start" width="400" trigger="hover">' +
      '<span>Roebuck MC, Kaestner RJ, Dougherty JS. Impact of Medication Adherence on Health Services Utilization in Medicaid. Med Care. 2018;56(3):266-273. PMID: <a href="https://www.ncbi.nlm.nih.gov/pubmed/29309392" target="_blank">29309392</a>.</span>' +
      '<sup slot="reference">3</sup>' +
    '</el-popover>'
});

Vue.component('pdc-bb-rationale', {
	template: 
		'<div>' +
			'<el-row id="pdc-bb-rationale" class="scrollspy">' +
				'<h2>Rationale</h2>' +
			'</el-row>' +
			'<el-row>' +
               '<p>Adherence to beta-blocker medication is important for chronic treatment of heart failure, hypertension, myocardial infarction, heart arrhythmias and other chronic conditions. Beta-blockers are considered essential medications for patients with heart failure. Use of beta-blockers is linked to the avoidance of hospitalization and decreased mortality.</p>' +
				'<p>Medications are the primary therapy for the most common diseases afflicting persons in the United States. There is evidence to support improvements in health for patients who are adherent to medications. For patients who have had a myocardial infarction, those who achieved adherence to statins, beta-blockers and angiotensin converting enzyme/angiotensin receptor blockers (ACE/ARBs), measured by PDC ≥80%, had significantly better disease-free survival.<pdc-bb-ref-1></pdc-bb-ref-1></p>' +
				'<p>Although improved medication adherence (measured by PDC ≥80%), in people with congestive heart failure, hypertension, diabetes, and dyslipidemia increases pharmacy costs, it has been shown to produce substantial medical savings as a result of reductions in hospitalization and emergency department use.<pdc-bb-ref-2></pdc-bb-ref-2> Additional research has shown that adherence (measured by PDC ≥80%) was associated with fewer hospitalizations and fewer emergency department visits among those with congestive heart failure, hypertension, diabetes, and schizophrenia/bipolar. Adherence was also associated with fewer outpatient physician/clinic visits.<pdc-bb-ref-3></pdc-bb-ref-3></p>' +
			'</el-row>' +
		'</div>'
});

Vue.component('pdc-bb', {
	template:
		'<div id="pdc-bb" class="search-filter inview">' +
			'<pdc-bb-overview></pdc-bb-overview>' +
            '<pdc-bb-rationale v-if="rationale"></pdc-bb-rationale>' +
			/*'<pdc-bb-faqs v-if="faqs"></pdc-bb-faqs>' +*/
			'<br><br><br><br>' +
		'</div>',
	props: {
		rationale: {
			default: false
		},
		faqs: {
			default: false
		}
	}
});