{% extends '/integration/mainwp/pages/page_base.twig' %}

{% block actions_bar %}
{% endblock %}

{% block body_main %}
	<div class="ui stackable grid">

		<div class="row">
			<div class="sixteen column">

				<table id="mainwp-shield-extension-table-sites" class="mainwp-shield-ext-table ui single line table"
					   style="width:100%">
					<thead>
						<tr>
							<th class="collapsing no-sort check-column">
								<span class="ui checkbox">
									<input type="checkbox" name="checkall" class="url_checkall" id="url_checkall" />
								</span>
							</th>
							{#              <th>{{ strings.site }}</th> #}
							<th>{{ strings.url }}</th>
							<th>{{ strings.status }}</th>
							<th>{{ strings.issues }}</th>
							<th>{{ strings.version }}</th>
							<th>{{ strings.last_sync }}</th>
							<th>&nbsp;</th>
						</tr>
					</thead>
					<tbody>
					{% for site in vars.sites %}
						<tr class="shield_site_row" data-shield_status="{{ site.shield.status_key }}">

							<td class="check-column">
								<span class="ui checkbox">
									<input type="checkbox" name="checkbox_url" class="checkbox_url" />
								</span>
							</td>

							<td>
								{{ site.name }}
								<br />
								<a href="{{ site.url }}" target="_blank" style="text-decoration: none!important;">
									<small>{{ site.url }} <i class="external alternate icon"></i></small>
								</a>
							</td>
							{% if site.shield.is_active %}
								<td>
									{{ site.shield.status }}
								</td>

								<td>
									<a href="{{ site.shield.href_issues }}"
									   class="ui mini basic compact button {{ site.shield.issues_button_class }}"
									   target="_blank">{{ site.shield.issues }}</a>
								</td>

								<td>
									{{ site.shield.meta.version }}
								</td>
								<td>
									{{ site.shield.sync_at_diff }}
									<br /><small>{{ site.shield.sync_at_text }}</small>
								</td>
							{% else %}
								<td colspan="4" class="cell-span-issue">
									{% if site.shield.is_inactive %}
										{{ strings.st_inactive }}
									{% elseif site.shield.is_notpro %}
										{{ strings.st_notpro }}
									{% elseif site.shield.is_mwpnoton %}
										{{ strings.st_mwpnoton }}
									{% elseif site.shield.is_client_newer %}
										{{ strings.st_client_newer }}
									{% elseif site.shield.is_client_older %}
										{{ strings.st_client_older }}
									{% elseif site.shield.is_sync_rqd %}
										{{ strings.st_sync_rqd }}
									{% elseif site.shield.is_version_mismatch %}
										{{ strings.st_version_mismatch }}
									{% elseif site.shield.is_notinstalled %}
										{{ strings.st_notinstalled }}
									{% else %}
										{{ strings.st_unknown }}
									{% endif %}
								</td>
							{% endif %}
							<td>
								<div class="site-dropdown ui left pointing dropdown icon mini basic green button"
									 style="z-index: 999;" tabindex="0">
									<i class="ellipsis horizontal icon"></i>
									<div class="menu" tabindex="-1">

										{% for site_action in site.shield.site_actions %}
											<button type="button"
													class="item site_action"
													data-mainwp-site-action="1"
													data-mainwp-site-id="{{ site.id|e('html_attr') }}"
													data-mainwp-site-action-key="{{ site_action|e('html_attr') }}"
													data-site_action="{{ vars.site_actions[site_action]|e('html_attr') }}"
											>{{ strings.actions[site_action] }}</button>
										{% endfor %}

									</div>
								</div>
							</td>
						</tr>
					{% endfor %}
					</tbody>
				</table>

			</div>
		</div>

	</div>

{% endblock %}