{% include '@p1tm/advanced/modals/edit-keyword.twig' %}
{% include '@p1tm/advanced/modals/delete-keyword.twig' %}
{% include '@p1tm/advanced/modals/edit-keyword-nav.twig' %}
{% include '@p1tm/advanced/modals/add-keyword.twig' %}
{% include '@p1tm/advanced/modals/error.twig' %}
{% include '@dashnex/modal/support.twig' %}

<header class="dashnex-frame-header">
	<h2 class="pull-left">Site Manager</h2>
	
	<div class="dashnex-frame-actions">
		<button class="btn btn-info dashnex-frame-popover-btn">Help!</button>
	</div>
	
	<div class="clearfix"></div>
</header>

<div class="dashnex-frame-popover">
	<div class="dashnex-frame-popover-arrow"></div>
	<h3 class="dashnex-frame-popover-title">Help!</h3>
	<div class="dashnex-frame-popover-content">
		<p><a href="http://www.dashnex.com" target="_blank">Take me to the membership site.</a></p>
		<p><a id="show-support-modal-btn" href="#">I need to email support.</a></p>
	</div>
</div>

<div class="dashnex-frame-container">
	<div class="p1-wrapper">
		<div class="p1-primaryContainer">
			<div class="p1-item">
				<span id="p1tm-primary-keyword">{{ site.GetPrimaryKeyword() }}</span>
				<div class="p1-icons">
                    {% if site.GetHomepageUri() %}
                        <a class="p1-icon p1tm-view glyphicon glyphicon-play-circle"
                           href="{{ site.GetHomepageUri() }}"
                           target="_blank"
                           data-toggle="tooltip"
                           data-placement="bottom"
                           data-original-title="View Primary Page"></a>
                    {% endif %}
					<span class="p1-icon p1tm-edit glyphicon glyphicon-edit"
						data-type="primary_keyword"
						data-currval="{{ site.GetPrimaryKeyword() }}"
						data-toggle="tooltip" data-placement="bottom"
						data-original-title="Edit Primary Keyword" title=""></span>
				</div>
			</div>
            {% if csLicensed %}
                {% if site.GetPrimaryKeywordCompetitionStrength() < 0 %}
                    <div class="p1-rightIcon">
                        <span class="p1tm-fetch-competition-strength glyphicon glyphicon-search"
                              data-type="primary_keyword"
                              data-toggle="tooltip"
                              data-placement="bottom"
                              data-original-title="Get Competition Strength"
                              title=""></span>
                    </div>
                {% else %}
                    {% set compStr = site.GetPrimaryKeywordCompetitionStrength() %}
                    {% if compStr <= 300 %}
                        {% set compClass = 'p1-green' %}
                    {% elseif compStr <= 500 %}
                        {% set compClass = 'p1-yellow' %}
                    {% else %}
                        {% set compClass = 'p1-red' %}
                    {% endif %}
                    <div class="p1-rightIcon {{ compClass }}">
                        <span>{{ compStr }}</span>
                    </div>
                {% endif %}
            {% endif %}
			<div class="p1-ajax-output" data-type="primary_keyword"></div>
			<div class="p1-secondaryContainer">
				<div class="p1-line"></div>
				<ul class="p1-items" id="p1tm-silos">
					<li class="p1-itemContainer">
						<button type="button"
							class="p1-addButton p1tm-add btn btn-primary" data-toggle="modal"
							data-target="#addModal" data-type="silo">
							<span class="glyphicon glyphicon-plus-sign"></span> Add Silo
						</button>
						<div class="p1-ajax-output" data-type="silo" data-id="new"></div>
					</li>
					{% for silo in site.GetSilos() %}
						{% include '@p1tm/advanced/silo.twig' %}
					{% endfor %}
				</ul>
			</div>
		</div>
	</div>
</div>