{extends ../../../Core/Templates/Layout}

{block content}
	<script type="text/javascript">{!$users}</script>
	<form class="form-horizontal well">
		<ul class="nav nav-tabs">
			<li><a href="#rozoslanie" data-toggle="tab" data-target-tab="rozoslanie">Rozoslanie</a></li>
			<li><a href="#zaznam" data-toggle="tab" data-target-tab="zaznam">Záznam</a></li>
		</ul>

		<div class="tab-content">
			<div class="tab-pane" id="rozoslanie">
				<fieldset>
					<legend>Skupiny</legend>

					<div class="control-group">
						<div class="controls row-fluid" style="margin-left: 0">
						{loop $groups as $i => $group}
							<label class="checkbox inline span3" for="{$group['name']}">
								<input type="checkbox" name="{$group['name']}" id="{$group['name']}" class="group" data-id="{$group['id']}">
								{$group['description']}
							</label>

							{if ($i + 1) % 4 === 0}
							</div>
							<div class="controls row-fluid" style="margin-left: 0">
							{/if}
						{/loop}
						</div>
					</div>
				</fieldset>
				<fieldset>
					<legend>Priebeh</legend>

					<div class="control-group">
						<label class="control-label">Užívateľ</label>

						<div class="controls">
							<span class="input-xxlarge uneditable-input" id="user"></span>
						</div>
					</div>

					<div class="control-group">
						<div class="controls">
							<div class="progress progress-striped active input-xxlarge">
								<div class="bar"></div>
							</div>
						</div>
					</div>
				</fieldset>
			</div>

			<div class="tab-pane" id="zaznam">
				<div class="log">
					<table class="table table-stripped"></table>
				</div>
			</div>
		</div>

		<div class="btn-group form-actions form-actions-send-newsletter">
			<a href="#" class="btn send">Rozposlať</a>
			<a href="{url adminEditNewsletter $newsletter['id']}" class="btn cancel">Koniec</a>
		</div>
	</form>
{/block}