@{{ medication.generic_name }}

@{{ medication.type }} • @{{ medication.medicationClass.name }}

Primary Uses

Condition: @{{ use.condition.name }}

Category: @{{ use.condition.categories[0]?.name }}

Primary Treatment:

@{{ use.primary_treatment }}

How It Works:

@{{ use.mechanism_of_action }}

Off-Label Uses

Condition: @{{ use.condition.name }}

Category: @{{ use.condition.categories[0]?.name }}

Off-Label Treatment:

@{{ use.primary_treatment }}

How It Works:

@{{ use.mechanism_of_action }}

Available Forms

Brand: @{{ variant.brand_name }}

Strength: @{{ variant.strength }}

Form: @{{ variant.dosage_form }}

Route: @{{ variant.route_of_administration }}

Prescription Required Controlled Substance Breastfeeding Safe Pregnancy Category: @{{ medication.pregnancy_category }}

No more medications to load

No medications found matching your filters

function setupInfiniteScroll() { const observer = new IntersectionObserver( (entries) => { if (entries[0].isIntersecting && !data.loading && data.hasMore) { loadMoreMedications(); } }, { threshold: 0.5 } ); const target = document.querySelector('[ref="observerTarget"]'); if (target) observer.observe(target); return () => observer.disconnect(); } function loadMoreMedications() { if (data.loading || !data.hasMore) return; data.loading = true; $splade.request( url: '/api/medications', method: 'get', params: { page: data.page, search: $parent.filters?.search || '', category: $parent.filters?.category || '' } }).then(response => { const { data: newData, current_page, last_page } = response.data; data.medications = [...data.medications, ...newData]; data.hasMore = current_page < last_page; data.page++; }).catch(error => { console.error('Error loading medications:', error); }).finally(() => { data.loading = false; }); } function openDrawer(id) { document.getElementById(`my-drawer-${id}`).checked = true; } setupInfiniteScroll(); loadMoreMedications(); $splade.on('filter-updated', (filterData) => { data.page = 1; data.medications = []; data.hasMore = true; if (filterData.name) { $parent.filters.search = filterData.name; } if (filterData.selectedCategories?.length > 0) { $parent.filters.category = filterData.selectedCategories.join(','); } else { $parent.filters.category = ''; } loadMoreMedications(); });