Vue.component('pdc-ms-overview', {
	template:
		'<div>' +
			'<el-row>' +
				'<h1 style="text-align: center">Adherence to Non-Infused Disease-Modifying Agents Used to Treat Multiple Sclerosis (PDC-MS)</h1>' +
			'</el-row>' +
			'<el-row id="pdc-ms-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% during the measurement year for disease-modifying agents used to treat multiple sclerosis (MS).</p>' +
				'<p>A higher rate indicates better performance.</p>' +
			'</el-row>' +
			'<el-row id="pdc-ms-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 &ge;2 prescription claims for non-infused disease modifying agents used to treat MS on different dates during the treatment period and who received &ge;56 cumulative days' supply of the medication during 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>Use of infused Disease Modifying Agents for MS.</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-ms', {
	template:
		'<div id="pdc-ms" class="search-filter inview">' +
			'<pdc-ms-overview></pdc-ms-overview>' +
            /*'<pdc-ms-rationale v-if="rationale"></pdc-ms-rationale>' +
			'<pdc-ms-faqs v-if="faqs"></pdc-ms-faqs>' +*/
			'<br><br><br><br>' +
		'</div>',

	props: {
		rationale: {
			default: false
		},
		faqs: {
			default: false
		}
	}
});