%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/opti/workflow/src/views/account/invoice/
Upload File :
Create Path :
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>

Zerion Mini Shell 1.0