Vue.component('pst-ins-overview', {
	template:
		'<div>' +
			'<el-row>' +
				'<h1 style="text-align: center">Persistence to Basal Insulin (PST-INS)</h1>' +
			'</el-row>' +
			'<el-row id="pst-ins-description" class="scrollspy">' +
				'<h2>Description</h2>' +
			'</el-row>' +
			'<el-row>' +
				'<p>The percentage of individuals &ge;18 years of age who were treatment persistent to basal insulin during the measurement year.</p>' +
				'<p>A higher rate indicates better performance.</p>' +
			'</el-row>' +
			'<el-row id="pst-ins-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>Medical and 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;1 prescription claims for basal insulin 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">' +
					'<ul>' +
						'<li>Gestational Diabetes</li>' +
						"<li>Hospice</li>" +
						"<li>End-Stage Renal Disease (ESRD)</li>" +
						"<li>&ge;1 prescription claim for mixed insulin</li>" +
						"<li>&ge;1 prescription claim for regular insulin (U-500)</li>" +
					'</ul>' +
				'</el-col>' +
			'</el-row>' +
			'<el-row>' +
				'<el-col :span="6">' +
					'<p><b>Numerator</b></p>' +
				'</el-col>' +
				'<el-col :span="18">' +
					'<p>The number of individuals with continued use of basal insulin throughout the treatment period (individuals with all refills for basal insulin occurring on or prior to the expected refill date).</p>' +
				'</el-col>' +
			'</el-row>' +
		'</div>'
});

Vue.component('pst-ins-ref-1', {
  template: 
    '<el-popover placement="top-start" width="400" trigger="hover">' +
      '<span></span>' +
      '<sup slot="reference">1</sup>' +
    '</el-popover>'
});

Vue.component('pst-ins-rationale', {
	template: 
		'<div>' +
			'<el-row id="pst-ins-rationale" class="scrollspy">' +
				'<h2>Rationale</h2>' +
			'</el-row>' +
			'<el-row>' +
               "<p></p>" +
			'</el-row>' +
		'</div>'
});

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