Vue.component('pdc-ccb-overview', {
	template:
		'<div>' +
			'<el-row>' +
				'<h1 style="text-align: center">Proportion of Days Covered: Calcium Channel Blockers (PDC-CCB)</h1>' +
			'</el-row>' +
			'<el-row id="pdc-ccb-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 calcium channel blockers during the measurement year.</p>' +
				'<p>A higher rate indicates better performance.</p>' +
			'</el-row>' +
			'<el-row id="pdc-ccb-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 calcium channel blocker or calcium channel 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-ccb', {
	template:
		'<div id="pdc-ccb" class="search-filter inview">' +
			'<pdc-ccb-overview></pdc-ccb-overview>' +
            /*'<pdc-ccb-rationale v-if="rationale"></pdc-ccb-rationale>' +
			'<pdc-ccb-faqs v-if="faqs"></pdc-ccb-faqs>' +*/
			'<br><br><br><br>' +
		'</div>',
	props: {
		rationale: {
			default: false
		},
		faqs: {
			default: false
		}
	}
});