%PDF- %PDF-
Direktori : /home/opti/workflow/src/views/account/invoice/ |
Current File : /home/opti/workflow/src/views/account/invoice/pay.ejs |
<!-- <link rel="stylesheet" type="text/css" href="/app-assets/css/vendors.css"> --> <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/forms/selects/jquery.selectBoxIt.css"> <link rel="stylesheet" type="text/css" href="/app-assets/css/core/colors/palette-gradient.css"> <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/selectBoxIt/selectBoxIt.css"> <style > .ekko-lightbox{ height: fit-content; } </style> <div class="row col-12"> <div class="card col-md-6 col-sm-12 text-center text-md-right"> <h2>INVOICE</h2> <p class="pb-3"># <%= invoice.referenceNumber %></p> <ul class="px-0 list-unstyled"> <% if(invoice.statusId == 9){ //9 is paid part/parial %>$ <li>Partial</li><% } %> <li>Client</li> <li class="lead text-bold-800" id="party"></li> <li>Amount</li> <li class="lead text-bold-800"><% if(invoice.statusId != 6){ //6 is paid /fully %>$ <%= invoice.amount %> <% } %></li> <li>Balance Due</li> <li class="lead text-bold-800">$ <%= invoice.balanceDue %></li> </ul> </div> <div class="col-6"> <div class=" col-sm-12 text-center text-md-left"> <ul class="px-0 list-unstyled"> <li>Amount</li> <li class="text-bold-800"><input type="number" name="amountPaid" id="amountPaid" min="0.00" max="<%= invoice.balanceDue %>" placeholder="0.00"></li> <li>Date</li> <li class="text-bold-800"><input type="date" name="paymentDate" id="paymentDate"></li> <li>Payment Method</li> <li class="text-bold-800"> <div class="form-group"> <select class="selectBox"> <option value="" selected>No Payment Method selected</option> <% paymentMethods.forEach(method =>{ %> <option value="<%= method.id %>"><%= method.title %></option> <% }) %> </select> </div> </li> <!-- <li>Albuquerque,</li> --> <!-- <li>New Mexico-87102.</li> --> </ul> </div> </div> </div> <script src="/app-assets/js/core/libraries/jquery_ui/jquery-ui.min.js" type="text/javascript"></script> <script src="/app-assets/vendors/js/forms/select/jquery.selectBoxIt.min.js"></script> <script src="/app-assets/js/scripts/forms/select/form-selectBoxIt.js" type="text/javascript"></script> <script> document.getElementById('paymentDate').valueAsDate = new Date(); $.ajax({ type: 'POST', url: '/account/getInvoiceContact', dataType: 'json', data: { partyFromId: "<%= invoice.partyFromId %>", partyToId: "<%= invoice.partyToId %>"}, success: function(data) { console.log(data); $('#party').html(data.name) // fetchedContacts.push(data.name); // $('#partyId').val(data.id) $('#spinnerContainer').removeClass('show'); }, error: function(jqXHR, textStatus, errorThrow) { $('#spinnerContainer').removeClass('show'); // $.alert(errorThrow); } }); </script>