Vue.component('med-sync-cont-overview', {
	template:
		'<div>' +
			'<el-row>' +
				'<h1 style="text-align: center">Medication Synchronization Continuation: 2 Rates</h1>' +
			'</el-row>' +
			'<el-row id="med-sync-cont-description" class="scrollspy">' +
				'<h2>Description</h2>' +
			'</el-row>' +
			'<el-row>' +
				"<p>The percentage of patients enrolled in the medication synchronization program who have their chronic (and/or oral solid dosage form) medications synchronized after 6 months (after 12 months).</p>" +
				'<p>A higher rate indicates better performance.</p>' +
			'</el-row>' +
			'<el-row id="med-sync-cont-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>Multiple sources that will be different for each pharmacy, such as:</p>' +
					'<ul>' +
						"<li>Pharmacy's internal transaction data, whether automated by pharmacy software, accessed via Excel spreadsheet, or maintained otherwise in pharmacy files.</li>" +
						"<li>Claims data from the plan or switch.</li>" +
						"<li>Hospital discharge data.</li>" +
						'<li>First fill when the patient presents multiple meds that fit the "eligible patient" criteria.</li>' +
					'</ul>' +
				'</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 enrolled in the medication synchronization program on the first day of the measure period.</p>" +
				'</el-col>' +
			'</el-row>' +
			'<el-row>' +
				'<el-col :span="6">' +
					'<p><b>Exclusions</b></p>' +
				'</el-col>' +
				'<el-col :span="18">' +
					'<p>Individuals who have died, transferred to another pharmacy, are only taking one medication, or whose hospitalization has prevented medication synchronization from occurring at regular times.</p>' +
				'</el-col>' +
			'</el-row>' +
			'<el-row>' +
				'<el-col :span="6">' +
					'<p><b>Numerator</b></p>' +
				'</el-col>' +
				'<el-col :span="18">' +
					'<ol>' +
						'<li>Individuals who were enrolled in the medication synchronization program on the first day of the measure period who continue to have their chronic medications synchronized after 6 months.</li>' +
						'<li>Individuals who were enrolled in the medication synchronization program on the first day of the measure period who continue to have their chronic medications synchronized after 12 months.</li>' +
					'</ol>' +
				'</el-col>' +
			'</el-row>' +
		'</div>'
});

Vue.component('med-sync-cont-ref-1', {
  template: 
    '<el-popover placement="top-start" width="400" trigger="hover">' +
      '<span>Dechanont S, Maphanta S, Butthum B, et al. Hospital admissions/visits associated with drug-drug interactions: a systematic review and meta-analysis. Pharmacoepidemiol Drug Saf. 2014; 23(5):489-97. PMID: <a href="https://www.ncbi.nlm.nih.gov/pubmed/24616171" target="_blank">24616171</a>.</span>' +
      '<sup slot="reference">1</sup>' +
    '</el-popover>'
});

Vue.component('med-sync-cont-rationale', {
	template: 
		'<div>' +
			'<el-row id="med-sync-cont-rationale" class="scrollspy">' +
				'<h2>Rationale</h2>' +
			'</el-row>' +
			'<el-row>' +
				"<p>Medication synchronization allows the alignment of refill dates for all of a patient's chronic medications to a single date. This process serves as a built-in refill reminder and allows the consolidation of all the patient's medications to drive the efficient use of dose reminder packaging, if applicable. Medication synchronization also allows a pharmacy to adopt an appointment-based model to schedule patient care services around the pick-up or delivery date. A recent study of a community pharmacy-based medication synchronization program showed an additional 84 days of therapy, raising percent of days covered from the low 60-percentile to the mid 80-percentile range.</p>" +
				"<p>To maximize medication adherence and have the greatest impact on relevant quality measures, providers should seek the most effective and efficient tactics for determining eligibility criteria, engaging eligible patients, enrollment and syncing. Since the goal of a QII is to help organizations continually improve performance internally, providers should accurately measure the effectiveness of each tool or tactic or combination of tools and tactics and quickly adopt the most effective ones.</p>" +
				'<p>This QII enables the pharmacy to see how effectively they are engaging their target population in the medication synchronization program.</p>' +
			'</el-row>' +
		'</div>'
});

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