<h2><tmpl_var name="list_head_txt"></h2>
<p><tmpl_var name="list_desc_txt"></p>

<div class="panel panel_invoice_recurring_item">

  <div class="pnl_formsarea">
    <fieldset class="inlineLabels"><legend>Item</legend>
      <div class="ctrlHolder">
      	<label for="invoice_company_id">{tmpl_var name='invoice_company_id_txt'}</label>
        <select name="invoice_company_id" id="invoice_company_id" class="selectInput">
					{tmpl_var name='invoice_company_id'}
				</select>
      </div>
	  <div class="ctrlHolder">
      	<label for="client_id">{tmpl_var name='client_id_txt'}</label>
        <select name="client_id" id="client_id" class="selectInput">
					{tmpl_var name='client_id'}
				</select>
      </div>
	  <div class="ctrlHolder">
      	<label for="invoice_item_template_id">{tmpl_var name='invoice_item_template_id_txt'}</label>
        <select name="invoice_item_template_id" id="invoice_item_template_id" class="selectInput" onChange="submitForm('pageForm','billing/invoice_recurring_item_edit.php?action=loadtemplate');">
					{tmpl_var name='invoice_item_template_id'}
				</select>
      </div>
      <div class="ctrlHolder">
      	<label for="name">{tmpl_var name='name_txt'}</label>
        <input name="name" id="name" value="{tmpl_var name='name'}" size="30" maxlength="255" type="text" class="textInput" />
			</div>
      <div class="ctrlHolder">
      	<label for="description">{tmpl_var name='description_txt'}</label>
        <textarea name="description" id="description" rows='10' cols='30' style="height:50px;">{tmpl_var name='description'}</textarea> &nbsp; {tmpl_var name="description_variables_txt"}
      </div>
	  <div class="ctrlHolder">
      	<label for="quantity">{tmpl_var name='quantity_txt'}</label>
        <input name="quantity" id="quantity" value="{tmpl_var name='quantity'}" size="10" maxlength="255" type="text" class="textInput" style="width:50px;" />
			</div>
      <div class="ctrlHolder">
      	<label for="price">{tmpl_var name='price_txt'}</label>
        <input name="price" id="price" value="{tmpl_var name='price'}" size="10" maxlength="255" type="text" class="textInput" style="width:50px;" /> &nbsp; {tmpl_var name="currency_txt"}
			</div>
	  <div class="ctrlHolder">
      	<label for="price">{tmpl_var name='setup_fee_txt'}</label>
        <input name="setup_fee" id="setup_fee" value="{tmpl_var name='setup_fee'}" size="10" maxlength="255" type="text" class="textInput formLengthLimit" /> &nbsp; {tmpl_var name='currency_txt'}
			</div>	
      <div class="ctrlHolder">
      	<label for="vat">{tmpl_var name='vat_txt'}</label>
        <input name="vat" id="vat" value="{tmpl_var name='vat'}" size="5" maxlength="5" type="text" class="textInput" style="width:50px;" /> &nbsp; %
			</div>
      <div class="ctrlHolder">
      	<label for="recur_months">{tmpl_var name='recur_months_txt'}</label>
        <input name="recur_months" id="recur_months" value="{tmpl_var name='recur_months'}" size="2" maxlength="2" type="text" class="textInput" style="width:20px;" /> &nbsp; <tmpl_var name="months_txt">
	  </div>
	  <div class="ctrlHolder">
				<p class="label">{tmpl_var name='advance_payment_txt'}</p>
					<div class="multiField">
						{tmpl_var name='advance_payment'}
					</div>
	  </div>
	  <div class="ctrlHolder">
      	<label for="type">{tmpl_var name='type_txt'}</label>
        <select name="type" id="type" class="selectInput">
					{tmpl_var name='type'}
				</select>
      </div>
      <div class="ctrlHolder">
      	<label for="next_payment_date">{tmpl_var name='next_payment_date_txt'}</label>
        <input name="next_payment_date" id="next_payment_date" value="{tmpl_var name='next_payment_date'}" size="15" maxlength="15" type="text" class="textInput"  style="width:70px;" /> &nbsp; (<tmpl_var name="date_format_txt">)
	  </div>
	  <div class="ctrlHolder">
      	<label for="start_date">{tmpl_var name='start_date_txt'}</label>
        <input name="start_date" id="start_date" value="{tmpl_var name='start_date'}" size="15" maxlength="15" type="text" class="textInput" style="width:70px;" /> &nbsp; (<tmpl_var name="date_format_txt">)
	  </div>
	  <div class="ctrlHolder">
      	<label for="end_date">{tmpl_var name='end_date_txt'}</label>
        <input name="end_date" id="end_date" value="{tmpl_var name='end_date'}" size="15" maxlength="15" type="text" class="textInput" style="width:70px;" /> &nbsp; (<tmpl_var name="date_format_txt">)
	  </div>
	  <div class="ctrlHolder">
      	<label for="cancellation_period">{tmpl_var name='cancellation_period_txt'}</label>
        <input name="cancellation_period" id="cancellation_period" value="{tmpl_var name='cancellation_period'}" size="10" maxlength="255" type="text" class="textInput formLengthLimit" /> &nbsp; <tmpl_var name="days_txt">
	  </div>
	  <div class="ctrlHolder">
      	<label for="send_reminder">{tmpl_var name='send_reminder_txt'} <div class="ttip" title="{tmpl_var name='send_reminder_ttip_txt'}" ></div></label>
        <input name="send_reminder" id="send_reminder" value="{tmpl_var name='send_reminder'}" size="15" maxlength="255" type="text" class="textInput" style="width:100px;" /> &nbsp; <tmpl_var name="days_txt">
	  </div>
	  <div class="ctrlHolder">
				<p class="label">{tmpl_var name='active_txt'}</p>
					<div class="multiField">
						{tmpl_var name='active'}
					</div>
			</div>
    </fieldset>

    <input type="hidden" name="id" value="{tmpl_var name='id'}">

    <div class="buttonHolder buttons">
      <button class="positive iconstxt icoPositive" type="button" value="{tmpl_var name='btn_save_txt'}" onClick="submitForm('pageForm','billing/invoice_recurring_item_edit.php');"><span>{tmpl_var name='btn_save_txt'}</span></button>
      <button class="negative iconstxt icoNegative" type="button" value="{tmpl_var name='btn_cancel_txt'}" onClick="loadContent('billing/invoice_recurring_item_list.php');"><span>{tmpl_var name='btn_cancel_txt'}</span></button>
    </div>
  </div>
  
</div>
<script language="JavaScript" type="text/javascript">
		jQuery( "#next_payment_date" ).datepicker({ dateFormat: '<tmpl_var name="date_format">', changeMonth: true, changeYear: true, yearRange: '-100:+100', dayNamesMin: ['<tmpl_var name="daynamesmin_su">','<tmpl_var name="daynamesmin_mo">','<tmpl_var name="daynamesmin_tu">','<tmpl_var name="daynamesmin_we">','<tmpl_var name="daynamesmin_th">','<tmpl_var name="daynamesmin_fr">','<tmpl_var name="daynamesmin_sa">'], dayNames: ['<tmpl_var name="daynames_sunday">','<tmpl_var name="daynames_monday">','<tmpl_var name="daynames_tuesday">','<tmpl_var name="daynames_wednesday">','<tmpl_var name="daynames_thursday">','<tmpl_var name="daynames_friday">','<tmpl_var name="daynames_saturday">'], monthNamesShort: ['<tmpl_var name="monthnamesshort_jan">','<tmpl_var name="monthnamesshort_feb">','<tmpl_var name="monthnamesshort_mar">','<tmpl_var name="monthnamesshort_apr">','<tmpl_var name="monthnamesshort_may">','<tmpl_var name="monthnamesshort_jun">','<tmpl_var name="monthnamesshort_jul">','<tmpl_var name="monthnamesshort_aug">','<tmpl_var name="monthnamesshort_sep">','<tmpl_var name="monthnamesshort_oct">','<tmpl_var name="monthnamesshort_nov">','<tmpl_var name="monthnamesshort_dec">'], nextText: '<tmpl_var name="datepicker_nextText">', prevText: '<tmpl_var name="datepicker_prevText">', firstDay: 1 });
		jQuery( "#start_date" ).datepicker({ dateFormat: '<tmpl_var name="date_format">', changeMonth: true, changeYear: true, yearRange: '-100:+100', dayNamesMin: ['<tmpl_var name="daynamesmin_su">','<tmpl_var name="daynamesmin_mo">','<tmpl_var name="daynamesmin_tu">','<tmpl_var name="daynamesmin_we">','<tmpl_var name="daynamesmin_th">','<tmpl_var name="daynamesmin_fr">','<tmpl_var name="daynamesmin_sa">'], dayNames: ['<tmpl_var name="daynames_sunday">','<tmpl_var name="daynames_monday">','<tmpl_var name="daynames_tuesday">','<tmpl_var name="daynames_wednesday">','<tmpl_var name="daynames_thursday">','<tmpl_var name="daynames_friday">','<tmpl_var name="daynames_saturday">'], monthNamesShort: ['<tmpl_var name="monthnamesshort_jan">','<tmpl_var name="monthnamesshort_feb">','<tmpl_var name="monthnamesshort_mar">','<tmpl_var name="monthnamesshort_apr">','<tmpl_var name="monthnamesshort_may">','<tmpl_var name="monthnamesshort_jun">','<tmpl_var name="monthnamesshort_jul">','<tmpl_var name="monthnamesshort_aug">','<tmpl_var name="monthnamesshort_sep">','<tmpl_var name="monthnamesshort_oct">','<tmpl_var name="monthnamesshort_nov">','<tmpl_var name="monthnamesshort_dec">'], nextText: '<tmpl_var name="datepicker_nextText">', prevText: '<tmpl_var name="datepicker_prevText">', firstDay: 1 });
		jQuery( "#end_date" ).datepicker({ dateFormat: '<tmpl_var name="date_format">', changeMonth: true, changeYear: true, yearRange: '-100:+100', dayNamesMin: ['<tmpl_var name="daynamesmin_su">','<tmpl_var name="daynamesmin_mo">','<tmpl_var name="daynamesmin_tu">','<tmpl_var name="daynamesmin_we">','<tmpl_var name="daynamesmin_th">','<tmpl_var name="daynamesmin_fr">','<tmpl_var name="daynamesmin_sa">'], dayNames: ['<tmpl_var name="daynames_sunday">','<tmpl_var name="daynames_monday">','<tmpl_var name="daynames_tuesday">','<tmpl_var name="daynames_wednesday">','<tmpl_var name="daynames_thursday">','<tmpl_var name="daynames_friday">','<tmpl_var name="daynames_saturday">'], monthNamesShort: ['<tmpl_var name="monthnamesshort_jan">','<tmpl_var name="monthnamesshort_feb">','<tmpl_var name="monthnamesshort_mar">','<tmpl_var name="monthnamesshort_apr">','<tmpl_var name="monthnamesshort_may">','<tmpl_var name="monthnamesshort_jun">','<tmpl_var name="monthnamesshort_jul">','<tmpl_var name="monthnamesshort_aug">','<tmpl_var name="monthnamesshort_sep">','<tmpl_var name="monthnamesshort_oct">','<tmpl_var name="monthnamesshort_nov">','<tmpl_var name="monthnamesshort_dec">'], nextText: '<tmpl_var name="datepicker_nextText">', prevText: '<tmpl_var name="datepicker_prevText">', firstDay: 1 });
</script>