{! admin/util/minimal-grid !}
{! admin/util/search !}

<form method="get" id="search-form">

<div class="e-row-variable e-no-padding" style="margin-bottom: 20px">
	<div class="e-col-50 e-no-padding">
{% if User::require_acl ('admin/add') %}
<a href="/organizations/add">{"Add Organization"}</a>
&nbsp;|&nbsp;
<a href="/organizations/categories">{"Categories"}</a>
&nbsp;|&nbsp;
<a href="/organizations/import">{"Import"}</a>
&nbsp;|&nbsp;
{% end %}
<a href="/organizations/export">{"Export"}</a>
	</div>
	<div class="e-col-50 e-no-padding" style="text-align: right">
		<input type="text" name="q" id="search-query" size="40" value="{{q|quotes}}" />
		<button>{"Search"}</button>
		{% if q != '' %}
		<button onclick="window.location.href = '/organizations/admin'; return false">{"Clear"}</button>
		{% end %}
	</div>
</div>

{! navigation/pager?style=results&url=[url]&total=[total]&count=[count]&limit=[limit] !}

<p>
<table width="100%">
	<tr>
		<th width="20%">{" Name "}</th>
		<th width="16%">{" Phone "}</th>
		<th width="22%">{" Website "}</th>
		<th width="30%">{" Main Address "}</th>
		<th width="12%">&nbsp;</th>
	</tr>
{% foreach items %}
	<tr>
		<td><a href="/organizations/details?id={{ loop_value->id }}">{{ loop_value->name }}</a></td>
		<td>{{ loop_value->phone }}</td>
		<td><a href="{{ loop_value->website|organizations\Filter::url }}" target="_blank">{{ loop_value->website|organizations\Filter::domain }}</a></td>
		<td>{{ loop_value->address }}, {{ loop_value->city }}, {{ loop_value->state }} {{ loop_value->zip }}</td>
		<td style="text-align: right">
			{% if User::require_acl ('admin/edit') %}
			<a	href="/organizations/edit?id={{ loop_value->id }}">{"Edit"}</a>
			{% end %}
			{% if User::require_acl ('admin/delete') %}
			|
			<a	href="/organizations/delete"
				data-id="{{ loop_value->id }}"
				onclick="return $.confirm_and_post (this, '{"Are you sure you want to delete this organization?"}')">{"Delete"}</a>
			{% end %}
		</td>
	</tr>
{% end %}
</table>
</p>

{% if total > $data->limit %}
{! navigation/pager?style=numbers&url=[url]&total=[total]&count=[count]&limit=[limit] !}
{% end %}

</form>

<script>
$(function () {
	$.search_init ({
		form: '#search-form',
		query: '#search-query',
		links: '.search-for'
	});
});
</script>