Vue.component('mtm-post-dischrg-overview', {
	template:
		'<div>' +
			'<el-row>' +
				'<h1 style="text-align: center">Provision of MTM Services Post Hospital Discharge</h1>' +
			'</el-row>' +
			'<el-row id="mtm-post-dischrg-description" class="scrollspy">' +
				'<h2>Description</h2>' +
			'</el-row>' +
			'<el-row>' +
				'<p>The percentage of high-risk patients that have been discharged from the hospital and that receive MTM from a pharmacist within seven days.</p>' +
				'<p>A higher rate indicates better performance.</p>' +
			'</el-row>' +
			'<el-row id="mtm-post-dischrg-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>Quality improvement indicator 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 who are considered high-risk (with disease states where pharmacists have high impact such as COPD, CHF, AMI, etc.), that are discharged from the hospital.</p>' +
				'</el-col>' +
			'</el-row>' +
			'<el-row>' +
				'<el-col :span="6">' +
					'<p><b>Exclusions</b></p>' +
				'</el-col>' +
				'<el-col :span="18">' +
					'<p>Individuals discharged to hospice, acute rehabilitation, or skilled nursing facilities.</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 receive MTM services within 7 days from a pharmacist.</p>' +
				'</el-col>' +
			'</el-row>' +
		'</div>'
});

Vue.component('mtm-post-dischrg-rationale', {
	template: 
		'<div>' +
			'<el-row id="mtm-post-dischrg-rationale" class="scrollspy">' +
				'<h2>Rationale</h2>' +
			'</el-row>' +
			'<el-row>' +
				"<ul>" +
					"<li>The number of people treated in hospitals for illnesses and injuries related to medication use increased 52 percent between 2004 and 2008 (to 1.9 million).</li>" +
					"<li>One in five patients discharged from hospitals suffers an adverse event, 72% of which are related to medication use.</li>" +
					"<li>In 2007, 76% of Medicare re-hospitalizations were potentially preventable, meaning $13 billion of the $15 billion dollars in readmission costs may be unnecessary and preventable.</li>" +
					"<li>The highest frequency of hospital readmissions occurs on day two post-discharge, with the highest volume of readmissions occurring within seven days of discharge.</li>" +
					"<li>Despite the lack of a standardized length of follow-up for comprehensive medication reviews, the most relevant studies all use 30 days post-discharge as the standard follow-up period.</li>" +
				"</ul>" +
			'</el-row>' +
		'</div>'
});

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