<script type="text/javascript" src="{webRoot}/themes/{theme}/js/openWin.js"></script>
<div id="manager-actions">
    <a class="action upload" href="javascript:formSubmit('NewsletterMgr','submitted',1,1)">{translate(#Send#)}</a>
</div>
<div id="content">
    <div id="content-header">
        <h2>{translate(pageTitle)}</h2>
        <div class="message">{msgGet()}</div>
    </div>
<form method="post" name="NewsletterMgr" flexy:ignore id="NewsletterMgr">
    <input type="hidden" name="action"  value="send">
        <fieldset class="inside">
		<div align="left">
		<table cellpadding="0" cellspacing="0" width="100%">
			<tr>
				<td align="left" valign="top" colspan="2">
            	<h3 align="left">{translate(#Newsletter#)}</h3>
				</td>
		    </tr>
			<tr>
				<td align="right" valign="top" width="20%"><p><label for="frmForm">{translate(#From#)}</label></p></td>
	            <td align="left" valign="middle">
					<div align="left"><span class="error" flexy:if="error[from]">{translate(error[from])}</span></div>
	             	<div align="left"><input id="frmForm" type="text" name="frmFrom" size="40" value="{from}" /></div>
				</td>
	        </tr>
			<tr>
	             <td align="right" valign="top"><p><label for="frmMail"><span class="required">*</span>{translate(#To#)}</label></p></td>
	             <td align="left" valign="top" style="padding-top:15px;">
				 	<div align="left"><b>{translate(#Non-subscribers#):h}:</b></div>
				 	<div align="left" class="NewsletterPad"><span class="error" flexy:if="error[email]">{translate(error[email])}</span></div>
	              	<div align="left" class="NewsletterPad"><input id="frmMail" type="text" name="frmEmail" size="40" value="{email}" /></div>
				 </td>
	        </tr>
			<tr>
				<td></td>
				<td align="left" valign="top">
					<div align="left">{translate(#Use semicolon (;) to separate the email addresses.#)}</div>
				</td>
			</tr>
			<tr>				
				 <td></td>
				 <td align="left" valign="top">
				 	<div align="left"><b>{translate(#To groups#)}:</b></div>
				 	<div align="left"><span class="error" flexy:if="error[group]">{translate(error[group])}</span></div> 
					<div align="left" class="NewsletterPad">{generateCheckboxList(roleList,groups,#frmGroups[]#):h}</div>
				 </td>
	        </tr>
			<tr>			   	
			   	<td></td>
				<td align="left" valign="top">
					<div align="left"><label for="frmNewsList[]"><b>{translate(#To newslists#)}</b></label>:</div>
					<div align="left"><span class="error" flexy:if="error[newslist]">{translate(error[newslist])}</span></div>
					<div class="NewsletterPad" align="left">{this.plugin(#generateCheckboxNewsList#,validNewsList,listName,#frmListName[]#):h}</div>
				</td>
	         </tr>
			<tr>
              	<td align="right" valign="top"><p><label for="frmSubject"><span class="required">*</span>{translate(#Subject#)}</label></p></td>
              	<td align="left" valign="middle">
					<div align="left"><span class="error" flexy:if="error[subject]">{translate(error[subject])}</span></div>
			 		<div align="left"><input type="text" name="frmSubject" size="40" value="{subject}" /></div>
				</td>
	         </tr>
			 <tr>
                <td align="left" valign="top" colspan="2">
					<div align="left" class="NewsletterWidth">
						<div align="left" class="NewsletterMessage">{translate(#Newsletter message instruction#)}</div>
						<p align="left"><label for="frmBodyNameHtml"><span class="required">*</span>{translate(#Message#)} (HTML)</label></p>  
						<div align="left"><span class="error" flexy:if="error[bodyHtml]">{translate(error[bodyHtml])}</span></div>                             
						<div align="left"><textarea id="frmBodyNameHtml" cols="55" rows="20" name="frmBodyNameHtml" class="wysiwyg" style="width:98%;">{bodyHtml:h}</textarea></div>
						<p align="left"><label for="frmBodyName"><span class="required"></span>{translate(#Message#)} (Plain Text)</label></p>
						<div align="left"><textarea cols="70" rows="20" name="frmBodyName" style="width:98%;">{body}</textarea></div>
					</div>
				</td>
           	</tr>   
		</table>  
		</div>                     
        </fieldset>
    </form>
    <div class="spacer"></div>
</div>