{load_language_text section="cleverreach"}
<div class="gx-container">
	<!-- Credentials -->
	<table class="gx-configuration gx-configuration-table breakpoint-small">
		<tr>
			<th colspan="2">{$txt.credentials}</th>
		</tr>
		{if $is_configured}
		<tr>
			<td class="dataTableContent_gm" style="width: 200px !important;">{$txt.access_until}</td>
			<td class="dataTableContent_gm">
				{$access_until}
			</td>
		</tr>
		{/if}
		<tr>
			<td class="dataTableContent_gm" style="width: 200px !important;">{$txt.credentials}</td>
			<td class="dataTableContent_gm">
				<a href="{$authorization_link}" class="btn btn-primary" style="margin-bottom: 0">{$txt.authorize_now}</a>
				<form action="{$deauthorize_action}" method="POST" class="display-inline">
					<input type="hidden" name="page_token" value="{$page_token}">
					<input type="submit" value="{$txt.authorize_cancel}" class="btn btn-primary" style="margin-bottom: 0">
				</form>
			</td>
		</tr>
	</table>
</div>

{if $is_configured}
<form action="{$form_action}" method="POST" class="gx-container" id="cr_configuration">
	<input type="hidden" name="page_token" value="{$page_token}">
	<table class="gx-configuration gx-configuration-table breakpoint-small">
		<tr>
			<th colspan="2">{$txt.settings}</th>
		</tr>
		<tr>
			<td class="dataTableContent_gm" style="width: 200px !important;">{$txt.prio}</td>
			<td class="dataTableContent_gm">
				<select name="configuration[prio]">
					<option value="webshop" {if $configuration.prio == 'shop'}selected="selected"{/if}>{$txt.prio_shop}</option>
					<option value="cleverreach" {if $configuration.prio == 'cleverreach'}selected="selected"{/if}>{$txt.prio_cleverreach}</option>
				</select>
			</td>
		</tr>
		<tr>
			<td class="dataTableContent_gm" style="width: 200px !important;">{$txt.newsletter_group}</td>
			<td class="dataTableContent_gm">
				{if $groups}
				<select name="configuration[newsletter_group_id]">
					<option value="-1" {if $group->id == '-1'}selected="selected"{/if}>
						{$txt.do_not_transmit}
					</option>
					{foreach from=$groups item=group}
					<option value="{$group->id}" {if $group->id == $configuration.newsletter_group_id}selected="selected"{/if}>
						{$group->name}
					</option>
					{/foreach}
				</select>
				<input type="submit" name="sync_newsletter" value="{$txt.send_now}" class="btn btn-primary" style="margin-bottom: 0;">
				{else}
					<input name="configuration[newsletter_group_id]" value="-1">
					{$txt.no_groups_found}
				{/if}
			</td>
		</tr>
		<tr>
			<td class="dataTableContent_gm" style="width: 200px !important;">{$txt.allcustomers_group}</td>
			<td class="dataTableContent_gm">
				{if $groups}
				<select name="configuration[allcustomers_group_id]">
					<option value="-1" {if $group->id == '-1'}selected="selected"{/if}>
						{$txt.do_not_transmit}
					</option>
					{foreach from=$groups item=group}
					<option value="{$group->id}" {if $group->id == $configuration.allcustomers_group_id}selected="selected"{/if}>
						{$group->name}
					</option>
					{/foreach}
				</select>
				<input type="submit" name="sync_customers" value="{$txt.send_now}" class="btn btn-primary" style="margin-bottom: 0;">
				{else}
					<input name="configuration[allcustomers_group_id]" value="-1">
					{$txt.no_groups_found}
				{/if}
			</td>
		</tr>
		<tr>
			<td class="dataTableContent_gm" style="width: 200px !important;">{$txt.allorders_group}</td>
			<td class="dataTableContent_gm">
				{if $groups}
				<select name="configuration[allorders_group_id]">
					<option value="-1" {if $group->id == '-1'}selected="selected"{/if}>
						{$txt.do_not_transmit}
					</option>
					{foreach from=$groups item=group}
					<option value="{$group->id}" {if $group->id == $configuration.allorders_group_id}selected="selected"{/if}>
						{$group->name}
					</option>
					{/foreach}
				</select>
				<input type="submit" name="sync_orders" value="{$txt.send_now}" class="btn btn-primary" style="margin-bottom: 0;">
				{else}
					<input name="configuration[allorders_group_id]" value="-1">
					{$txt.no_groups_found}
				{/if}
			</td>
		</tr>
		<tr>
			<td class="dataTableContent_gm" style="width: 200px !important;">{$txt.mailing_id_parameter}</td>
			<td class="dataTableContent_gm">
				<input class="input-default"
				       type="text"
				       name="configuration[mailing_id_parameter]"
				       value="{$configuration.mailing_id_parameter}"/>
			</td>
		</tr>
		<tr>
			<td class="dataTableContent_gm">{$txt.order_tracking}</td>
			<td class="dataTableContent_gm">
				<div data-gx-widget="checkbox">
					<input type="radio" name="configuration[order_tracking]" value="1" title="1" {($configuration.order_tracking == '1') ? 'checked' : ''}/>
					<input type="radio" name="configuration[order_tracking]" value="0" title="0" {($configuration.order_tracking == '0') ? 'checked' : ''}/>
				</div>
			</td>
		</tr>
		<tr>
			<td class="dataTableContent_gm">{$txt.debug_logging}</td>
			<td class="dataTableContent_gm">
				<div data-gx-widget="checkbox">
					<input type="radio" name="configuration[debug_logging]" value="1" title="1" {($configuration.debug_logging == '1') ? 'checked' : ''}/>
					<input type="radio" name="configuration[debug_logging]" value="0" title="0" {($configuration.debug_logging == '0') ? 'checked' : ''}/>
				</div>
			</td>
		</tr>
		<tr>
			<td class="dataTableContent_gm" style="width: 200px !important;">{$txt.cron_pass}</td>
			<td class="dataTableContent_gm">
				<input class="input-default"
				       type="text"
				       name="configuration[cron_pass]"
				       value="{$configuration.cron_pass}"/>
			</td>
		</tr>
	</table>

	<div class="add-margin-top-24 breakpoint-small" style="overflow: auto;">
		<div class="pull-right"><input type="submit" value="{$txt.save_settings}" class="btn btn-primary"></div>
	</div>
</form>
{if $configuration.cron_pass}
<div class="simple-container">
	{$txt.cron_info}
	<pre>{$cron_url}</pre>
</div>
{/if}
{/if}