invoice-generator.com
Open in
urlscan Pro
109.74.200.109
Public Scan
Submitted URL: https://www.vesicredit.com/defAUlt.aspx
Effective URL: https://invoice-generator.com/
Submission: On June 03 via api from IE — Scanned from DE
Effective URL: https://invoice-generator.com/
Submission: On June 03 via api from IE — Scanned from DE
Form analysis 5 forms found in the DOM
Name: documentForm —
<form name="documentForm" class="ng-pristine ng-scope ng-invalid ng-invalid-required">
<div class="invoice-holder clearfix">
<div class="mobile-btns">
<div class="inner">
<div class="my-invoices-btn">
<a href="/history" class="btn btn-link">
History
<span class="badge rounded-circle ng-binding ng-hide" ng-show="numDocuments>0">0</span>
</a>
</div>
<div class="right">
<button type="button" class="btn btn-link" ng-disabled="documentForm.$invalid" ng-click="downloadModal()" disabled="disabled">
<svg class="svg-inline--fa fa-arrow-to-bottom" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="arrow-to-bottom" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" data-fa-i2svg="">
<path fill="currentColor"
d="M297.4 169.4L224 242.8V64c0-17.69-14.31-32-32-32S160 46.31 160 64v178.8L86.63 169.4C80.38 163.1 72.19 160 64 160S47.63 163.1 41.38 169.4c-12.5 12.5-12.5 32.75 0 45.25l128 128c12.5 12.5 32.75 12.5 45.25 0l128-128c12.5-12.5 12.5-32.75 0-45.25S309.9 156.9 297.4 169.4zM352 416H32c-17.69 0-32 14.31-32 32s14.31 32 32 32h320c17.69 0 32-14.31 32-32S369.7 416 352 416z">
</path>
</svg><!-- <span class="fas fa-arrow-to-bottom"></span> --> Download </button>
<button type="button" class="btn btn-primary" ng-disabled="documentForm.$invalid" ng-click="sendModal()" disabled="disabled"> Send </button>
</div>
</div>
</div>
<div class="invoice-controls desktop">
<div class="affix-el" id="invoice-controls-affix">
<div class="d-grid gap-2">
<button type="button" class="btn btn-primary btn-lg ng-binding" ng-disabled="documentForm.$invalid" ng-click="sendModal()" tabindex="1050" disabled="disabled"> Send Invoice </button>
<button type="button" class="btn btn-link ng-binding" ng-disabled="documentForm.$invalid" ng-click="downloadModal()" tabindex="1051" disabled="disabled">
<svg class="svg-inline--fa fa-arrow-to-bottom" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="arrow-to-bottom" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" data-fa-i2svg="">
<path fill="currentColor"
d="M297.4 169.4L224 242.8V64c0-17.69-14.31-32-32-32S160 46.31 160 64v178.8L86.63 169.4C80.38 163.1 72.19 160 64 160S47.63 163.1 41.38 169.4c-12.5 12.5-12.5 32.75 0 45.25l128 128c12.5 12.5 32.75 12.5 45.25 0l128-128c12.5-12.5 12.5-32.75 0-45.25S309.9 156.9 297.4 169.4zM352 416H32c-17.69 0-32 14.31-32 32s14.31 32 32 32h320c17.69 0 32-14.31 32-32S369.7 416 352 416z">
</path>
</svg><!-- <span class="fas fa-arrow-to-bottom"></span> --> Download Invoice </button>
</div>
<div class="section selected-currency">
<label class="control-label">Currency</label>
<div>
<div class="invoiced-select">
<select ng-model="document.currency" ng-options="currency.code as currency.name for (code, currency) in currencies" class="ng-pristine ng-untouched ng-valid">
<option value="AED" label="AED (د.إ)">AED (د.إ)</option>
<option value="AFN" label="AFN">AFN</option>
<option value="ALL" label="ALL (Lek)">ALL (Lek)</option>
<option value="AMD" label="AMD">AMD</option>
<option value="ANG" label="ANG (ƒ)">ANG (ƒ)</option>
<option value="AOA" label="AOA (Kz)">AOA (Kz)</option>
<option value="ARS" label="ARS ($)">ARS ($)</option>
<option value="AUD" label="AUD ($)">AUD ($)</option>
<option value="AWG" label="AWG (ƒ)">AWG (ƒ)</option>
<option value="AZN" label="AZN (ман)">AZN (ман)</option>
<option value="BAM" label="BAM (KM)">BAM (KM)</option>
<option value="BBD" label="BBD ($)">BBD ($)</option>
<option value="BDT" label="BDT (Tk)">BDT (Tk)</option>
<option value="BGN" label="BGN (лв)">BGN (лв)</option>
<option value="BHD" label="BHD">BHD</option>
<option value="BIF" label="BIF">BIF</option>
<option value="BMD" label="BMD ($)">BMD ($)</option>
<option value="BND" label="BND ($)">BND ($)</option>
<option value="BOB" label="BOB ($b)">BOB ($b)</option>
<option value="BOV" label="BOV">BOV</option>
<option value="BRL" label="BRL (R$)">BRL (R$)</option>
<option value="BSD" label="BSD ($)">BSD ($)</option>
<option value="BTN" label="BTN">BTN</option>
<option value="BWP" label="BWP (P)">BWP (P)</option>
<option value="BYN" label="BYN (Br)">BYN (Br)</option>
<option value="BZD" label="BZD (BZ$)">BZD (BZ$)</option>
<option value="CAD" label="CAD ($)">CAD ($)</option>
<option value="CDF" label="CDF">CDF</option>
<option value="CHE" label="CHE">CHE</option>
<option value="CHF" label="CHF">CHF</option>
<option value="CHW" label="CHW">CHW</option>
<option value="CLF" label="CLF">CLF</option>
<option value="CLP" label="CLP ($)">CLP ($)</option>
<option value="CNY" label="CNY (¥)">CNY (¥)</option>
<option value="COP" label="COP (p.)">COP (p.)</option>
<option value="COU" label="COU">COU</option>
<option value="CRC" label="CRC (₡)">CRC (₡)</option>
<option value="CUC" label="CUC">CUC</option>
<option value="CUP" label="CUP (₱)">CUP (₱)</option>
<option value="CVE" label="CVE">CVE</option>
<option value="CZK" label="CZK (Kč)">CZK (Kč)</option>
<option value="DJF" label="DJF (CHF)">DJF (CHF)</option>
<option value="DKK" label="DKK (kr)">DKK (kr)</option>
<option value="DOP" label="DOP (RD$)">DOP (RD$)</option>
<option value="DZD" label="DZD">DZD</option>
<option value="EGP" label="EGP (E£)">EGP (E£)</option>
<option value="ERN" label="ERN">ERN</option>
<option value="ETB" label="ETB">ETB</option>
<option value="EUR" label="EUR (€)">EUR (€)</option>
<option value="FJD" label="FJD ($)">FJD ($)</option>
<option value="FKP" label="FKP (£)">FKP (£)</option>
<option value="GBP" label="GBP (£)">GBP (£)</option>
<option value="GEL" label="GEL">GEL</option>
<option value="GHS" label="GHS (GH¢)">GHS (GH¢)</option>
<option value="GIP" label="GIP (£)">GIP (£)</option>
<option value="GMD" label="GMD">GMD</option>
<option value="GNF" label="GNF">GNF</option>
<option value="GTQ" label="GTQ (Q)">GTQ (Q)</option>
<option value="GYD" label="GYD ($)">GYD ($)</option>
<option value="HKD" label="HKD (HK$)">HKD (HK$)</option>
<option value="HNL" label="HNL (L)">HNL (L)</option>
<option value="HRK" label="HRK (kn)">HRK (kn)</option>
<option value="HTG" label="HTG">HTG</option>
<option value="HUF" label="HUF (Ft)">HUF (Ft)</option>
<option value="IDR" label="IDR (Rp)">IDR (Rp)</option>
<option value="ILS" label="ILS (₪)">ILS (₪)</option>
<option value="INR" label="INR (Rs)">INR (Rs)</option>
<option value="IQD" label="IQD">IQD</option>
<option value="IRR" label="IRR">IRR</option>
<option value="ISK" label="ISK (kr)">ISK (kr)</option>
<option value="JMD" label="JMD (J$)">JMD (J$)</option>
<option value="JOD" label="JOD">JOD</option>
<option value="JPY" label="JPY (¥)">JPY (¥)</option>
<option value="KES" label="KES (KSh)">KES (KSh)</option>
<option value="KGS" label="KGS (лв)">KGS (лв)</option>
<option value="KHR" label="KHR (៛)">KHR (៛)</option>
<option value="KMF" label="KMF">KMF</option>
<option value="KPW" label="KPW (₩)">KPW (₩)</option>
<option value="KRW" label="KRW (₩)">KRW (₩)</option>
<option value="KWD" label="KWD (ك)">KWD (ك)</option>
<option value="KYD" label="KYD ($)">KYD ($)</option>
<option value="KZT" label="KZT (лв)">KZT (лв)</option>
<option value="LAK" label="LAK (₭)">LAK (₭)</option>
<option value="LBP" label="LBP (£)">LBP (£)</option>
<option value="LKR" label="LKR (Rs)">LKR (Rs)</option>
<option value="LRD" label="LRD ($)">LRD ($)</option>
<option value="LSL" label="LSL">LSL</option>
<option value="LYD" label="LYD (LD)">LYD (LD)</option>
<option value="MAD" label="MAD">MAD</option>
<option value="MDL" label="MDL">MDL</option>
<option value="MGA" label="MGA">MGA</option>
<option value="MKD" label="MKD (ден)">MKD (ден)</option>
<option value="MMK" label="MMK">MMK</option>
<option value="MNT" label="MNT (₮)">MNT (₮)</option>
<option value="MOP" label="MOP">MOP</option>
<option value="MRU" label="MRU">MRU</option>
<option value="MUR" label="MUR (Rs)">MUR (Rs)</option>
<option value="MVR" label="MVR">MVR</option>
<option value="MWK" label="MWK">MWK</option>
<option value="MXN" label="MXN ($)">MXN ($)</option>
<option value="MXV" label="MXV">MXV</option>
<option value="MYR" label="MYR (RM)">MYR (RM)</option>
<option value="MZN" label="MZN (MT)">MZN (MT)</option>
<option value="NAD" label="NAD (N$)">NAD (N$)</option>
<option value="NGN" label="NGN (₦)">NGN (₦)</option>
<option value="NIO" label="NIO (C$)">NIO (C$)</option>
<option value="NOK" label="NOK (kr)">NOK (kr)</option>
<option value="NPR" label="NPR (Rs)">NPR (Rs)</option>
<option value="NZD" label="NZD ($)">NZD ($)</option>
<option value="OMR" label="OMR">OMR</option>
<option value="PAB" label="PAB (B/.)">PAB (B/.)</option>
<option value="PEN" label="PEN (S/.)">PEN (S/.)</option>
<option value="PGK" label="PGK">PGK</option>
<option value="PHP" label="PHP (₱)">PHP (₱)</option>
<option value="PKR" label="PKR (Rs)">PKR (Rs)</option>
<option value="PLN" label="PLN (zł)">PLN (zł)</option>
<option value="PYG" label="PYG (Gs)">PYG (Gs)</option>
<option value="QAR" label="QAR">QAR</option>
<option value="RON" label="RON (lei)">RON (lei)</option>
<option value="RSD" label="RSD (Дин.)">RSD (Дин.)</option>
<option value="RUB" label="RUB (руб)">RUB (руб)</option>
<option value="RWF" label="RWF">RWF</option>
<option value="SAR" label="SAR">SAR</option>
<option value="SBD" label="SBD ($)">SBD ($)</option>
<option value="SCR" label="SCR (Rs)">SCR (Rs)</option>
<option value="SDG" label="SDG">SDG</option>
<option value="SEK" label="SEK (kr)">SEK (kr)</option>
<option value="SGD" label="SGD ($)">SGD ($)</option>
<option value="SHP" label="SHP (£)">SHP (£)</option>
<option value="SLL" label="SLL">SLL</option>
<option value="SOS" label="SOS (S)">SOS (S)</option>
<option value="SRD" label="SRD ($)">SRD ($)</option>
<option value="SSP" label="SSP">SSP</option>
<option value="STN" label="STN">STN</option>
<option value="SVC" label="SVC ($)">SVC ($)</option>
<option value="SYP" label="SYP (£)">SYP (£)</option>
<option value="SZL" label="SZL">SZL</option>
<option value="THB" label="THB (฿)">THB (฿)</option>
<option value="TJS" label="TJS">TJS</option>
<option value="TMT" label="TMT">TMT</option>
<option value="TND" label="TND (DT)">TND (DT)</option>
<option value="TOP" label="TOP">TOP</option>
<option value="TRY" label="TRY">TRY</option>
<option value="TTD" label="TTD (TT$)">TTD (TT$)</option>
<option value="TWD" label="TWD (NT$)">TWD (NT$)</option>
<option value="TZS" label="TZS (TSh)">TZS (TSh)</option>
<option value="UAH" label="UAH (₴)">UAH (₴)</option>
<option value="UGX" label="UGX (USh)">UGX (USh)</option>
<option value="USD" selected="selected" label="USD ($)">USD ($)</option>
<option value="USN" label="USN">USN</option>
<option value="UYI" label="UYI">UYI</option>
<option value="UYU" label="UYU ($U)">UYU ($U)</option>
<option value="UYW" label="UYW">UYW</option>
<option value="UZS" label="UZS (лв)">UZS (лв)</option>
<option value="VES" label="VES">VES</option>
<option value="VND" label="VND (₫)">VND (₫)</option>
<option value="VUV" label="VUV">VUV</option>
<option value="WST" label="WST">WST</option>
<option value="XAF" label="XAF">XAF</option>
<option value="XAG" label="XAG">XAG</option>
<option value="XAU" label="XAU">XAU</option>
<option value="XBA" label="XBA">XBA</option>
<option value="XBB" label="XBB">XBB</option>
<option value="XBC" label="XBC">XBC</option>
<option value="XBD" label="XBD">XBD</option>
<option value="XCD" label="XCD ($)">XCD ($)</option>
<option value="XDR" label="XDR">XDR</option>
<option value="XOF" label="XOF">XOF</option>
<option value="XPD" label="XPD">XPD</option>
<option value="XPF" label="XPF">XPF</option>
<option value="XPT" label="XPT">XPT</option>
<option value="XSU" label="XSU">XSU</option>
<option value="XTS" label="XTS">XTS</option>
<option value="XUA" label="XUA">XUA</option>
<option value="XXX" label="XXX">XXX</option>
<option value="YER" label="YER">YER</option>
<option value="ZAR" label="ZAR (R)">ZAR (R)</option>
<option value="ZMW" label="ZMW (ZK)">ZMW (ZK)</option>
<option value="ZWL" label="ZWL">ZWL</option>
</select>
</div>
</div>
</div>
<div class="section save-template">
<a href="" ng-click="saveDefaults()" ng-show="!isDefault()" tabindex="1054">
Save Defaults
</a>
</div>
<div class="section my-invoices-btn">
<a href="/history" tabindex="1054">
History
<span class="badge rounded-circle ng-binding ng-hide" ng-show="numDocuments>0">0</span>
</a>
</div>
</div>
</div>
<div class="papers">
<div class="invoice">
<div class="two-col clearfix">
<div class="title">
<input class="form-control input-label ng-pristine ng-untouched ng-valid" ng-model="document.header" tabindex="10">
<div class="subtitle">
<div class="input-group">
<span class="input-group-text">#</span>
<input class="form-control ng-pristine ng-untouched ng-valid" tabindex="11" ng-model="document.number">
</div>
</div>
</div>
<div class="col contact-info">
<div class="logo noselect">
<div class="placeholder" ng-hide="document.logo">
<div class="main"><svg class="svg-inline--fa fa-plus" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="plus" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<path fill="currentColor"
d="M432 256c0 17.69-14.33 32.01-32 32.01H256v144c0 17.69-14.33 31.99-32 31.99s-32-14.3-32-31.99v-144H48c-17.67 0-32-14.32-32-32.01s14.33-31.99 32-31.99H192v-144c0-17.69 14.33-32.01 32-32.01s32 14.32 32 32.01v144h144C417.7 224 432 238.3 432 256z">
</path>
</svg><!-- <span class="fas fa-plus"></span> --> Add Your Logo</div>
</div>
<img ng-show="document.logo" ng-src="" alt="Invoice Logo" class="ng-hide">
<input type="file" accept="image/*" class="file-1" onchange="angular.element(this).scope().changeLogo(this)" tabindex="12">
<input type="file" accept="image/*" class="file-2" onchange="angular.element(this).scope().changeLogo(this)">
<input type="file" accept="image/*" class="file-3" onchange="angular.element(this).scope().changeLogo(this)">
<input type="file" accept="image/*" class="file-4" onchange="angular.element(this).scope().changeLogo(this)">
<input type="file" accept="image/*" class="file-5" onchange="angular.element(this).scope().changeLogo(this)">
<input type="file" accept="image/*" class="file-6" onchange="angular.element(this).scope().changeLogo(this)">
<input type="file" accept="image/*" class="file-7" onchange="angular.element(this).scope().changeLogo(this)">
<input type="file" accept="image/*" class="file-8" onchange="angular.element(this).scope().changeLogo(this)">
<button class="remove-logo ng-hide" ng-show="document.logo" ng-click="removeLogo()" tabindex="13">
<svg class="svg-inline--fa fa-times" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg="">
<path fill="currentColor"
d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z">
</path>
</svg><!-- <span class="fas fa-times"></span> -->
</button>
</div>
<div class="logo-not-supported alert alert-warning">
<svg class="svg-inline--fa fa-exclamation-triangle" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="exclamation-triangle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
<path fill="currentColor"
d="M506.3 417l-213.3-364c-16.33-28-57.54-28-73.98 0l-213.2 364C-10.59 444.9 9.849 480 42.74 480h426.6C502.1 480 522.6 445 506.3 417zM232 168c0-13.25 10.75-24 24-24S280 154.8 280 168v128c0 13.25-10.75 24-23.1 24S232 309.3 232 296V168zM256 416c-17.36 0-31.44-14.08-31.44-31.44c0-17.36 14.07-31.44 31.44-31.44s31.44 14.08 31.44 31.44C287.4 401.9 273.4 416 256 416z">
</path>
</svg><!-- <span class="fas fa-exclamation-triangle"></span> --> Uploading logos is not supported by your browser. Please consider <a href="https://firefox.com" target="_blank">upgrading</a>.
</div>
<div class="contact from">
<div class="value">
<div class="expandingText" style="position: relative;"><textarea class="form-control ng-pristine ng-untouched expanding-init ng-invalid ng-invalid-required" placeholder="Who is this invoice from? (required)" ng-model="document.from"
tabindex="15" required="" expanding-textarea="" style="position: absolute; height: 100%; resize: none;"></textarea>
<pre class="textareaClone"
style="visibility: hidden; border: 1px solid; white-space: pre-wrap; line-height: 20px; text-decoration: none solid rgb(49, 53, 56); font-family: NeueHaasUnica, Helvetica, Arial, sans-serif; text-align: start; overflow-wrap: break-word; padding: 6px 12px; margin-bottom: 0px;"><div> </div></pre>
</div>
</div>
</div>
<div class="row bill-to-details">
<div class="col-md-6">
<div class="contact to">
<div class="field">
<input class="input-label form-control ng-pristine ng-untouched ng-valid" ng-model="document.to_title" tabindex="16">
</div>
<div class="value">
<div class="expandingText" style="position: relative;"><textarea class="form-control ng-pristine ng-untouched expanding-init ng-invalid ng-invalid-required" placeholder="Who is this invoice to? (required)" ng-model="document.to"
tabindex="17" required="" expanding-textarea="" style="position: absolute; height: 100%; resize: none;"></textarea>
<pre class="textareaClone"
style="visibility: hidden; border: 1px solid; white-space: pre-wrap; line-height: 20px; text-decoration: none solid rgb(49, 53, 56); font-family: NeueHaasUnica, Helvetica, Arial, sans-serif; text-align: start; overflow-wrap: break-word; padding: 6px 12px; margin-bottom: 0px;"><div> </div></pre>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="contact to">
<div class="field">
<input class="input-label form-control ng-pristine ng-untouched ng-valid" ng-model="document.ship_to_title" tabindex="18">
</div>
<div class="value">
<div class="expandingText" style="position: relative;"><textarea class="form-control ng-pristine ng-untouched ng-valid expanding-init" placeholder="(optional)" ng-model="document.ship_to" tabindex="19" expanding-textarea=""
style="position: absolute; height: 100%; resize: none;"></textarea>
<pre class="textareaClone"
style="visibility: hidden; border: 1px solid; white-space: pre-wrap; line-height: 20px; text-decoration: none solid rgb(49, 53, 56); font-family: NeueHaasUnica, Helvetica, Arial, sans-serif; text-align: start; overflow-wrap: break-word; padding: 6px 12px; margin-bottom: 0px;"><div> </div></pre>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col invoice-details">
<div class="input-group addon-input">
<input class="input-label form-control ng-pristine ng-untouched ng-valid" ng-model="document.date_title" tabindex="20">
<div class="input-group-addon">
<input class="form-control datepicker date ng-pristine ng-untouched ng-valid hasDatepicker" ng-model="document.date" tabindex="21" date-picker="" id="dp1654243043211">
</div>
</div>
<div class="input-group addon-input">
<input class="input-label form-control ng-pristine ng-untouched ng-valid" ng-model="document.payment_terms_title" tabindex="22">
<div class="input-group-addon">
<input class="form-control ng-pristine ng-untouched ng-valid" ng-model="document.payment_terms" tabindex="23">
</div>
</div>
<div class="input-group addon-input">
<input class="input-label form-control ng-pristine ng-untouched ng-valid" ng-model="document.due_date_title" tabindex="24">
<div class="input-group-addon">
<input class="form-control datepicker due-date ng-pristine ng-untouched ng-valid hasDatepicker" ng-model="document.due_date" tabindex="25" date-picker="" id="dp1654243043212">
</div>
</div>
<div class="input-group addon-input">
<input class="input-label form-control ng-pristine ng-untouched ng-valid" ng-model="document.purchase_order_title" tabindex="26">
<div class="input-group-addon">
<input class="form-control ng-pristine ng-untouched ng-valid" ng-model="document.purchase_order" tabindex="27">
</div>
</div>
</div>
</div>
<div class="items-holder">
<div class="items-table-header">
<div class="amount">
<div class="field bordered">
<input class="input-label form-control ng-pristine ng-untouched ng-valid" ng-model="document.amount_header" tabindex="31">
</div>
</div>
<div class="unit_cost">
<div class="field bordered">
<input class="input-label form-control ng-pristine ng-untouched ng-valid ng-valid-required" required="" ng-model="document.unit_cost_header" tabindex="30">
</div>
</div>
<div class="quantity">
<div class="field bordered">
<input class="input-label form-control ng-pristine ng-untouched ng-valid" ng-model="document.quantity_header" tabindex="29">
</div>
</div>
<div class="name">
<div class="field bordered">
<input class="input-label form-control ng-pristine ng-untouched ng-valid" ng-model="document.item_header" tabindex="28">
</div>
</div>
</div>
<div class="items-table">
<!-- ngRepeat: (k, item) in document.items -->
<div class="item-row ng-scope" ng-repeat="(k, item) in document.items">
<div class="main-row">
<div class="delete ng-hide" ng-hide="document.items.length==1">
<button type="button" class="delete-row" ng-click="deleteLineItem(item)" tabindex="45">
<svg class="svg-inline--fa fa-times" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg="">
<path fill="currentColor"
d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z">
</path>
</svg><!-- <span class="fas fa-times"></span> -->
</button>
</div>
<div class="amount value ng-binding" ng-bind-html="item.amount|currencyFormat:document.currency">$0.00</div>
<div class="unit_cost">
<div ng-tabindex="40+8*k+3" ng-model="item.unit_cost" currency="document.currency" ng-required="true" input-amount="" class="ng-pristine ng-untouched ng-valid ng-isolate-scope ng-valid-required" required="required">
<div class="input-amount" ng-class="{'is-percent':!!isRate,'with-selector':hasSelector}">
<div class="addon currency-sign ng-binding">$</div><input class="form-control ng-pristine ng-untouched ng-valid ng-valid-required" type="number" step="any" autocomplete="off" tabindex="43" ng-required="ngRequired"
ng-model="value" ng-change="change()" required="required">
<div class="addon percent">%</div>
<div class="addon selector"><button type="button" class="btn" ng-click="toggleRate()"><svg class="svg-inline--fa fa-repeat" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="repeat" role="img"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
<path fill="currentColor"
d="M480 256c-17.67 0-32 14.31-32 32c0 52.94-43.06 96-96 96H192L192 344c0-9.469-5.578-18.06-14.23-21.94C169.1 318.3 159 319.8 151.9 326.2l-80 72C66.89 402.7 64 409.2 64 416s2.891 13.28 7.938 17.84l80 72C156.4 509.9 162.2 512 168 512c3.312 0 6.615-.6875 9.756-2.062C186.4 506.1 192 497.5 192 488L192 448h160c88.22 0 160-71.78 160-160C512 270.3 497.7 256 480 256zM160 128h159.1L320 168c0 9.469 5.578 18.06 14.23 21.94C337.4 191.3 340.7 192 343.1 192c5.812 0 11.57-2.125 16.07-6.156l80-72C445.1 109.3 448 102.8 448 95.1s-2.891-13.28-7.938-17.84l-80-72c-7.047-6.312-17.19-7.875-25.83-4.094C325.6 5.938 319.1 14.53 319.1 24L320 64H160C71.78 64 0 135.8 0 224c0 17.69 14.33 32 32 32s32-14.31 32-32C64 171.1 107.1 128 160 128z">
</path>
</svg><!-- <span class="fas fa-repeat"></span> --></button></div>
</div>
</div>
</div>
<div class="quantity">
<input type="number" step="any" class="form-control ng-pristine ng-untouched ng-valid ng-valid-required" autocomplete="off" ng-model="item.quantity" tabindex="42" placeholder="Quantity" required="">
</div>
<div class="name">
<div class="expandingText" style="position: relative;"><textarea class="form-control ng-pristine ng-untouched ng-valid expanding-init" ng-model="item.name" tabindex="41" placeholder="Description of service or product..."
expanding-textarea="" style="position: absolute; height: 100%; resize: none;"></textarea>
<pre class="textareaClone"
style="visibility: hidden; border: 1px solid; white-space: pre-wrap; line-height: 20px; text-decoration: none solid rgb(49, 53, 56); font-family: NeueHaasUnica, Helvetica, Arial, sans-serif; overflow-wrap: break-word; padding: 6px 12px; margin-bottom: 0px;"><div> </div></pre>
</div>
</div>
</div>
</div><!-- end ngRepeat: (k, item) in document.items -->
</div>
<div class="new-line">
<button type="button" class="btn btn-primary btn-sm" tabindex="1000" ng-click="addLineItem()">
<svg class="svg-inline--fa fa-plus" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="plus" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<path fill="currentColor"
d="M432 256c0 17.69-14.33 32.01-32 32.01H256v144c0 17.69-14.33 31.99-32 31.99s-32-14.3-32-31.99v-144H48c-17.67 0-32-14.32-32-32.01s14.33-31.99 32-31.99H192v-144c0-17.69 14.33-32.01 32-32.01s32 14.32 32 32.01v144h144C417.7 224 432 238.3 432 256z">
</path>
</svg><!-- <span class="fas fa-plus"></span> --> Line Item </button>
</div>
</div>
<div class="two-col clearfix">
<div class="col footer">
<div class="notes-holder">
<div class="field">
<input class="input-label form-control ng-pristine ng-untouched ng-valid" ng-model="document.notes_title" tabindex="1014">
</div>
<div class="value">
<div class="expandingText" style="position: relative;"><textarea class="notes form-control ng-pristine ng-untouched ng-valid expanding-init" placeholder="Notes - any relevant information not already covered" ng-model="document.notes"
tabindex="1015" expanding-textarea="" style="position: absolute; height: 100%; resize: none;"></textarea>
<pre class="textareaClone"
style="visibility: hidden; border: 1px solid; white-space: pre-wrap; line-height: 20px; text-decoration: none solid rgb(49, 53, 56); font-family: NeueHaasUnica, Helvetica, Arial, sans-serif; overflow-wrap: break-word; padding: 6px 12px; margin-bottom: 0px;"><div> </div></pre>
</div>
</div>
</div>
<div class="terms-holder">
<div class="field">
<input class="input-label form-control ng-pristine ng-untouched ng-valid" ng-model="document.terms_title" tabindex="1016">
</div>
<div class="value">
<div class="expandingText" style="position: relative;"><textarea class="terms form-control ng-pristine ng-untouched ng-valid expanding-init" placeholder="Terms and conditions - late fees, payment methods, delivery schedule"
ng-model="document.terms" tabindex="1017" expanding-textarea="" style="position: absolute; height: 100%; resize: none;"></textarea>
<pre class="textareaClone"
style="visibility: hidden; border: 1px solid; white-space: pre-wrap; line-height: 20px; text-decoration: none solid rgb(49, 53, 56); font-family: NeueHaasUnica, Helvetica, Arial, sans-serif; overflow-wrap: break-word; padding: 6px 12px; margin-bottom: 0px;"><div> </div></pre>
</div>
</div>
</div>
</div>
<div class="col rates">
<div class="input-group addon-input">
<input class="input-label form-control ng-pristine ng-untouched ng-valid" ng-model="document.subtotal_title" tabindex="1001">
<div class="input-group-addon value deleteable ng-binding" ng-bind-html="document.subtotal|currencyFormat:document.currency">$0.00</div>
</div>
<div class="input-group addon-input ng-hide" ng-show="!!document.fields.discounts">
<div class="delete">
<button type="button" class="btn btn-link" ng-click="removeDiscount()">
<svg class="svg-inline--fa fa-times" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg="">
<path fill="currentColor"
d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z">
</path>
</svg><!-- <span class="fas fa-times"></span> -->
</button>
</div>
<input class="input-label form-control ng-pristine ng-untouched ng-valid" ng-model="document.discounts_title" tabindex="1002">
<div class="input-group-addon input deleteable">
<div input-amount="" is-rate="discountIsRate" currency="document.currency" ng-model="document.discounts" ng-tabindex="1003" has-selector="true" class="ng-pristine ng-untouched ng-valid ng-isolate-scope">
<div class="input-amount with-selector" ng-class="{'is-percent':!!isRate,'with-selector':hasSelector}">
<div class="addon currency-sign ng-binding">$</div><input class="form-control ng-pristine ng-untouched ng-valid ng-valid-required" type="number" step="any" autocomplete="off" tabindex="1003" ng-required="ngRequired"
ng-model="value" ng-change="change()">
<div class="addon percent">%</div>
<div class="addon selector"><button type="button" class="btn" ng-click="toggleRate()"><svg class="svg-inline--fa fa-repeat" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="repeat" role="img"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
<path fill="currentColor"
d="M480 256c-17.67 0-32 14.31-32 32c0 52.94-43.06 96-96 96H192L192 344c0-9.469-5.578-18.06-14.23-21.94C169.1 318.3 159 319.8 151.9 326.2l-80 72C66.89 402.7 64 409.2 64 416s2.891 13.28 7.938 17.84l80 72C156.4 509.9 162.2 512 168 512c3.312 0 6.615-.6875 9.756-2.062C186.4 506.1 192 497.5 192 488L192 448h160c88.22 0 160-71.78 160-160C512 270.3 497.7 256 480 256zM160 128h159.1L320 168c0 9.469 5.578 18.06 14.23 21.94C337.4 191.3 340.7 192 343.1 192c5.812 0 11.57-2.125 16.07-6.156l80-72C445.1 109.3 448 102.8 448 95.1s-2.891-13.28-7.938-17.84l-80-72c-7.047-6.312-17.19-7.875-25.83-4.094C325.6 5.938 319.1 14.53 319.1 24L320 64H160C71.78 64 0 135.8 0 224c0 17.69 14.33 32 32 32s32-14.31 32-32C64 171.1 107.1 128 160 128z">
</path>
</svg><!-- <span class="fas fa-repeat"></span> --></button></div>
</div>
</div>
</div>
</div>
<div class="input-group addon-input" ng-show="!!document.fields.tax">
<div class="delete">
<button type="button" class="btn btn-link" ng-click="removeTax()">
<svg class="svg-inline--fa fa-times" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg="">
<path fill="currentColor"
d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z">
</path>
</svg><!-- <span class="fas fa-times"></span> -->
</button>
</div>
<input class="input-label form-control ng-pristine ng-untouched ng-valid" ng-model="document.tax_title" tabindex="1004">
<div class="input-group-addon input deleteable">
<div input-amount="" is-rate="taxIsRate" currency="document.currency" ng-model="document.tax" ng-tabindex="1005" has-selector="true" class="ng-pristine ng-untouched ng-valid ng-isolate-scope">
<div class="input-amount is-percent with-selector" ng-class="{'is-percent':!!isRate,'with-selector':hasSelector}">
<div class="addon currency-sign ng-binding">$</div><input class="form-control ng-pristine ng-untouched ng-valid ng-valid-required" type="number" step="any" autocomplete="off" tabindex="1005" ng-required="ngRequired"
ng-model="value" ng-change="change()">
<div class="addon percent">%</div>
<div class="addon selector"><button type="button" class="btn" ng-click="toggleRate()"><svg class="svg-inline--fa fa-repeat" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="repeat" role="img"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
<path fill="currentColor"
d="M480 256c-17.67 0-32 14.31-32 32c0 52.94-43.06 96-96 96H192L192 344c0-9.469-5.578-18.06-14.23-21.94C169.1 318.3 159 319.8 151.9 326.2l-80 72C66.89 402.7 64 409.2 64 416s2.891 13.28 7.938 17.84l80 72C156.4 509.9 162.2 512 168 512c3.312 0 6.615-.6875 9.756-2.062C186.4 506.1 192 497.5 192 488L192 448h160c88.22 0 160-71.78 160-160C512 270.3 497.7 256 480 256zM160 128h159.1L320 168c0 9.469 5.578 18.06 14.23 21.94C337.4 191.3 340.7 192 343.1 192c5.812 0 11.57-2.125 16.07-6.156l80-72C445.1 109.3 448 102.8 448 95.1s-2.891-13.28-7.938-17.84l-80-72c-7.047-6.312-17.19-7.875-25.83-4.094C325.6 5.938 319.1 14.53 319.1 24L320 64H160C71.78 64 0 135.8 0 224c0 17.69 14.33 32 32 32s32-14.31 32-32C64 171.1 107.1 128 160 128z">
</path>
</svg><!-- <span class="fas fa-repeat"></span> --></button></div>
</div>
</div>
</div>
</div>
<div class="input-group addon-input ng-hide" ng-show="!!document.fields.shipping">
<div class="delete">
<button type="button" class="btn btn-link" ng-click="removeShipping()">
<svg class="svg-inline--fa fa-times" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg="">
<path fill="currentColor"
d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z">
</path>
</svg><!-- <span class="fas fa-times"></span> -->
</button>
</div>
<input class="input-label form-control ng-pristine ng-untouched ng-valid" ng-model="document.shipping_title" tabindex="1006">
<div class="input-group-addon input deleteable">
<div input-amount="" is-rate="false" currency="document.currency" ng-model="document.shipping" ng-tabindex="1007" class="ng-pristine ng-untouched ng-valid ng-isolate-scope">
<div class="input-amount" ng-class="{'is-percent':!!isRate,'with-selector':hasSelector}">
<div class="addon currency-sign ng-binding">$</div><input class="form-control ng-pristine ng-untouched ng-valid ng-valid-required" type="number" step="any" autocomplete="off" tabindex="1007" ng-required="ngRequired"
ng-model="value" ng-change="change()">
<div class="addon percent">%</div>
<div class="addon selector"><button type="button" class="btn" ng-click="toggleRate()"><svg class="svg-inline--fa fa-repeat" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="repeat" role="img"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
<path fill="currentColor"
d="M480 256c-17.67 0-32 14.31-32 32c0 52.94-43.06 96-96 96H192L192 344c0-9.469-5.578-18.06-14.23-21.94C169.1 318.3 159 319.8 151.9 326.2l-80 72C66.89 402.7 64 409.2 64 416s2.891 13.28 7.938 17.84l80 72C156.4 509.9 162.2 512 168 512c3.312 0 6.615-.6875 9.756-2.062C186.4 506.1 192 497.5 192 488L192 448h160c88.22 0 160-71.78 160-160C512 270.3 497.7 256 480 256zM160 128h159.1L320 168c0 9.469 5.578 18.06 14.23 21.94C337.4 191.3 340.7 192 343.1 192c5.812 0 11.57-2.125 16.07-6.156l80-72C445.1 109.3 448 102.8 448 95.1s-2.891-13.28-7.938-17.84l-80-72c-7.047-6.312-17.19-7.875-25.83-4.094C325.6 5.938 319.1 14.53 319.1 24L320 64H160C71.78 64 0 135.8 0 224c0 17.69 14.33 32 32 32s32-14.31 32-32C64 171.1 107.1 128 160 128z">
</path>
</svg><!-- <span class="fas fa-repeat"></span> --></button></div>
</div>
</div>
</div>
</div>
<div class="add-rates">
<button type="button" class="btn btn-link btn-sm" ng-click="addDiscount()" ng-hide="!!document.fields.discounts" tabindex="1008">
<svg class="svg-inline--fa fa-plus" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="plus" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<path fill="currentColor"
d="M432 256c0 17.69-14.33 32.01-32 32.01H256v144c0 17.69-14.33 31.99-32 31.99s-32-14.3-32-31.99v-144H48c-17.67 0-32-14.32-32-32.01s14.33-31.99 32-31.99H192v-144c0-17.69 14.33-32.01 32-32.01s32 14.32 32 32.01v144h144C417.7 224 432 238.3 432 256z">
</path>
</svg><!-- <span class="fas fa-plus"></span> --> Discount </button>
<button type="button" class="btn btn-link btn-sm ng-hide" ng-click="addTax()" ng-hide="!!document.fields.tax" tabindex="1009">
<svg class="svg-inline--fa fa-plus" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="plus" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<path fill="currentColor"
d="M432 256c0 17.69-14.33 32.01-32 32.01H256v144c0 17.69-14.33 31.99-32 31.99s-32-14.3-32-31.99v-144H48c-17.67 0-32-14.32-32-32.01s14.33-31.99 32-31.99H192v-144c0-17.69 14.33-32.01 32-32.01s32 14.32 32 32.01v144h144C417.7 224 432 238.3 432 256z">
</path>
</svg><!-- <span class="fas fa-plus"></span> --> Tax </button>
<button type="button" class="btn btn-link btn-sm" ng-click="addShipping()" ng-hide="!!document.fields.shipping" tabindex="1010">
<svg class="svg-inline--fa fa-plus" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="plus" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<path fill="currentColor"
d="M432 256c0 17.69-14.33 32.01-32 32.01H256v144c0 17.69-14.33 31.99-32 31.99s-32-14.3-32-31.99v-144H48c-17.67 0-32-14.32-32-32.01s14.33-31.99 32-31.99H192v-144c0-17.69 14.33-32.01 32-32.01s32 14.32 32 32.01v144h144C417.7 224 432 238.3 432 256z">
</path>
</svg><!-- <span class="fas fa-plus"></span> --> Shipping </button>
</div>
<div class="input-group addon-input">
<input class="input-label form-control ng-pristine ng-untouched ng-valid" ng-model="document.total_title" tabindex="1011">
<div class="input-group-addon value deleteable ng-binding" ng-bind-html="document.total|currencyFormat:document.currency">$0.00</div>
</div>
<div class="input-group addon-input">
<input class="input-label form-control ng-pristine ng-untouched ng-valid" ng-model="document.amount_paid_title" tabindex="1012">
<div class="input-group-addon input deleteable">
<div input-amount="" currency="document.currency" ng-model="document.amount_paid" ng-tabindex="1013" class="ng-pristine ng-untouched ng-valid ng-isolate-scope">
<div class="input-amount" ng-class="{'is-percent':!!isRate,'with-selector':hasSelector}">
<div class="addon currency-sign ng-binding">$</div><input class="form-control ng-pristine ng-untouched ng-valid ng-valid-required" type="number" step="any" autocomplete="off" tabindex="1013" ng-required="ngRequired"
ng-model="value" ng-change="change()">
<div class="addon percent">%</div>
<div class="addon selector"><button type="button" class="btn" ng-click="toggleRate()"><svg class="svg-inline--fa fa-repeat" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="repeat" role="img"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
<path fill="currentColor"
d="M480 256c-17.67 0-32 14.31-32 32c0 52.94-43.06 96-96 96H192L192 344c0-9.469-5.578-18.06-14.23-21.94C169.1 318.3 159 319.8 151.9 326.2l-80 72C66.89 402.7 64 409.2 64 416s2.891 13.28 7.938 17.84l80 72C156.4 509.9 162.2 512 168 512c3.312 0 6.615-.6875 9.756-2.062C186.4 506.1 192 497.5 192 488L192 448h160c88.22 0 160-71.78 160-160C512 270.3 497.7 256 480 256zM160 128h159.1L320 168c0 9.469 5.578 18.06 14.23 21.94C337.4 191.3 340.7 192 343.1 192c5.812 0 11.57-2.125 16.07-6.156l80-72C445.1 109.3 448 102.8 448 95.1s-2.891-13.28-7.938-17.84l-80-72c-7.047-6.312-17.19-7.875-25.83-4.094C325.6 5.938 319.1 14.53 319.1 24L320 64H160C71.78 64 0 135.8 0 224c0 17.69 14.33 32 32 32s32-14.31 32-32C64 171.1 107.1 128 160 128z">
</path>
</svg><!-- <span class="fas fa-repeat"></span> --></button></div>
</div>
</div>
</div>
</div>
<div class="input-group addon-input">
<input class="input-label form-control ng-pristine ng-untouched ng-valid" ng-model="document.balance_title" tabindex="1014">
<div class="input-group-addon value deleteable ng-binding" ng-bind-html="document.balance|currencyFormat:document.currency">$0.00</div>
</div>
</div>
</div>
</div>
</div>
<div class="invoice-controls mobile">
<div class="d-none d-md-flex justify-content-between">
<button type="button" class="btn btn-primary btn-lg w-50 m-2 ng-binding" ng-disabled="documentForm.$invalid" ng-click="sendModal()" disabled="disabled"> Send Invoice </button>
<button type="button" class="btn btn-link w-50 m-2 ng-binding" ng-disabled="documentForm.$invalid" ng-click="downloadModal()" disabled="disabled">
<svg class="svg-inline--fa fa-arrow-to-bottom" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="arrow-to-bottom" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" data-fa-i2svg="">
<path fill="currentColor"
d="M297.4 169.4L224 242.8V64c0-17.69-14.31-32-32-32S160 46.31 160 64v178.8L86.63 169.4C80.38 163.1 72.19 160 64 160S47.63 163.1 41.38 169.4c-12.5 12.5-12.5 32.75 0 45.25l128 128c12.5 12.5 32.75 12.5 45.25 0l128-128c12.5-12.5 12.5-32.75 0-45.25S309.9 156.9 297.4 169.4zM352 416H32c-17.69 0-32 14.31-32 32s14.31 32 32 32h320c17.69 0 32-14.31 32-32S369.7 416 352 416z">
</path>
</svg><!-- <span class="fas fa-arrow-to-bottom"></span> --> Download Invoice </button>
</div>
<div class="section selected-currency">
<label class="control-label">Currency</label>
<div>
<div class="invoiced-select">
<select ng-model="document.currency" ng-options="currency.code as currency.name for (code, currency) in currencies" class="ng-pristine ng-untouched ng-valid">
<option value="AED" label="AED (د.إ)">AED (د.إ)</option>
<option value="AFN" label="AFN">AFN</option>
<option value="ALL" label="ALL (Lek)">ALL (Lek)</option>
<option value="AMD" label="AMD">AMD</option>
<option value="ANG" label="ANG (ƒ)">ANG (ƒ)</option>
<option value="AOA" label="AOA (Kz)">AOA (Kz)</option>
<option value="ARS" label="ARS ($)">ARS ($)</option>
<option value="AUD" label="AUD ($)">AUD ($)</option>
<option value="AWG" label="AWG (ƒ)">AWG (ƒ)</option>
<option value="AZN" label="AZN (ман)">AZN (ман)</option>
<option value="BAM" label="BAM (KM)">BAM (KM)</option>
<option value="BBD" label="BBD ($)">BBD ($)</option>
<option value="BDT" label="BDT (Tk)">BDT (Tk)</option>
<option value="BGN" label="BGN (лв)">BGN (лв)</option>
<option value="BHD" label="BHD">BHD</option>
<option value="BIF" label="BIF">BIF</option>
<option value="BMD" label="BMD ($)">BMD ($)</option>
<option value="BND" label="BND ($)">BND ($)</option>
<option value="BOB" label="BOB ($b)">BOB ($b)</option>
<option value="BOV" label="BOV">BOV</option>
<option value="BRL" label="BRL (R$)">BRL (R$)</option>
<option value="BSD" label="BSD ($)">BSD ($)</option>
<option value="BTN" label="BTN">BTN</option>
<option value="BWP" label="BWP (P)">BWP (P)</option>
<option value="BYN" label="BYN (Br)">BYN (Br)</option>
<option value="BZD" label="BZD (BZ$)">BZD (BZ$)</option>
<option value="CAD" label="CAD ($)">CAD ($)</option>
<option value="CDF" label="CDF">CDF</option>
<option value="CHE" label="CHE">CHE</option>
<option value="CHF" label="CHF">CHF</option>
<option value="CHW" label="CHW">CHW</option>
<option value="CLF" label="CLF">CLF</option>
<option value="CLP" label="CLP ($)">CLP ($)</option>
<option value="CNY" label="CNY (¥)">CNY (¥)</option>
<option value="COP" label="COP (p.)">COP (p.)</option>
<option value="COU" label="COU">COU</option>
<option value="CRC" label="CRC (₡)">CRC (₡)</option>
<option value="CUC" label="CUC">CUC</option>
<option value="CUP" label="CUP (₱)">CUP (₱)</option>
<option value="CVE" label="CVE">CVE</option>
<option value="CZK" label="CZK (Kč)">CZK (Kč)</option>
<option value="DJF" label="DJF (CHF)">DJF (CHF)</option>
<option value="DKK" label="DKK (kr)">DKK (kr)</option>
<option value="DOP" label="DOP (RD$)">DOP (RD$)</option>
<option value="DZD" label="DZD">DZD</option>
<option value="EGP" label="EGP (E£)">EGP (E£)</option>
<option value="ERN" label="ERN">ERN</option>
<option value="ETB" label="ETB">ETB</option>
<option value="EUR" label="EUR (€)">EUR (€)</option>
<option value="FJD" label="FJD ($)">FJD ($)</option>
<option value="FKP" label="FKP (£)">FKP (£)</option>
<option value="GBP" label="GBP (£)">GBP (£)</option>
<option value="GEL" label="GEL">GEL</option>
<option value="GHS" label="GHS (GH¢)">GHS (GH¢)</option>
<option value="GIP" label="GIP (£)">GIP (£)</option>
<option value="GMD" label="GMD">GMD</option>
<option value="GNF" label="GNF">GNF</option>
<option value="GTQ" label="GTQ (Q)">GTQ (Q)</option>
<option value="GYD" label="GYD ($)">GYD ($)</option>
<option value="HKD" label="HKD (HK$)">HKD (HK$)</option>
<option value="HNL" label="HNL (L)">HNL (L)</option>
<option value="HRK" label="HRK (kn)">HRK (kn)</option>
<option value="HTG" label="HTG">HTG</option>
<option value="HUF" label="HUF (Ft)">HUF (Ft)</option>
<option value="IDR" label="IDR (Rp)">IDR (Rp)</option>
<option value="ILS" label="ILS (₪)">ILS (₪)</option>
<option value="INR" label="INR (Rs)">INR (Rs)</option>
<option value="IQD" label="IQD">IQD</option>
<option value="IRR" label="IRR">IRR</option>
<option value="ISK" label="ISK (kr)">ISK (kr)</option>
<option value="JMD" label="JMD (J$)">JMD (J$)</option>
<option value="JOD" label="JOD">JOD</option>
<option value="JPY" label="JPY (¥)">JPY (¥)</option>
<option value="KES" label="KES (KSh)">KES (KSh)</option>
<option value="KGS" label="KGS (лв)">KGS (лв)</option>
<option value="KHR" label="KHR (៛)">KHR (៛)</option>
<option value="KMF" label="KMF">KMF</option>
<option value="KPW" label="KPW (₩)">KPW (₩)</option>
<option value="KRW" label="KRW (₩)">KRW (₩)</option>
<option value="KWD" label="KWD (ك)">KWD (ك)</option>
<option value="KYD" label="KYD ($)">KYD ($)</option>
<option value="KZT" label="KZT (лв)">KZT (лв)</option>
<option value="LAK" label="LAK (₭)">LAK (₭)</option>
<option value="LBP" label="LBP (£)">LBP (£)</option>
<option value="LKR" label="LKR (Rs)">LKR (Rs)</option>
<option value="LRD" label="LRD ($)">LRD ($)</option>
<option value="LSL" label="LSL">LSL</option>
<option value="LYD" label="LYD (LD)">LYD (LD)</option>
<option value="MAD" label="MAD">MAD</option>
<option value="MDL" label="MDL">MDL</option>
<option value="MGA" label="MGA">MGA</option>
<option value="MKD" label="MKD (ден)">MKD (ден)</option>
<option value="MMK" label="MMK">MMK</option>
<option value="MNT" label="MNT (₮)">MNT (₮)</option>
<option value="MOP" label="MOP">MOP</option>
<option value="MRU" label="MRU">MRU</option>
<option value="MUR" label="MUR (Rs)">MUR (Rs)</option>
<option value="MVR" label="MVR">MVR</option>
<option value="MWK" label="MWK">MWK</option>
<option value="MXN" label="MXN ($)">MXN ($)</option>
<option value="MXV" label="MXV">MXV</option>
<option value="MYR" label="MYR (RM)">MYR (RM)</option>
<option value="MZN" label="MZN (MT)">MZN (MT)</option>
<option value="NAD" label="NAD (N$)">NAD (N$)</option>
<option value="NGN" label="NGN (₦)">NGN (₦)</option>
<option value="NIO" label="NIO (C$)">NIO (C$)</option>
<option value="NOK" label="NOK (kr)">NOK (kr)</option>
<option value="NPR" label="NPR (Rs)">NPR (Rs)</option>
<option value="NZD" label="NZD ($)">NZD ($)</option>
<option value="OMR" label="OMR">OMR</option>
<option value="PAB" label="PAB (B/.)">PAB (B/.)</option>
<option value="PEN" label="PEN (S/.)">PEN (S/.)</option>
<option value="PGK" label="PGK">PGK</option>
<option value="PHP" label="PHP (₱)">PHP (₱)</option>
<option value="PKR" label="PKR (Rs)">PKR (Rs)</option>
<option value="PLN" label="PLN (zł)">PLN (zł)</option>
<option value="PYG" label="PYG (Gs)">PYG (Gs)</option>
<option value="QAR" label="QAR">QAR</option>
<option value="RON" label="RON (lei)">RON (lei)</option>
<option value="RSD" label="RSD (Дин.)">RSD (Дин.)</option>
<option value="RUB" label="RUB (руб)">RUB (руб)</option>
<option value="RWF" label="RWF">RWF</option>
<option value="SAR" label="SAR">SAR</option>
<option value="SBD" label="SBD ($)">SBD ($)</option>
<option value="SCR" label="SCR (Rs)">SCR (Rs)</option>
<option value="SDG" label="SDG">SDG</option>
<option value="SEK" label="SEK (kr)">SEK (kr)</option>
<option value="SGD" label="SGD ($)">SGD ($)</option>
<option value="SHP" label="SHP (£)">SHP (£)</option>
<option value="SLL" label="SLL">SLL</option>
<option value="SOS" label="SOS (S)">SOS (S)</option>
<option value="SRD" label="SRD ($)">SRD ($)</option>
<option value="SSP" label="SSP">SSP</option>
<option value="STN" label="STN">STN</option>
<option value="SVC" label="SVC ($)">SVC ($)</option>
<option value="SYP" label="SYP (£)">SYP (£)</option>
<option value="SZL" label="SZL">SZL</option>
<option value="THB" label="THB (฿)">THB (฿)</option>
<option value="TJS" label="TJS">TJS</option>
<option value="TMT" label="TMT">TMT</option>
<option value="TND" label="TND (DT)">TND (DT)</option>
<option value="TOP" label="TOP">TOP</option>
<option value="TRY" label="TRY">TRY</option>
<option value="TTD" label="TTD (TT$)">TTD (TT$)</option>
<option value="TWD" label="TWD (NT$)">TWD (NT$)</option>
<option value="TZS" label="TZS (TSh)">TZS (TSh)</option>
<option value="UAH" label="UAH (₴)">UAH (₴)</option>
<option value="UGX" label="UGX (USh)">UGX (USh)</option>
<option value="USD" selected="selected" label="USD ($)">USD ($)</option>
<option value="USN" label="USN">USN</option>
<option value="UYI" label="UYI">UYI</option>
<option value="UYU" label="UYU ($U)">UYU ($U)</option>
<option value="UYW" label="UYW">UYW</option>
<option value="UZS" label="UZS (лв)">UZS (лв)</option>
<option value="VES" label="VES">VES</option>
<option value="VND" label="VND (₫)">VND (₫)</option>
<option value="VUV" label="VUV">VUV</option>
<option value="WST" label="WST">WST</option>
<option value="XAF" label="XAF">XAF</option>
<option value="XAG" label="XAG">XAG</option>
<option value="XAU" label="XAU">XAU</option>
<option value="XBA" label="XBA">XBA</option>
<option value="XBB" label="XBB">XBB</option>
<option value="XBC" label="XBC">XBC</option>
<option value="XBD" label="XBD">XBD</option>
<option value="XCD" label="XCD ($)">XCD ($)</option>
<option value="XDR" label="XDR">XDR</option>
<option value="XOF" label="XOF">XOF</option>
<option value="XPD" label="XPD">XPD</option>
<option value="XPF" label="XPF">XPF</option>
<option value="XPT" label="XPT">XPT</option>
<option value="XSU" label="XSU">XSU</option>
<option value="XTS" label="XTS">XTS</option>
<option value="XUA" label="XUA">XUA</option>
<option value="XXX" label="XXX">XXX</option>
<option value="YER" label="YER">YER</option>
<option value="ZAR" label="ZAR (R)">ZAR (R)</option>
<option value="ZMW" label="ZMW (ZK)">ZMW (ZK)</option>
<option value="ZWL" label="ZWL">ZWL</option>
</select>
</div>
</div>
</div>
<div class="section save-template">
<a href="" ng-click="saveDefaults()" ng-show="!isDefault()">
Save Defaults
</a>
</div>
<div class="section my-invoices-btn d-none d-md-block">
<a href="/history">
History
<span class="badge rounded-circle ng-binding ng-hide" ng-show="numDocuments>0">0</span>
</a>
</div>
</div>
</div>
</form>Name: sendForm —
<form name="sendForm" ng-submit="send(document, sendOptions)" class="email-form ng-pristine ng-valid">
<div class="modal-header">
<h4 class="modal-title ng-binding"> Send Invoice </h4>
<button type="button" class="btn-close" ng-click="closeSendModal()" aria-hidden="true"></button>
</div>
<div class="modal-body text-center">
<img src="/img/invoiced-business-network-logo.svg" alt="Invoiced Business Network" height="35" class="mw-100 mb-3">
<p class="alert alert-danger ng-binding ng-hide" ng-show="error"></p>
<p> Send this invoice to your buyer securely through Invoiced Business Network. </p>
<hr>
<div class="px-3 pt-3 text-start">
<h6>What are the benefits?</h6>
<p> Your invoice will be saved to your Invoiced Business Network account for you and your buyer to view, download, and pay at any time. </p>
<h6>How does my invoice get paid?</h6>
<p> You have the option to accept payments through the network, or you can put your payment instructions on your invoice. </p>
<h6>How much does it cost?</h6>
<p> Sending and receiving invoices is free! There is only a cost if your buyer uses the network to pay you. </p>
<h6>How can I learn more?</h6>
<p> Learn more about
<a href="/upgrade" target="_blank">how it works <svg class="svg-inline--fa fa-external-link" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="external-link" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""><path fill="currentColor" d="M256 64C256 46.33 270.3 32 288 32H415.1C415.1 32 415.1 32 415.1 32C420.3 32 424.5 32.86 428.2 34.43C431.1 35.98 435.5 38.27 438.6 41.3C438.6 41.35 438.6 41.4 438.7 41.44C444.9 47.66 447.1 55.78 448 63.9C448 63.94 448 63.97 448 64V192C448 209.7 433.7 224 416 224C398.3 224 384 209.7 384 192V141.3L214.6 310.6C202.1 323.1 181.9 323.1 169.4 310.6C156.9 298.1 156.9 277.9 169.4 265.4L338.7 96H288C270.3 96 256 81.67 256 64V64zM0 128C0 92.65 28.65 64 64 64H160C177.7 64 192 78.33 192 96C192 113.7 177.7 128 160 128H64V416H352V320C352 302.3 366.3 288 384 288C401.7 288 416 302.3 416 320V416C416 451.3 387.3 480 352 480H64C28.65 480 0 451.3 0 416V128z"></path></svg><!-- <span class="fas fa-external-link"></span> --></a>.
</p>
</div>
</div>
<div class="modal-footer text-end">
<button type="submit" class="btn btn-primary Button" ng-disabled="sendForm.$invalid||sending" v-busy="sending" v-busy-label="Sending" v-pressable=""> Next </button>
</div>
</form>POST /csv?source=lite
<form method="post" action="/csv?source=lite" class="nomargin ng-pristine ng-valid" id="csv_form" target="_blank">
<input id="csv_json" type="hidden" name="json">
</form>POST /pdf?source=lite
<form method="post" action="/pdf?source=lite" class="nomargin ng-pristine ng-valid" id="pdf_form" target="_blank">
<input id="pdf_json" type="hidden" name="json">
</form>POST /ubl?source=lite
<form method="post" action="/ubl?source=lite" class="nomargin ng-pristine ng-valid" id="ubl_form" target="_blank">
<input id="ubl_json" type="hidden" name="json">
</form>Text Content
Invoice Generator * Help * Invoicing Guide * Upgrade FREE INVOICE TEMPLATE MAKE BEAUTIFUL INVOICES WITH ONE CLICK! Welcome to the original Invoice Generator, trusted by millions of people. Invoice Generator lets you quickly make invoices with our attractive invoice template straight from your web browser, no sign up necessary. The invoices you make can be sent and paid online or downloaded as a PDF. Did we also mention that Invoice Generator lets you generate an unlimited number of invoices? OK, got it! History 0 Download Send Send Invoice Download Invoice Currency AED (د.إ)AFNALL (Lek)AMDANG (ƒ)AOA (Kz)ARS ($)AUD ($)AWG (ƒ)AZN (ман)BAM (KM)BBD ($)BDT (Tk)BGN (лв)BHDBIFBMD ($)BND ($)BOB ($b)BOVBRL (R$)BSD ($)BTNBWP (P)BYN (Br)BZD (BZ$)CAD ($)CDFCHECHFCHWCLFCLP ($)CNY (¥)COP (p.)COUCRC (₡)CUCCUP (₱)CVECZK (Kč)DJF (CHF)DKK (kr)DOP (RD$)DZDEGP (E£)ERNETBEUR (€)FJD ($)FKP (£)GBP (£)GELGHS (GH¢)GIP (£)GMDGNFGTQ (Q)GYD ($)HKD (HK$)HNL (L)HRK (kn)HTGHUF (Ft)IDR (Rp)ILS (₪)INR (Rs)IQDIRRISK (kr)JMD (J$)JODJPY (¥)KES (KSh)KGS (лв)KHR (៛)KMFKPW (₩)KRW (₩)KWD (ك)KYD ($)KZT (лв)LAK (₭)LBP (£)LKR (Rs)LRD ($)LSLLYD (LD)MADMDLMGAMKD (ден)MMKMNT (₮)MOPMRUMUR (Rs)MVRMWKMXN ($)MXVMYR (RM)MZN (MT)NAD (N$)NGN (₦)NIO (C$)NOK (kr)NPR (Rs)NZD ($)OMRPAB (B/.)PEN (S/.)PGKPHP (₱)PKR (Rs)PLN (zł)PYG (Gs)QARRON (lei)RSD (Дин.)RUB (руб)RWFSARSBD ($)SCR (Rs)SDGSEK (kr)SGD ($)SHP (£)SLLSOS (S)SRD ($)SSPSTNSVC ($)SYP (£)SZLTHB (฿)TJSTMTTND (DT)TOPTRYTTD (TT$)TWD (NT$)TZS (TSh)UAH (₴)UGX (USh)USD ($)USNUYIUYU ($U)UYWUZS (лв)VESVND (₫)VUVWSTXAFXAGXAUXBAXBBXBCXBDXCD ($)XDRXOFXPDXPFXPTXSUXTSXUAXXXYERZAR (R)ZMW (ZK)ZWL Save Defaults History 0 # Add Your Logo Uploading logos is not supported by your browser. Please consider upgrading. $0.00 $ % Line Item $0.00 $ % $ % $ % Discount Tax Shipping $0.00 $ % $0.00 Send Invoice Download Invoice Currency AED (د.إ)AFNALL (Lek)AMDANG (ƒ)AOA (Kz)ARS ($)AUD ($)AWG (ƒ)AZN (ман)BAM (KM)BBD ($)BDT (Tk)BGN (лв)BHDBIFBMD ($)BND ($)BOB ($b)BOVBRL (R$)BSD ($)BTNBWP (P)BYN (Br)BZD (BZ$)CAD ($)CDFCHECHFCHWCLFCLP ($)CNY (¥)COP (p.)COUCRC (₡)CUCCUP (₱)CVECZK (Kč)DJF (CHF)DKK (kr)DOP (RD$)DZDEGP (E£)ERNETBEUR (€)FJD ($)FKP (£)GBP (£)GELGHS (GH¢)GIP (£)GMDGNFGTQ (Q)GYD ($)HKD (HK$)HNL (L)HRK (kn)HTGHUF (Ft)IDR (Rp)ILS (₪)INR (Rs)IQDIRRISK (kr)JMD (J$)JODJPY (¥)KES (KSh)KGS (лв)KHR (៛)KMFKPW (₩)KRW (₩)KWD (ك)KYD ($)KZT (лв)LAK (₭)LBP (£)LKR (Rs)LRD ($)LSLLYD (LD)MADMDLMGAMKD (ден)MMKMNT (₮)MOPMRUMUR (Rs)MVRMWKMXN ($)MXVMYR (RM)MZN (MT)NAD (N$)NGN (₦)NIO (C$)NOK (kr)NPR (Rs)NZD ($)OMRPAB (B/.)PEN (S/.)PGKPHP (₱)PKR (Rs)PLN (zł)PYG (Gs)QARRON (lei)RSD (Дин.)RUB (руб)RWFSARSBD ($)SCR (Rs)SDGSEK (kr)SGD ($)SHP (£)SLLSOS (S)SRD ($)SSPSTNSVC ($)SYP (£)SZLTHB (฿)TJSTMTTND (DT)TOPTRYTTD (TT$)TWD (NT$)TZS (TSh)UAH (₴)UGX (USh)USD ($)USNUYIUYU ($U)UYWUZS (лв)VESVND (₫)VUVWSTXAFXAGXAUXBAXBBXBCXBDXCD ($)XDRXOFXPDXPFXPTXSUXTSXUAXXXYERZAR (R)ZMW (ZK)ZWL Save Defaults History 0 SEND INVOICE Send this invoice to your buyer securely through Invoiced Business Network. -------------------------------------------------------------------------------- WHAT ARE THE BENEFITS? Your invoice will be saved to your Invoiced Business Network account for you and your buyer to view, download, and pay at any time. HOW DOES MY INVOICE GET PAID? You have the option to accept payments through the network, or you can put your payment instructions on your invoice. HOW MUCH DOES IT COST? Sending and receiving invoices is free! There is only a cost if your buyer uses the network to pay you. HOW CAN I LEARN MORE? Learn more about how it works . Next DOWNLOAD INVOICE What file format do you want? PDF (Recommended) E-invoice Use Invoice Generator * Invoice Template * How to Use * Upgrade * Release Notes * Developer API Education * Invoicing Guide * Blog * © 2012-2022 Invoiced, Inc. All rights reserved. * Terms of Use * Made by Invoiced