causeway-standard-theme

<div class="container page"> <div class="content pane single-pane"> <section> <a id="print"></a> <header class="content-header"> <h1 class="title"> Print Example </h1> </header>  <div class="content-banner"> <h1 class="title">Create online invoice - Invoice Creation</h1> </div>  <form action="" class="form-two-columns form-horizontal has-table"> <input name="invoiceAction" type="hidden" value="none"> <input name="lineAction" type="hidden" value="none"> <input name="lineNumberDisplay" type="hidden" value="1"> <input name="discountNumberDisplay" type="hidden" value="1"> <input name="attachmentPath" type="hidden"> <input name="requestFor" type="hidden"> <input name="allowFutureDates" type="hidden" value="false"> <input name="senderTpName" type="hidden" value="RT Send Normal Manual"> <input name="acceptHeaderDiscounts" type="hidden" value="true"> <input name="acceptLineDiscounts" type="hidden" value="true"> <input name="creditNote" type="hidden" value="false"> <input name="confirmTemplateOverwrite" type="hidden" value="false"> <input name="saving" type="hidden" value="false"> <input name="readOnly" type="hidden" value="false"> <div class="form-row form-buttons-row top"> <div class="form-buttons"> <button class="btn btn-text" type="button">Cancel</button> <button class="btn btn-text has-tooltip" data-original-title="Print this page" onclick="javascript:window.print();" title="" type="button">Print draft</button> <button class="btn btn-default has-tooltip" data-original-title="Click here to save your invoice so that you can come back to it and resume work" title="" type="button">Save</button> <button class="btn btn-default" id="submitButton" title="" type="button">Submit</button> </div> </div> <div class="form-row"> <div class="form-group readonly"> <label class="control-label" for="from">From</label> <div class="control-input"> <input class="form-control readonly" id="from" name="from" readonly="readonly" tabindex="1" type="text" value="RT Send Normal Manual"> </div> </div> </div> <div class="form-row"> <div class="form-group"> <label class="control-label has-tooltip" data-original-title="" data-title="Select the customer to whom the invoice/credit note is to be sent" data-toggle="tooltip" for="receiverTpId" title="">To</label> <div class="control-input select"> <select class="form-control" id="receiverTpId" name="receiverTpId" tabindex="2"> <option selected="selected" value="31052"> RT Recv </option> <option value="30677"> RT Recv Normal Manual </option> <option value="31497"> RT Recv Tradex Active </option> </select> </div> </div> </div>  <div class="form-row"> <div class="form-group"> <label class="control-label has-tooltip" data-original-title="" data-title="Your invoice reference number" data-toggle="tooltip" for="invoiceNumber" title="">Invoice Number*</label> <div class="control-input"> <input class="form-control" id="invoiceNumber" name="invoiceNumber" tabindex="3" type="text" value=""> </div> </div> <div class="form-group"> <label class="control-label has-tooltip" data-original-title="" data-title="Where the entire invoice relates to this order number" data-toggle="tooltip" for="customFields(ON)" title="">PO Number</label> <div class="control-input"> <input class="form-control" id="customFields(ON)" name="customFields(ON)" tabindex="101" type="text" value=""> </div> </div> </div> <div class="form-row"> <div class="form-group"> <label class="control-label has-tooltip" data-original-title="" data-title="Your VAT number" data-toggle="tooltip" for="vatNumber" title="">Sender's VAT Number*</label> <div class="control-input"> <input class="form-control" id="vatNumber" maxlength="15" name="vatNumber" tabindex="4" type="text" value="RTSNM-001"> </div> </div> <div class="form-group"> <label class="control-label has-tooltip" data-original-title="" data-title="The number of days from invoice receipt to payment being due" data-toggle="tooltip" for="paymentTermDaysDisplay" title="">Payment Terms (Days)</label> <div class="control-input"> <input class="form-control" id="paymentTermDaysDisplay" maxlength="5" name="paymentTermDaysDisplay" size="5" tabindex="102" type="text" value=""> </div> </div> </div> <div class="form-row"> <div class="form-group date"> <label class="control-label has-tooltip" data-original-title="" data-title="The Invoice / Tax Point date" data-toggle="tooltip" for="invoiceDateFielddateOnlyValue" title="">Invoice Date*</label> <div class="control-input date"> <input class="form-control" id="invoiceDateFielddateOnlyValue" name="invoiceDateField.dateOnlyValue" tabindex="5" type="text" value="29 Oct 2014"> <span class="add-on"><span class="glyphicon glyphicon-calendar-icon"></span></span> <input class="dates-disabled" type="hidden" value=""> </div> </div> <div class="form-group"> <label class="control-label has-tooltip" data-original-title="" data-title="Enter / Confirm the customers delivery address" data-toggle="tooltip" for="deliveryAddressaddress1" title="">Delivery Address</label> <div class="control-input"> <input class="form-control" id="deliveryAddressaddress1" maxlength="35" name="deliveryAddress.address1" size="35" tabindex="103" type="text" value="a"> </div> </div> </div> <div class="form-row"> <div class="form-group date"> <label class="control-label has-tooltip" data-original-title="" data-title="The delivery date for this invoice" data-toggle="tooltip" for="deliveryDatedateOnlyValue" title="">Delivery Date</label> <div class="control-input date"> <input class="form-control" id="deliveryDatedateOnlyValue" name="deliveryDate.dateOnlyValue" tabindex="6" type="text" value=""> <span class="add-on"><span class="glyphicon glyphicon-calendar-icon"></span></span> <input class="dates-disabled" type="hidden" value=""> </div> </div> <div class="form-group"> <label class="control-label" for="deliveryAddressaddress2"></label> <div class="control-input"> <input class="form-control" id="deliveryAddressaddress2" maxlength="35" name="deliveryAddress.address2" size="35" tabindex="104" type="text" value=""> </div> </div> </div> <div class="form-row"> <div class="form-group"> <label class="control-label has-tooltip" data-original-title="" data-title="The reference number from your delivery note, where available/required" data-toggle="tooltip" for="customFields(AAU)" title="">Delivery Note Number</label> <div class="control-input"> <input class="form-control" id="customFields(AAU)" maxlength="35" name="customFields(AAU)" size="35" tabindex="7" type="text" value=""> </div> </div> <div class="form-group"> <label class="control-label" for="deliveryAddressaddress3"></label> <div class="control-input"> <input class="form-control" id="deliveryAddressaddress3" maxlength="35" name="deliveryAddress.address3" size="35" tabindex="105" type="text" value=""> </div> </div> </div> <div class="form-row"> <div class="form-group"> <label class="control-label has-tooltip" data-original-title="" data-title="The reference number from your contract, where available/required" data-toggle="tooltip" for="customFields(CT)" title="">Contract Number</label> <div class="control-input"> <input class="form-control" id="customFields(CT)" maxlength="35" name="customFields(CT)" size="35" tabindex="8" type="text" value=""> </div> </div> <div class="form-group"> <label class="control-label" for="deliveryAddresstown"></label> <div class="control-input"> <input class="form-control" id="deliveryAddresstown" maxlength="35" name="deliveryAddress.town" size="35" tabindex="106" type="text" value=""> </div> </div> </div> <div class="form-row"> <div class="form-group"> <label class="control-label has-tooltip" data-original-title="" data-title="Contact name for your business" data-toggle="tooltip" for="contactName" title="">Contact Name</label> <div class="control-input"> <input class="form-control" id="contactName" maxlength="35" name="contactName" size="35" tabindex="9" type="text" value="Siva Sankar Reddy"> </div> </div> <div class="form-group"> <label class="control-label" for="deliveryAddresspostCode">Post Code</label> <div class="control-input"> <input class="form-control" id="deliveryAddresspostCode" maxlength="9" name="deliveryAddress.postCode" size="9" tabindex="107" type="text" value=""> </div> </div> </div> <div class="form-row"> <div class="form-group"> <label class="control-label has-tooltip" data-original-title="" data-title="Contact phone number for your business" data-toggle="tooltip" for="contactTelephone" title="">Contact Telephone</label> <div class="control-input"> <input class="form-control" id="contactTelephone" maxlength="35" name="contactTelephone" size="35" tabindex="10" type="text" value="+441 67788990"> </div> </div> <div class="form-group"> <label class="control-label" for="deliveryAddresscountryCode">Country</label> <div class="control-input"> <input class="form-control" id="deliveryAddresscountryCode" maxlength="3" name="deliveryAddress.countryCode" size="3" tabindex="108" type="text" value="GB"> </div> </div> </div> <div class="form-row"> <div class="form-group checkbox label-first"> <div class="control-input checkbox label-first"> <input class="form-control" id="hireInvoice" name="hireInvoice" tabindex="11" type="checkbox" value="on"> <label class="has-tooltip" data-original-title="" data-title="Check this box to get additional line item field options" data-toggle="tooltip" for="hireInvoice" title=""><span class="checkbox-icon"></span>Is this a hire invoice?</label> </div> </div> <div class="form-group"> <label class="control-label has-tooltip" data-original-title="" data-title="The currency code for the invoice" data-toggle="tooltip" for="currencyCode" title="">Currency Code</label> <div class="control-input select"> <select class="form-control" id="currencyCode" name="currencyCode" tabindex="109"> <option value="GBP"> GBP </option> </select> </div> </div> </div> <div class="form-row"> <div class="form-group"> <label class="control-label has-tooltip" data-original-title="" data-title="Enter explanatory notes here if you wish" data-toggle="tooltip" for="reason" title="">Notes</label> <div class="control-input"> <textarea class="form-control" id="reason" name="reason" tabindex="110"> </textarea> </div> </div> </div> <div class="form-row"> <div class="form-group"></div> <div class="form-group checkbox label-first"> <div class="control-input checkbox label-first"> <input class="form-control" id="addDiscountsCharges" name="addDiscountsCharges" tabindex="12" type="checkbox" value="on"> <label class="has-tooltip" data-original-title="" data-title="Check this box to enable discounts and charges options. This customer allows header and line level discounts or charges" data-toggle="tooltip" for="addDiscountsCharges" title=""><span class="checkbox-icon"></span>Add discounts or charges?</label> </div> </div> </div> <div class="form-row"> <div class="form-group"> <p style="font-weight: bold;">Please note that this is an invoice entry template, and is not the VAT invoice until submitted and processed</p> </div> <div class="form-group checkbox label-first"> <div class="control-input checkbox label-first"> <input class="form-control" id="saveAsTemplate" name="saveAsTemplate" tabindex="13" type="checkbox" value="on"> <label class="has-tooltip" data-original-title="" data-title="Check this box to save the invoice as template which you can use over and over again. Uncheck this box to submit as a normal invoice" data-toggle="tooltip" for="saveAsTemplate" title=""><span class="checkbox-icon"></span>Save as a template?</label> </div> </div> <input name="templateName" type="hidden" value=""> </div> <p>*Required fields</p> <h1 class="title">Line Details</h1> <div class="table-wrapper"> <table class="table table-striped"> <thead> <tr> <th width="100">Action</th> <th width="100">Line</th> <th width="90">Product ID</th> <th width="60">Qty</th> <th width="60">Rate</th> <th width="90">VAT Rate</th> <th width="300">Description</th> <th width="60">Net</th> <th width="60">VAT</th> <th width="60">Total</th> </tr> </thead> <tfoot> <tr> <td colspan="6"></td> <td align="right" class="input-label-bold"><strong>TOTALS</strong></td> <td><strong>0.00</strong></td> <td><strong>0.00</strong></td> <td><strong>0.00</strong></td> </tr> </tfoot> <tbody> <tr> <td> <button class="btn btn-text" onclick="addLine('add',1,0);" tabindex="201" title="" type="button">Add Line</button> </td> <td>1</td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> </tbody> </table> </div> <div class="form-row form-buttons-row bottom"> <div class="form-buttons form-buttons-bottom"> <button class="btn btn-text" onclick="javascript:confirmExit();" tabindex="202" title="" type="button">Cancel</button> <button class="btn btn-text has-tooltip" data-original-title="Print this page" onclick="javascript:window.print();" tabindex="203" title="" type="button">Print draft</button> <button class="btn btn-default has-tooltip" data-original-title="Click here to save your invoice so that you can come back to it and resume work" onclick="javascript:gotoSavePage();" tabindex="204" title="" type="button">Save</button> <button class="btn btn-default" id="submitButton" onclick="javascript:submitDoc();" tabindex="205" title="" type="button">Submit</button> </div> </div> </form>  </section> </div> </div>