{exp:onramp:courses segment="{offerings_sc_courses}" zip="49424" month_limit="6" base_url="{global:onramp_url}"}
{if course_count == "1"}
	<div class="offering-class-module js-scroll-offset">
		<ul class="class-module-nav">
			{months}
			<li data-month="{month_name}"><a href="#">{month_name}</a></li>
			{/months}
		</ul>

		<div class="class-module">
			<ul class="class-module-list">
{/if}
				<li data-month="{month_name}">
					<h3 class="module-class-title">Segment {if get:segment}{get:segment}{if:else}{offerings_sc_courses}{/if}</h3>
					<div class="module-class-desc">{begin_at format="%M %d"} - {end_at format="%M %d"} at {location:name}</div>
					<a href="{register_link}" class="module-class-btn">Register</a>
					<a href="#" class="module-class-moreinfo js-moreinfo course-time" id="course_{id}_show_link">More info</a>

					{if comment}
					<p class="module-class-alert">{comment}</p>
					{/if}

					<div id="course_{id}_times" class="moreinfo">
						<!-- START course dates -->
						<h2 class="moreinfo-title">Classroom Schedule</h2>
						<ul class="moreinfo-schedule">
							{meetings}
							<li class="stripe">
								<span class="date">{meeting_begin_at format="%M %d"}</span>
								{meeting_begin_at format="%g:%i %A"}
							</li>
							{/meetings}
						</ul>

						{if amount != "$0"}
						<p class="moreinfo-amount">{amount}
						{if offerings_sc_courses == "1"}
							<span class="deposit">({discount_amount} deposit)</span>
						{if:else}
							{if amount != discount_amount && discount_amount != "$0"}
							<span class="deposit">({discount_amount} for returning students)</span>
							{/if}
						{/if}
						</p>
						{/if}

						<div class="moreinfo-location vcard">
							<h3 class="org">{location:name}</h3>
							<span class="adr">
								<span class="street-address">{location:street}</span><br>
								<span class="locality">{location:city}</span>, 
								<span class="region">{location:state}</span>
								<span class="postal-code">{location:zip}</span>
							</span>
							{if location:phone}<span class="tel">Phone: {location:phone}</span>{/if}
							{if location:fax}<span class="fax">Fax: {location:fax}</span>{/if}
						</div>
					</div>
				</li>
{if course_count == total_courses}
			</ul>
		</div>
	</div>
{/if}
{/exp:onramp:courses}