{% extends "base.template.html" %}

{% block content %}
<a href='https://github.com/{$ git.info.owner $}/{$ git.info.repo $}/tree/{$ git.version.isSnapshot and 'master' or git.version.raw $}/{$ doc.fileInfo.projectRelativePath $}#L{$ doc.startingLine $}' class='view-source pull-right uk-button uk-button-primary'>
  <i class="glyphicon glyphicon-zoom-in">&nbsp;</i>View Source
</a>

{% block header %}
<div class="uk-block uk-block-primary uk-contrast ngdocs-header-block">
  <div class="uk-container">
    <h1 class="ngdocs-header-block-heading">{$ doc.name $}</h1>
    <header class="api-profile-header">
      <ol class="uk-list">
        {% block related_components %}{% endblock %}
        <li>
          {$ doc.docType $} in module <a href="{$ doc.moduleDoc.path $}">{$ doc.moduleDoc.name $}</a>
        </li>
      </ol>
    </header>
    <p>
    {$ doc.briefdesc | marked $}
    </p>
  </div>
</div>
{% endblock %}

{% block description %}
<p class="api-profile-description">
  {$ doc.description | marked $}
</p>
{% endblock %}

{% if doc.deprecated %}
<fieldset class="deprecated">
  <legend>Deprecated API</legend>
  {$ doc.deprecated| marked $}
</fieldset>
{% endif %}
<div>
  {% block dependencies %}
  {%- if doc.requires %}
  <h2 id="dependencies">Dependencies</h2>
  <ul class="uk-list uk-list-striped dependencies">
    {% for require in doc.requires %}<li class="uk-text-primary">{$ require | link $} - {$ require | briefdesc $}</li>{% endfor %}
  </ul>
  {% endif -%}
  {% endblock %}

  {% block additional %}
  {% endblock %}

  {% block examples %}
  {%- if doc.examples %}
  
  <h2 id="example">Example</h2>
  {%- for example in doc.examples -%}
    {$ example | marked $}
  {%- endfor -%}
  {% endif -%}
  {% endblock %}
</div>



{% endblock %}