invoice-generator.com
Open in
urlscan Pro
13.32.27.100
Public Scan
Submitted URL: http://lolamsf.com/default.aSpX?b=6D6E67656F726769657661406D626F782E69732D62672E6E6574
Effective URL: https://invoice-generator.com/
Submission: On November 07 via api from BG — Scanned from DE
Effective URL: https://invoice-generator.com/
Submission: On November 07 via api from BG — Scanned from DE
Form analysis
5 forms found in the DOMName: 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-primary" 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="M32 480c-17.7 0-32-14.3-32-32s14.3-32 32-32H352c17.7 0 32 14.3 32 32s-14.3 32-32 32H32zM214.6 342.6c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 242.7V64c0-17.7 14.3-32 32-32s32 14.3 32 32V242.7l73.4-73.4c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3l-128 128z">
</path>
</svg><!-- <span class="fas fa-arrow-to-bottom"></span> --> Download </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 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="M32 480c-17.7 0-32-14.3-32-32s14.3-32 32-32H352c17.7 0 32 14.3 32 32s-14.3 32-32 32H32zM214.6 342.6c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 242.7V64c0-17.7 14.3-32 32-32s32 14.3 32 32V242.7l73.4-73.4c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3l-128 128z">
</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 selected-currency">
<label class="control-label">Type</label>
<div>
<div class="invoiced-select">
<select>
<option value="Invoice">Invoice</option>
<option value="Credit Note">Credit Note</option>
<option value="Quote">Quote</option>
<option value="Purchase Order">Purchase Order</option>
<option value="Receipt">Receipt</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="M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z"></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 384 512" data-fa-i2svg="">
<path fill="currentColor"
d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z">
</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="M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24V296c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z">
</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="dp1699347438908">
</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="dp1699347438909">
</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 384 512" data-fa-i2svg="">
<path fill="currentColor"
d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z">
</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="M0 224c0 17.7 14.3 32 32 32s32-14.3 32-32c0-53 43-96 96-96H320v32c0 12.9 7.8 24.6 19.8 29.6s25.7 2.2 34.9-6.9l64-64c12.5-12.5 12.5-32.8 0-45.3l-64-64c-9.2-9.2-22.9-11.9-34.9-6.9S320 19.1 320 32V64H160C71.6 64 0 135.6 0 224zm512 64c0-17.7-14.3-32-32-32s-32 14.3-32 32c0 53-43 96-96 96H192V352c0-12.9-7.8-24.6-19.8-29.6s-25.7-2.2-34.9 6.9l-64 64c-12.5 12.5-12.5 32.8 0 45.3l64 64c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V448H352c88.4 0 160-71.6 160-160z">
</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="M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z"></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 384 512" data-fa-i2svg="">
<path fill="currentColor"
d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z">
</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="M0 224c0 17.7 14.3 32 32 32s32-14.3 32-32c0-53 43-96 96-96H320v32c0 12.9 7.8 24.6 19.8 29.6s25.7 2.2 34.9-6.9l64-64c12.5-12.5 12.5-32.8 0-45.3l-64-64c-9.2-9.2-22.9-11.9-34.9-6.9S320 19.1 320 32V64H160C71.6 64 0 135.6 0 224zm512 64c0-17.7-14.3-32-32-32s-32 14.3-32 32c0 53-43 96-96 96H192V352c0-12.9-7.8-24.6-19.8-29.6s-25.7-2.2-34.9 6.9l-64 64c-12.5 12.5-12.5 32.8 0 45.3l64 64c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V448H352c88.4 0 160-71.6 160-160z">
</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 384 512" data-fa-i2svg="">
<path fill="currentColor"
d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z">
</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="M0 224c0 17.7 14.3 32 32 32s32-14.3 32-32c0-53 43-96 96-96H320v32c0 12.9 7.8 24.6 19.8 29.6s25.7 2.2 34.9-6.9l64-64c12.5-12.5 12.5-32.8 0-45.3l-64-64c-9.2-9.2-22.9-11.9-34.9-6.9S320 19.1 320 32V64H160C71.6 64 0 135.6 0 224zm512 64c0-17.7-14.3-32-32-32s-32 14.3-32 32c0 53-43 96-96 96H192V352c0-12.9-7.8-24.6-19.8-29.6s-25.7-2.2-34.9 6.9l-64 64c-12.5 12.5-12.5 32.8 0 45.3l64 64c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V448H352c88.4 0 160-71.6 160-160z">
</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 384 512" data-fa-i2svg="">
<path fill="currentColor"
d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z">
</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="M0 224c0 17.7 14.3 32 32 32s32-14.3 32-32c0-53 43-96 96-96H320v32c0 12.9 7.8 24.6 19.8 29.6s25.7 2.2 34.9-6.9l64-64c12.5-12.5 12.5-32.8 0-45.3l-64-64c-9.2-9.2-22.9-11.9-34.9-6.9S320 19.1 320 32V64H160C71.6 64 0 135.6 0 224zm512 64c0-17.7-14.3-32-32-32s-32 14.3-32 32c0 53-43 96-96 96H192V352c0-12.9-7.8-24.6-19.8-29.6s-25.7-2.2-34.9 6.9l-64 64c-12.5 12.5-12.5 32.8 0 45.3l64 64c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V448H352c88.4 0 160-71.6 160-160z">
</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="M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z"></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="M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z"></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="M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z"></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="M0 224c0 17.7 14.3 32 32 32s32-14.3 32-32c0-53 43-96 96-96H320v32c0 12.9 7.8 24.6 19.8 29.6s25.7 2.2 34.9-6.9l64-64c12.5-12.5 12.5-32.8 0-45.3l-64-64c-9.2-9.2-22.9-11.9-34.9-6.9S320 19.1 320 32V64H160C71.6 64 0 135.6 0 224zm512 64c0-17.7-14.3-32-32-32s-32 14.3-32 32c0 53-43 96-96 96H192V352c0-12.9-7.8-24.6-19.8-29.6s-25.7-2.2-34.9 6.9l-64 64c-12.5 12.5-12.5 32.8 0 45.3l64 64c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V448H352c88.4 0 160-71.6 160-160z">
</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 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="M32 480c-17.7 0-32-14.3-32-32s14.3-32 32-32H352c17.7 0 32 14.3 32 32s-14.3 32-32 32H32zM214.6 342.6c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 242.7V64c0-17.7 14.3-32 32-32s32 14.3 32 32V242.7l73.4-73.4c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3l-128 128z">
</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="/signup" 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 512 512" data-fa-i2svg=""><path fill="currentColor" d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"></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 * * Help * Invoicing Guide FREE INVOICE TEMPLATE MAKE BEAUTIFUL INVOICES WITH ONE CLICK! Welcome to the original Invoice Generator, trusted by millions of people. Invoice Generator lets you instantly make invoices with our attractive invoice template straight from your web browser. 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 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 Type Invoice Credit Note Quote Purchase Order Receipt 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 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 * Release Notes * Developer API Education * Invoicing Guide * © 2012-2023 Invoice-Generator.com * Terms of Use