causeway-standard-theme
Version:
722 lines (685 loc) • 33.5 kB
HTML
<html lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2, minimum-scale=0.25">
<title>Causeway Theme</title>
<!--Favicon-->
<link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/manifest.json">
<!-- Bootstrap -->
<link href="../css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="../css/causeway-utils.css" rel="stylesheet" media="screen">
<link href="../css/causeway-standard.css" rel="stylesheet" media="screen">
<link href="../docs/css/docs.css" rel="stylesheet" media="screen">
<link href="../css/causeway-print.css" rel="stylesheet" media="print">
</head>
<body>
<div class="container site-header">
<div class="site-header-holder">
<div class="site-heading">
<div class="site-logo"></div>
<h1 class="page-title">Causeway Style</h1>
<div class="account-management dropdown">
<div class="user-avatar">
<img src="../images/image_placeholder.png">
</div>
<div class="user-info">
<a data-toggle="dropdown" href="#">Hello Guest <span class="fa fa-chevron-down"></span> </a>
<ul class="dropdown-menu">
<li>
<a>Logout</a>
</li>
</ul>
</div>
</div>
</div>
<nav class="navbar site-menu" role="navigation">
<div class="resp-back hidden-lg hidden-md">
<a href="#"><span class="fa fa-chevron-left"></span></a>
<span class="title">MENU</span>
</div>
<ul class="nav navbar-nav">
<li class="dropdown">
<a href="../docs/index.html#style" data-hover="dropdown"> Style <span class="fa fa-chevron-down"></span> </a>
<ul class="dropdown-menu">
<li>
<a href="../docs/index.html#build"> Build Instructions </a>
</li>
<li>
<a href="../docs/index.html#javascript"> Javascript </a>
</li>
<li>
<a href="../docs/index.html#stylesheets"> Stylesheets </a>
</li>
</ul>
</li>
<li class="dropdown">
<a href="../docs/shells.html#shells" data-hover="dropdown"> Shells <span class="fa fa-chevron-down"></span> </a>
<ul class="dropdown-menu">
<li class="dropdown-submenu">
<a href="../docs/content.html#content"> Content </a>
<ul class="dropdown-menu">
<li>
<a href="../docs/content.html#content-email"> Emails </a>
</li>
<li>
<a href="../docs/content.html#content-link"> Links </a>
</li>
<li>
<a href="../docs/content.html#content-page-header"> Page Header </a>
</li>
</ul>
</li>
<li>
<a href="../docs/shells.html#footer"> Footer </a>
</li>
<li>
<a href="../docs/shells.html#header"> Header </a>
</li>
<li>
<a href="../docs/left-navigation.html#left-navigation"> Left Navigation </a>
</li>
<li>
<a href="../docs/login.html"> Login page </a>
</li>
<li>
<a href="../docs/shells.html#single-pane"> Single Pane </a>
</li>
<li>
<a href="/docs/twopane-horizontal.html#twopane-horizontal"> Two Pane - Horizontal </a>
</li>
<li>
<a href="../docs/left-navigation-rightpane.html#leftnav-twopane"> Two Pane - Horizontal (Left Navigation Shell) </a>
</li>
<li>
<a href="../docs/twopane-vertical.html#twopane-vertical"> Two Pane - Vertical </a>
</li>
</ul>
</li>
<li class="dropdown">
<a href="../docs/components.html#components" data-hover="dropdown"> Components <span class="fa fa-chevron-down"></span> </a>
<ul class="dropdown-menu">
<li>
<a href="../docs/accordion.html#accordion"> Accordion </a>
</li>
<li>
<a href="../docs/breadcrumb.html#breadcrumb"> Breadcrumb </a>
</li>
<li class="dropdown-submenu">
<a href="../docs/buttons.html#buttons"> Buttons </a>
<ul class="dropdown-menu">
<li>
<a href="../docs/buttons.html#buttons-arrow"> Arrow Button </a>
</li>
<li>
<a href="../docs/buttons.html#buttons-icon"> Icon Buttons </a>
</li>
<li>
<a href="../docs/buttons.html#buttons-multi-action"> Multi-action Buttons </a>
</li>
<li>
<a href="../docs/buttons.html#buttons-standard"> Standard Buttons </a>
</li>
<li>
<a href="../docs/buttons.html#buttons-standard-icons"> Standard Buttons with Icons </a>
</li>
<li>
<a href="../docs/buttons.html#buttons-text"> Text Button </a>
</li>
</ul>
</li>
<li>
<a href="../docs/components.html#dialog-box"> Dialog Box </a>
</li>
<li class="dropdown-submenu">
<a href="../docs/forms.html#forms"> Forms </a>
<ul class="dropdown-menu">
<li>
<a href="../docs/forms.html#forms-advanced-listbox"> Advanced Listbox </a>
</li>
<li>
<a href="../docs/forms.html#forms-checkbox"> Checkbox </a>
</li>
<li>
<a href="../docs/forms.html#forms-color"> Color </a>
</li>
<li>
<a href="../docs/forms.html#forms-currency"> Currency </a>
</li>
<li class="dropdown-submenu">
<a href="../docs/date.html#forms-date"> Date </a>
<ul class="dropdown-menu">
<li>
<a href="../docs/date.html#forms-date-range"> Date Range </a>
</li>
<li>
<a href="../docs/date.html#forms-date-single"> Single Date </a>
</li>
</ul>
</li>
<li>
<a href="../docs/forms.html#forms-email"> Email </a>
</li>
<li>
<a href="../docs/forms.html#forms-file"> File </a>
</li>
<li>
<a href="../docs/forms.html#forms-hyperlink"> Hyperlink </a>
</li>
<li>
<a href="../docs/forms.html#forms-image"> Image </a>
</li>
<li>
<a href="../docs/forms.html#forms-password"> Password </a>
</li>
<li>
<a href="../docs/forms.html#forms-radio"> Radiobutton </a>
</li>
<li class="dropdown-submenu">
<a href="../docs/select.html#forms-select"> Select </a>
<ul class="dropdown-menu">
<li>
<a href="../docs/select.html#forms-select-multiple"> Multiple Choice </a>
</li>
<li>
<a href="../docs/select.html#forms-select-single"> Single Choice </a>
</li>
</ul>
</li>
<li>
<a href="../docs/forms.html#forms-select-shuttle"> Select Shuttle </a>
</li>
<li>
<a href="../docs/forms.html#spinbox"> Spinbox </a>
</li>
<li>
<a href="../docs/forms.html#forms-telephone"> Telephone </a>
</li>
<li>
<a href="../docs/forms.html#forms-text"> Text </a>
</li>
<li>
<a href="../docs/forms.html#forms-textarea"> Textarea </a>
</li>
<li>
<a href="../docs/forms.html#forms-time"> Time </a>
</li>
<li>
<a href="../docs/forms.html#forms-tristate"> Tristate </a>
</li>
</ul>
</li>
<li>
<a href="../docs/components.html#lightbox"> LightBox </a>
</li>
<li class="dropdown-submenu">
<a href="../docs/menus.html#menus"> Menus </a>
<ul class="dropdown-menu">
<li>
<a href="../docs/menus.html#menus-dropdown"> Dropdown Menu </a>
</li>
<li>
<a href="../docs/menus.html#menus-dropdown-site"> Site Menu </a>
</li>
<li>
<a href="../docs/menus.html#menus-dropdown-page"> Page Menu </a>
</li>
<li>
<a href="../docs/menus.html#menus-three-line"> Three Line Menu </a>
</li>
</ul>
</li>
<li>
<a href="../docs/pagination.html#pagination"> Pagination </a>
</li>
<li>
<a href="../docs/site-notification.html#site-notification"> Site Notification </a>
</li>
<li>
<a href="../docs/status-indicator.html#status-indicator"> Status Indicator </a>
</li>
<li>
<a href="../docs/table.html#table"> Table </a>
</li>
<li>
<a href="../docs/components.html#tabstrip"> Tabstrip </a>
</li>
<li>
<a href="../docs/misc.html#tooltip"> Tooltip </a>
</li>
<li>
<a href="../docs/treegrid.html#treegrid"> Tree Grid </a>
</li>
<li>
<a href="../docs/treelist.html#treelist"> Tree List </a>
</li>
<li>
<a href="../docs/treesearchlist.html#treesearchlist"> Tree Search List </a>
</li>
<li>
<a href="../docs/treeview.html#treeview"> Tree View </a>
</li>
<li>
<a href="../docs/wizard.html#wizard"> Wizard </a>
</li>
</ul>
</li>
<li class="dropdown">
<a href="../docs/icons.html#content-icons" data-hover="dropdown"> Icons <span class="fa fa-chevron-down"></span> </a>
<ul class="dropdown-menu">
<li>
<a href="../docs/icons.html#favicon"> Favicon and App Icons </a>
</li>
<li>
<a href="../docs/icons.html#content-icons-available"> Available Icons </a>
</li>
<li>
<a href="../docs/icons.html#content-icons-use"> How to use </a>
</li>
</ul>
</li>
<li>
<a href="../docs/color-palette.html#color-palette"> Color Palette </a>
</li>
<li>
<a href="../index.html"> Download </a>
</li>
</ul>
<div class="additional-nav-info">
<ol class="breadcrumb">
<li><a href="#">Causeway LTD</a></li>
<li class="dropdown">
<a href="#" data-toggle="dropdown">Company Name <span class="fa fa-chevron-down"></span> </a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Sub Company A</a></li>
<li><a href="#">Sub Company B</a></li>
<li><a href="#">Sub Company C</a></li>
<li class="link"><a href="#">More</a></li>
</ul>
</li>
</ol>
<span class="cs-badge has-count">
<a href="#">
<span class="fa fa-shopping-cart"></span>
<span class="cs-badge-count">5</span>
</a>
</span>
<span class="site-notification has-notification">
<a href="#">
<span class="fa fa-bell"></span>
<span class="notification-count">5</span>
</a>
</span>
<span class="cs-badge has-count">
<a href="#">
<span class="fa fa-envelope"></span>
<span class="cs-badge-count">5</span>
</a>
</span>
<span class="additional-menu">
<a href="#" data-toggle="dropdown"> <span class="glyphicon glyphicon-threeLine-menu"></span> </a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Site Map</a></li>
<li><a href="#">Application Sample</a></li>
</ul>
</span>
</div>
</nav>
</div>
</div>
<!--Notification block starts here-->
<section class="notification-content-right">
<div class="notification-content-wrapper">
<div class="notification-header">
<h2>Notifications</h2>
</div>
<div class="notification-content">
<ul>
<li>
<strong>Far far away,</strong> behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia.
</li>
<li>
<strong>It is a paradisematic country,</strong>in which roasted parts of sentences fly into your mouth. Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.
<a href="#">Find out more.</a>
</li>
<li>
<strong>It is a paradisematic country,</strong>in which roasted parts of sentences fly into your mouth. Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.
<a href="#">Find out more.</a>
</li>
<li>
You have <strong>One New</strong> Pending Invitation:
<a href="#">Carillion AMBS Limited</a>.
<a href="#" class="close glyphicon glyphicon-close"></a>
</li>
<li>
You have <strong>One New</strong> Pending Invitation:
<a href="#">Amey Group Services Ltd</a>.
<a href="#" class="close glyphicon glyphicon-close"></a>
</li>
<li>
You have <strong>One New</strong> Pending Invitation:
<a href="#">Amey Group Services Ltd</a>.
<a href="#" class="close glyphicon glyphicon-close"></a>
</li>
</ul>
</div>
</div>
</section>
<!--Notification block ends here-->
<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>
<!--Print example html--><!-- Main Body -->
<div class="content-banner">
<h1 class="title">Create online invoice - Invoice Creation</h1>
</div>
<!-- This is where the input body goes -->
<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>
<!-- Invoice -->
<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>
<!--End print example html-->
</section>
</div>
</div> <div class="container site-footer">
<div class="status-holder">
<div class="status-message"></div>
</div>
<!--<a href="#" class="site-footer-toggle">-->
<!--<span class="fa fa-chevron-down"></span>-->
<!--</a>-->
</div>
<script src="/js/jquery.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/causeway-utils.min.js"></script>
<script src="/js/causeway.js"></script>
<script src="/js/responsive.js"></script>
<script src="/docs/js/docs.js"></script>
<script>
(function(window, $){
var statusHolder = $('.status-message'),
date = new Date();
var message = "Copyright © 1998-" + date.getFullYear() + " Causeway Software Solutions Limited.";
statusHolder.html(message);
}(window, jQuery));
</script>
</body>
</html>