Vue.component('ddi-overview', {
	template:
		'<div>' +
			'<el-row>' +
				'<h1 style="text-align: center">Drug-Drug Interactions (DDI)</h1>' +
			'</el-row>' +
			'<el-row id="ddi-description" class="scrollspy">' +
				'<h2>Description</h2>' +
			'</el-row>' +
			'<el-row>' +
				'<p>The percentage of individuals who received a prescription for a target medication during the measurement year and who were dispensed a concurrent prescription for a precipitant medication.</p>' +
				'<p>A lower rate indicates better performance.</p>' +
			'</el-row>' +
			'<el-row id="ddi-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 with a prescription claim for a target medication during the measurement year.</p>' +
				'</el-col>' +
			'</el-row>' +
			'<el-row>' +
				'<el-col :span="6">' +
					'<p><b>Exclusions</b></p>' +
				'</el-col>' +
				'<el-col :span="18">' +
					'<p>None.</p>' +
				'</el-col>' +
			'</el-row>' +
			'<el-row>' +
				'<el-col :span="6">' +
					'<p><b>Numerator</b></p>' +
				'</el-col>' +
				'<el-col :span="18">' +
					'<p>Individuals in the denominator who were dispensed a concurrent precipitant medication during the measurement period.</p>' +
				'</el-col>' +
			'</el-row>' +
		'</div>'
});

Vue.component('ddi-ref-1', {
  template: 
    '<el-popover placement="top-start" width="400" trigger="hover">' +
      '<span>Aspden P, Wolcott JA, Bootman L, et al; Committee on Identifying and Preventing Medication Errors Board on Health Care Services. Preventing medication errors. Washington, DC: National Academies Press; 2007.</span>' +
      '<sup slot="reference">1</sup>' +
    '</el-popover>'
});

Vue.component('ddi-ref-2', {
  template: 
    '<el-popover placement="top-start" width="400" trigger="hover">' +
      '<span>Dechanont S, Maphanta S, Butthum B, et al. Hospital admissions/visits associated with drug-drug interactions: a systematic review and meta-analysis. Pharmacoepidemiol Drug Saf. 2014; 23(5):489-97. PMID: <a href="https://www.ncbi.nlm.nih.gov/pubmed/24616171" target="_blank">24616171</a>.</span>' +
      '<sup slot="reference">2</sup>' +
    '</el-popover>'
});

Vue.component('ddi-ref-3', {
  template: 
    '<el-popover placement="top-start" width="400" trigger="hover">' +
      '<span>Ernst FR, Grizzle AJ. Drug-related morbidity and mortality: updating the cost-of-illness model. J Am Pharm Assoc (Wash). 2001; 41(2):192-9. PMID: <a href="https://www.ncbi.nlm.nih.gov/pubmed/11297331" target="_blank">11297331</a>.</span>' +
      '<sup slot="reference">3</sup>' +
    '</el-popover>'
});

Vue.component('ddi-ref-4', {
  template: 
    '<el-popover placement="top-start" width="400" trigger="hover">' +
      '<span>Magro L, Moretti U, Leone R. Epidemiology and characteristics of adverse drug reactions caused by drug-drug interactions. Expert Opin Drug Saf. 2012; 11(1):83-94. PMID: <a href="https://www.ncbi.nlm.nih.gov/pubmed/22022824" target="_blank">22022824</a>.</span>' +
      '<sup slot="reference">4</sup>' +
    '</el-popover>'
});

Vue.component('ddi-ref-5', {
  template: 
    '<el-popover placement="top-start" width="400" trigger="hover">' +
      '<span>Preskorn SH. How drug-drug interactions can impact managed care. Am J Manag Care. 2004; 10(6 Suppl):S186-98. PMID: <a href="https://www.ncbi.nlm.nih.gov/pubmed/15354676" target="_blank">15354676</a>.</span>' +
      '<sup slot="reference">5</sup>' +
    '</el-popover>'
});

Vue.component('ddi-ref-6', {
  template: 
    '<el-popover placement="top-start" width="400" trigger="hover">' +
      '<span>Kaiser Family Foundation. Health costs & budgets indicators: prescription drugs [Internet]. [cited 2015 Sep 10]. Available from: <a href="http://kff.org/state-category/health-costs-budgets/prescription-drugs/" target="_blank">http://kff.org/state-category/health-costs-budgets/prescription-drugs/</a>.</span>' +
      '<sup slot="reference">6</sup>' +
    '</el-popover>'
});

Vue.component('ddi-rationale', {
	template: 
		'<div>' +
			'<el-row id="ddi-rationale" class="scrollspy">' +
				'<h2>Rationale</h2>' +
			'</el-row>' +
			'<el-row>' +
				"<p>Exposure to drug-drug interactions (DDIs) is a significant cause of preventable drug-related harm.<ddi-ref-1></ddi-ref-1> Although the consequences of DDIs can range from no untoward effects to life-threatening outcomes, studies indicate that DDIs are associated with significant morbidity and mortality and increased healthcare utilization and costs.<ddi-ref-2></ddi-ref-2><sup>,</sup><ddi-ref-3></ddi-ref-3><sup>,</sup><ddi-ref-4></ddi-ref-4> Furthermore, DDIs have also been found to be an important factor leading to hospital admissions.<ddi-ref-2></ddi-ref-2> These findings are unfortunate given that DDIs are often avoidable, and the actual prevalence of exposure and harm from DDIs is likely underestimated.</p>" +
				"<p>The safety concern posed by DDIs will continue to grow in importance as the complexity and uniqueness of medication regimens increases with the aging population.<ddi-ref-5></ddi-ref-5> In 2014, the average number of prescriptions filled per person in the United States was 12.7, with an average of 27.9 prescriptions filled by individuals 65 years and older.<ddi-ref-6></ddi-ref-6> This degree of medication use elevates the number of potential drug-related problems, including potentially serious DDIs.</p>" +
				'<p>This measure was designed for monitoring and improving quality of care across populations of patients in health plans, pharmacy benefit managers, and pharmacy systems. DDIs included in this measure are drug pairs for which serious adverse effects have been reported or may be expected based on known pharmacology of the drugs involved. Therefore, co-prescription of the selected drug pairs has an unfavorable balance of benefits and harms for many, if not most, individuals, particularly in light of available pharmacologic and nonpharmacologic alternatives. In some cases, the drug pairs are almost always a poor choice. However, there are individuals in whom combined use of these medications may be appropriate. Thus, the drug pairs are a potential serious safety concern (i.e., potentially inappropriate) and merit special scrutiny, but are not universally unsafe or inappropriate in all patients. Furthermore, this should be considered a subset, not a comprehensive list, of DDIs that are a potential serious safety concern.</p>' +
			'</el-row>' +
		'</div>'
});

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