<script type="text/javascript" src="/resources/jquery/jquery.upload.js"></script>
<form class="formDefault" method="post">
	<div id="tabs">
		<ul>
			<li><a href="#tabs-form">Municípios</a></li>
		</ul>
		<div class="geral">
			<div id="tabs-form">
				<input type="hidden" name="id" value="<?=$this->id?>" />

	            <div id="div_importar_municipios">
	                <form enctype="multipart/form-data" id="importar_municipios_form" method="post" action="">
	                    <dl class="zend_form" style="margin-top: 10px;">
	                        <dd style="margin-left:13px;">
	                            <input name="id_condicao_pagamento" id="id_condicao_pagamento" type="hidden" value="<?=Zend_Controller_Front::getInstance()->getRequest()->getParam('id');?>" />
	                            <input name="grupo" id="grupo" type="hidden" value="<?=Zend_Controller_Front::getInstance()->getRequest()->getParam('grupo');?>" />
                                <input name="municipios_csv" id="municipios_csv" size="50" type="file">
	                            <button name="importar_municipios" id="importar_municipios" type="button">Importar Arquivo de Municípios</button>
	                            <img src="/resources/imagens/icon/help.png" border="0" id="help_form"/></br>
	                            <div id="tip_form">
	                                A primeira linha do arquivo deve conter o cabeçalho com as colunas (id_municipio).<br>
	                                <span id="span_form">&nbsp;</span>
	                            </div>
	                        </dd>
	                    </dl>
	                </form>
				</div>

				<?=$this->title('Estados');?>
				<div class="padding-10">
					<div class="row">
						<ul class="alfabeto">
							<? if (is_array($this->municipios)): ?>
								<? foreach ($this->municipios as $uf => $municipios): ?>
									<?
									$style = "";
									foreach ($municipios as $value => $name) {
										if (array_key_exists($value, $this->relacionados)) {
											$style = 'style="color: red;"';
										}
									}
									?>
									<li id="<?=$uf?>" <?=$style;?>><?=$uf?></li>
								<? endforeach; ?>
							<? endif; ?>
						</ul>
		    		</div>
				</div>

				<?=$this->title('Municípios');?>
				<div class="padding-10" style="width:100%;">
					<div class="row">
						<?
						if (is_array($this->municipios)) {
							foreach ($this->municipios as $uf => $municipios) {
								?>
								<div id="letra_<?=$uf?>" class="hide">
								<table cellpadding="1" cellspacing="1">
									<tr>
										<td align='right'><button type="button" class="marcarTodos" rel="#letra_<?=$uf?>">Marcar Todos</button></td>
										<td align='right'><button type="button" class="desmarcarTodos" rel="#letra_<?=$uf?>">Desmarcar Todos</button></td>
										<td align='right'><button type="button" class="inverterSelecao" rel="#letra_<?=$uf?>">Inverter Seleção</button></td>
									</tr>
								</table>
								<?
									if (is_array($municipios)) { ?>
										<table width="100%" cellspacing="1" cellpadding="1" border="0">
											<tr>
												<?
												$i = 0;

												foreach ($municipios as $value => $name) {
													if ($i % 3 == 0) {
														echo "</tr><tr>";
													}

													if (array_key_exists($value, $this->relacionados)) {

														$check = 'checked="checked"';
													} else {

														$check = '';
													}

													?>

													<td width="1%"><input type="checkbox" value="<?=$value?>" id="check_<?=$value?>" name="municipios[]" <?=$check?>/></td>
													<td><? echo end(array_keys($name)) ?>&nbsp;</td>
													<?

													$i++;
												} ?>
											</tr>
										</table><?
									} ?>
								<table cellpadding="1" cellspacing="1">
									<tr>
										<td align='right'><button type="button" class="marcarTodos" rel="#letra_<?=$uf?>">Marcar Todos</button></td>
										<td align='right'><button type="button" class="desmarcarTodos" rel="#letra_<?=$uf?>">Desmarcar Todos</button></td>
										<td align='right'><button type="button" class="inverterSelecao" rel="#letra_<?=$uf?>">Inverter Seleção</button></td>
									</tr>
								</table>
								</div> <?
							}
						}
						?>
		    		</div>
				</div>

			</div>
		</div>

		<ul id="buttons" class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
			<li><button name="salvar" id="salvar" type="submit">Salvar</button></li>
			<li><button name="cancelar" id="cancelar" type="button" onclick="javascript:history.back();">Cancelar</button></li>
		</ul>
	</div>
</form>
