Vue.component('med-sync-contact-rate-overview', {
	template:
		'<div>' +
			'<el-row>' +
				'<h1 style="text-align: center">Medication Synchronization: Patient Contact Rate</h1>' +
			'</el-row>' +
			'<el-row id="med-sync-contact-rate-description" class="scrollspy">' +
				'<h2>Description</h2>' +
			'</el-row>' +
			'<el-row>' +
				"<p>The percentage of patients or their caregivers participating in the medication synchronization program who are scheduled for contact and who are contacted prior to the patient's appointment date (usually five to seven days prior).</p>" +
				'<p>A higher rate indicates better performance.</p>' +
			'</el-row>' +
			'<el-row id="med-sync-contact-rate-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, 18 years or older, or their caregivers in the medication synchronization program scheduled for contact by the pharmacy during the 90-day evaluation 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">' +
					'<p>Individuals or their caregivers in the denominator contacted during the 90-day evaluation period.</p>' +
				'</el-col>' +
			'</el-row>' +
		'</div>'
});

Vue.component('med-sync-contact-rate-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-contact-rate-rationale', {
	template: 
		'<div>' +
			'<el-row id="med-sync-contact-rate-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-contact-rate', {
	template:
		'<div id="med-sync-contact-rate" class="search-filter inview">' +
			'<med-sync-contact-rate-overview></med-sync-contact-rate-overview>' +
            '<med-sync-contact-rate-rationale v-if="rationale"></med-sync-contact-rate-rationale>' +
			/*'<med-sync-contact-rate-faqs v-if="faqs"></med-sync-contact-rate-faqs>' +*/
			'<br><br><br><br>' +
		'</div>',
	props: {
		rationale: {
			default: false
		},
		faqs: {
			default: false
		}
	}
});