{@Context::addMetaTag('viewport', 'width=device-width', FALSE);}
<load target="css/view_component.css" />
<div class="x_modal-header">
	<h1>{$component->title}</h1>
</div>
<div class="x_modal-body">
	<div>
		<h2>{$lang->component_author}</h2>
		<ul>
			<li loop="$component->author => $author">
				{$author->name} <!--@if($author->homepage || $author->email_address)-->(<!--@if($author->homepage)--><a href="{$author->homepage}" target="_blank">{$author->homepage}</a><!--@end--><!--@if($author->homepage && $author->email_address)-->, <!--@end--><!--@if($author->email_address)--><a href="mailto:{$author->email_address}">{$author->email_address}</a><!--@end-->)<!--@end-->
			</li>
		</ul>
	</div>
	<div cond="$component->homepage">
		<h2>{$lang->homepage}</h2>
		<p><a href="{$component->homepage}" target="_blank">{$component->homepage}</a></p>
	</div>
	<div>
		<h2>{$lang->component_version}</h2>
		<p>{$component->version}</p>
	</div>
	<div>
		<h2>{$lang->regdate}</h2>
		<p><time datetime="{date('c', strtotime($component->date))}">{zdate(str_replace('-',"",$component->date), 'Y-m-d')}</time></p>
	</div>
	<div cond="$component->license || $component->license_link">
		<h2>{$lang->component_license}</h2>
		<p>
			{nl2br(trim($component->license))}
			<a href="{$component->license_link}" cond="$component->license_link" target="_blank">{$component->license_link}</a>
		</p>
	</div>
	<div cond="$component->description">
		<h2>{$lang->component_description}</h2>
		<p>{nl2br(trim($component->description))}</p>
	</div>
</div>