Vue.component('hrm-overview', {
	template:
		'<div>' +
			'<el-row>' +
				'<h1 style="text-align: center; ">Use of High-Risk Medications in the Elderly (HRM)</h1>' +
			'</el-row>' +
			'<el-row id="hrm-description" class="scrollspy">' +
				'<h2>Description</h2>' +
			'</el-row>' +
			'<el-row>' +
				'<p>The percentage of individuals &ge;65 years of age who received &ge;2 prescription claims for a high-risk medication during the measurement year.</p>' +
				'<p>A lower rate indicates better performance.</p>' +
			'</el-row>' +
			'<el-row id="hrm-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 aged 65 years and older as of the first day of 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>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 from the denominator with 2 or more prescription claims on different dates of service for the same high-risk medication during the measurement year.</p>' +
				'</el-col>' +
			'</el-row>' +
		'</div>'
});

Vue.component('hrm-faqs', {
	template: 
		'<div>' +
			'<el-row id="hrm-faqs" class="scrollspy">' +
				'<h2>FAQs</h2>' +
			'</el-row>' +
			'<el-row>' +
				'<el-collapse v-model="active">' +
					'<el-collapse-item name="1">' +
						'<template slot="title"><span style="font-size: 15px; text-decoration: underline;">Has the measure been since the release of the 2019 AGS Beers Criteria?</span></template>' +
						'<div style="font-size: 15px;">' +
							"<p>PQA's Measure Update Panel (MUP) completed a review of the HRM measure in February of 2019. They voted to recommend several potential changes based on the recently published 2019 AGS Beers Criteria. In April, the Quality Metrics Expert Panel (QMEP) reviewed the MUP's recommendations and voted to approve the proposed changes. These changes to the specifications and NDC lists will not be available until the release of the 2020 PQA measure specifications in February of 2020 at the earliest (for measurement year 2019).</p>" +
						'</div>' +
					'</el-collapse-item>' +
					'<el-collapse-item name="2">' +
						'<template slot="title"><span style="font-size: 15px; text-decoration: underline; height: 48px; line-height: 20px;">Why does the HRM measure include non-benzodiazepines included but not benzodiazepines although they are both in the Beers list?</span></template>' +
						'<div style="font-size: 15px;">' +
							'<p>To translate the Beers Criteria recommendations for use in this quality measure, PQA uses the following guiding principles to determine which medication classes are included:</p>' +
							'<ul>' +
							  '<li>Include only medications listed in Table 2: 2015 AGS Beers Criteria for Potentially Inappropriate Medication Use in Older Adults.</li>' +
							  '<li>Include only prescription medications.</li>' +
							  '<li>Include only medications where the AGS Recommendation indicates "avoid" and the AGS Rationale does not include "avoid for" caveats that cannot be identified from prescription drug claims data.</li>' +
							  '<li>Include medications with caveats only if they can be measured efficiently and reliably from prescription drug claims data.</li>' +
							  '<li>If including a medication in the measure would likely result in the increased use of another potentially harmful medication that is not included in the measure, an exception to these guiding principles may be warranted to reduce this unintended consequence.</li>' +
							'</ul>' +
							'<p>Since the benzodiazepines have caveats (may be appropriate for seizure disorders, rapid eye movement sleep disorders, benzodiazepine withdrawal, ethanol withdrawal, severe generalized anxiety disorder, and periprocedural anesthesia), they are not included in the measure.</p>' +
						'</div>' +
					'</el-collapse-item>' +
				'</el-collapse>' +
			'</el-row>' +
		'</div>',
	data: function() {
		return {
			active: active
		}
	}
});

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