    <div id="modal-invoice" class="modal">
        <div class="form-popup ar-view-modal" style="max-height:80%;background-color:#f8f8f8;overflow:scroll">
            <div style="text-align:center"><h5>Kelola Invoice</h5></div>
            <form id="frmInvoice">
                <input type="hidden" id="billing_id" name="billing_id">
                
                <div class="form-group">
                    <label>Biaya Transport (Rp.):</label>
                    <input class="form-control" id="transport" name="transport" type="text" placeholder="Biaya Transport">
                </div>
                <div class="form-group">
                    <label>Discount (Rp.):</label>
                    <input class="form-control" id="discount" name="discount" type="text" placeholder="Discount">
                </div>
                <div class="form-group">
                    <label>Termin (hari):</label>
                    <input class="form-control" id="termin" name="termin" type="text" placeholder="Termin">
                </div>
                <div class="form-group">
                    <label>Jatuh Tempo :</label>
                    <input class="form-control" id="duedate" name="duedate" type="date" placeholder="Jatuh tempo">
                </div>
                <div class="form-group">
                    <button id="btn-invoice-post" class="btn btn-primary">Create</button>
                    <button class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                </div>
            </form>
        </div>
    </div>