kaui 3.0.9 → 4.0.0

data/app/views/kaui/accounts/_account_details.html.erb

@@ -0,0 +1,165 @@
+<div class="account-details">
+
+  <div class="d-flex flex-column ">
+
+    <div class="account-details-header">
+      <div class="d-flex align-items-center">
+      <h2>Account Information</h2>
+      <% unless @account.parent_account_id.nil? %>
+        <span class="label label-info account-child-label">Child</span>
+      <% end %>
+      <% if @children.size > 0 %>
+        <span class="label label-info account-child-label">Parent</span>
+      <% end %>
+      </div>
+      <span class="link-view">
+        <% if can_close_account? && !account_closed? %>
+          <%= render "kaui/components/button/button", {
+            label: "Close Account",
+            variant: "outline-secondary d-inline-flex align-items-center gap-1",
+            type: "button",
+            html_class: "kaui-button dots-menu custom-hover",
+            html_options: { 
+              data: { 
+                bs_toggle: 'modal', 
+                bs_target: '#closeAccountModal', 
+                name: @account.name || '(not set)', 
+                account_id: @account.account_id 
+              } 
+            }
+          } %>
+        <% end %>
+        <% if @children.size > 0 %>
+          <% if @children.size > 0 %>
+            <%= link_to kaui_engine.account_children_path(@account.account_id),
+                        class: "btn btn-xs",
+                        title: "View Children" do %>
+              <%= render "kaui/components/button/button", {
+                    label: "Children (#{@children.size})",
+                    variant: "outline-secondary d-inline-flex align-items-center gap-1",
+                    type: "button",
+                    html_class: "kaui-button custom-hover"
+                  } %>
+            <% end %>
+          <% end %>
+        <% end %>
+        <span class="tag-bar tag-bar-breathe">
+          <% unless @available_tags.blank? %>
+            <div class="tag-select" onclick="void(0)">
+              <%= render "kaui/components/button/button", {
+                label: "Tag As",
+                trailing_icon: "kaui/account/down-arrow.svg", 
+                variant: "outline-secondary d-inline-flex align-items-center gap-1",
+                type: "button",
+                html_class: "kaui-button custom-hover",
+              } %>
+              <div class="tag-select-box tag-as-select-box">
+                <strong>Tag As:</strong>
+                <%= render :partial => 'kaui/account_tags/form_bar',
+                          :locals => {:account_id => @account.account_id,
+                                      :tag_names => @tags.map { |tag| tag.tag_definition_name },
+                                      :available_tags => @available_tags} %>
+              </div>
+            </div>
+          <% end %>
+        </span>
+
+        <% if can? :export, Kaui::AdminTenant %>
+          <%= link_to kaui_engine.export_account_path(@account.account_id), 
+                      :class => 'btn btn-xs', 
+                      :id => 'download_link', 
+                      :title => 'Export Account Data' do %>
+            <%= render "kaui/components/button/button", {
+                  label: "Export",
+                  icon: "kaui/download.svg", 
+                  variant: "outline-secondary d-inline-flex align-items-center gap-1",
+                  type: "button",
+                  html_class: "kaui-button custom-hover",
+                } %>
+          <% end %>
+        <% end %>
+
+        <% if can? :update, Kaui::Account %>
+          <%= link_to kaui_engine.edit_account_path(@account.account_id), 
+                      :class => 'btn btn-xs' do %>
+            <%= render "kaui/components/button/button", {
+                  label: "Edit",
+                  icon: "kaui/account/edit.svg", 
+                  variant: "outline-secondary d-inline-flex align-items-center gap-1",
+                  type: "button",
+                  html_class: "kaui-dropdown custom-hover",
+                } %>
+          <% end %>
+        <% end %>
+
+      </span>
+    </div>
+
+    <% unless @tags.find { |tag| tag.tag_definition_name == '__PARK__' }.nil? %>
+        <div class="alert alert-danger">
+          This account is parked, meaning the system detected inconsistent state which could lead to mis-billing. For safety, no more invoices will be generated.
+          <% if can? :trigger, Kaui::Invoice %>
+              Once the data is fixed, you can unpark it by manually <%= link_to 'triggering an invoice run', kaui_engine.trigger_invoice_path(params.to_h), :method => :post %>.
+          <% end %>
+        </div>
+    <% end %>
+
+    <div class="account-details-body">
+      <div class="row">
+        <div class="col-md-4 mb-3">
+          <h2 class="fw-semibold">ID</h2>
+        <p class="text-muted small mb-3 d-flex align-items-center">
+          <%= @account.account_id %>
+          <svg 
+            class="mx-2" 
+            width="16" 
+            height="16" 
+            viewBox="0 0 16 16" 
+            fill="none" 
+            xmlns="http://www.w3.org/2000/svg"
+            style="cursor: pointer;"
+            onclick="navigator.clipboard.writeText('<%= @account.account_id %>')"
+          >
+            <path d="M11.3332 5.94864V2.66659C11.3332 1.93021 10.7363 1.33325 9.99989 1.33325H2.66659C1.93021 1.33325 1.33325 1.93021 1.33325 2.66659V9.99992C1.33325 10.7363 1.93021 11.3333 2.66659 11.3333H5.94864" stroke="#717680" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+            <path d="M13.3333 6C14.0697 6 14.6666 6.59695 14.6666 7.33333M7.33331 6C6.59695 6 6 6.59695 6 7.33333M13.3333 14.6667C14.0697 14.6667 14.6666 14.0697 14.6666 13.3333M7.33331 14.6667C6.59695 14.6667 6 14.0697 6 13.3333M9.33331 6H11.3333M9.33331 14.6667H11.3333M14.6666 9.33333V11.3333M6 9.33333V11.3333" stroke="#717680" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+          </svg>
+        </p>
+
+
+          <h2 class="fw-semibold">External Key</h2>
+          <p class="text-muted small mb-3"><%= @account.external_key %></p>
+
+          <h2 class="fw-semibold">Currency</h2>
+          <p class="text-muted small mb-3"><%= @account.currency %></p>
+
+        </div>
+
+        <div class="col-md-4 mb-3">
+          <h2 class="fw-semibold">Timezone</h2>
+          <p class="text-muted small mb-3"><%= @account.time_zone %></p>
+
+          <h2 class="fw-semibold">Locale</h2>
+          <p class="text-muted small mb-3"><%= @account.locale %></p>
+
+          <h2 class="fw-semibold">Notes</h2>
+          <% if @account.notes.present? %>
+            <p class="text-muted small mb-3"><%= @account.notes %></p>
+          <% else %>
+            <p class="text-muted small mb-3">N/A</p>
+          <% end %>
+        </div>
+
+        <div class="col-md-4 mb-3 add_parent">
+          <%= render partial: 'kaui/custom_fields/list_bar', locals: {
+            custom_fields: @custom_fields,
+            container_class: 'mb-4',
+          } %>
+          <h2 class="fw-semibold">Parent</h2>
+          <%= render partial: 'add_parent', locals: { account_parent: @account_parent } %>
+        </div>
+      </div>
+    </div>
+
+  </div>
+
+</div>

data/app/views/kaui/accounts/_account_filterbar.html.erb

@@ -1,40 +1,64 @@
-<div class="modal fade" id="advanceSearchModal" tabindex="-1" role="dialog" aria-labelledby="advanceSearchModalLabel" aria-hidden="true">
+<div class="modal fade kaui-accounts-index-filterbar" id="advanceSearchModal" tabindex="-1" role="dialog" aria-labelledby="advanceSearchModalLabel" aria-hidden="true">
   <div class="modal-dialog" role="document">
     <div class="modal-content">
       <div class="modal-header">
-        <h5 class="modal-title" id="advanceSearchModalLabel">Advance Search</h5>
-        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-          <span aria-hidden="true">&times;</span>
+        <h5 class="modal-title d-flex align-items-center gap-3" id="advanceSearchModalLabel">
+          <span class="icon-container">
+            <%= image_tag("kaui/modal/search.svg", width: 20, height: 20) %>
+          </span>
+          Advance Search
+        </h5>
+        <button type="button" class="close close-button custom-hover" data-bs-dismiss="modal" aria-label="Close">
+          <span aria-hidden="true">
+            <%= image_tag("kaui/modal/close.svg", width: 20, height: 20) %>
+          </span>
         </button>
       </div>
       <div class="modal-body">
         <form id="advanceSearchForm">
           <div class="form-group d-flex align-items-center">
-            <label for="searchFieldSelect" class="mr-2" style="width: 30%;">Search Fields:</label>
-              <select id="searchFieldSelect" class="form-control mr-2">
-                <% @search_fields.each do |value, title| %>
-                  <option value="<%= value %>"><%= title %></option>
-                <% end %>
-              </select>
-            <button type="button" class="btn btn-secondary" id="addSearchField">Add</button>
+            <label for="searchFieldSelect" class="mr-2 field-label" style="width: 30%;">Search Field</label>
+            <select id="searchFieldSelect" class="form-control mr-2">
+              <% @search_fields.each do |value, title| %>
+                <option value="<%= value %>"><%= title %></option>
+              <% end %>
+            </select>
+            <button type="button" class="border-button custom-hover" id="addSearchField">
+              <%= image_tag("kaui/modal/plus.svg", width: 16, height: 16) %>
+            </button>
           </div>
           <div id="search-fields-container">
           </div>
         </form>
       </div>
       <div class="modal-footer">
-        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
-        <button type="button" class="btn btn-primary" id="applyAdvanceSearch">Apply Search</button>
-        <button type="button" class="btn btn-danger" id="clearAdvanceSearch">Clear Search</button>
+        <%= render "kaui/components/button/button", {
+          label: 'Clear Search',
+          variant: "outline-secondary d-inline-flex align-items-center gap-1",
+          type: "button",
+          html_class: "kaui-button custom-hover",
+          html_options: {
+            id: "clearAdvanceSearch"
+          }
+        } %>
+        <%= render "kaui/components/button/button", {
+          label: 'Apply Search',
+          variant: "outline-secondary d-inline-flex align-items-center gap-1",
+          type: "button",
+          html_class: "kaui-dropdown custom-hover",
+          html_options: {
+            id: "applyAdvanceSearch"
+          }
+        } %>
       </div>
     </div>
   </div>
 </div>
 
-<template id="search-field-template">
-  <div class="form-group row align-items-center search-field">
-    <label class="col-sm-4 col-form-label search-field-label"></label>
-    <div class="col-sm-3">
+<template id="search-field-template" class="kaui-accounts-index-filterbar">
+  <div class="form-group row align-items-center justify-content-between search-field">
+    <label class="col-sm-3 col-form-label search-field-label"></label>
+    <div class="col-sm-4">
       <select class="form-control search-field-filter">
         <option value="eq">Equals</option>
         <option value="neq">Not Equals</option>
@@ -48,61 +72,12 @@
     <div class="col-sm-4">
       <input type="text" class="form-control search-field-value">
     </div>
-    <div class="col-sm-1">
-      <i class="glyphicon glyphicon-remove" id=remove-search-field></i>
-    </div>
+    <button type="button" class="button custom-hover" id="remove-search-field">
+      <%= image_tag("kaui/modal/red-close.svg", width: 16, height: 16) %>
+    </button>
   </div>
 </template>
 
-<style>
-  .form-group.row.align-items-center {
-    display: flex;
-    align-items: center;
-  }
-
-  .form-group.row.align-items-center label {
-    margin-bottom: 0; /* Remove default margin */
-  }
-
-  .form-group.row.align-items-center .form-control {
-    margin-right: 10px; /* Add some space between elements */
-  }
-
-  .form-group.d-flex {
-    display: flex;
-    align-items: center;
-  }
-
-  .form-group.d-flex label {
-    margin-bottom: 0; /* Remove default margin */
-  }
-
-  .form-group.d-flex .form-control {
-    margin-right: 10px; /* Add some space between the select box and the button */
-  }
-
-  #search-labels-container .label {
-    margin-left: 5px; /* Add space between labels */
-    margin-bottom: 5px; /* Add space below labels if they wrap to the next line */
-    color: white;
-  }
-
-  .filter-bar-container {
-    display: flex;
-    justify-content: flex-start; /* Align items to the left */
-    align-items: center; /* Center items vertically */
-  }
-
-  .filter-bar {
-    display: flex;
-    align-items: center; /* Center items vertically */
-  }
-
-  .filter-bar label {
-    margin: 10px; /* Add some space between the label and the select box */
-  }
-</style>
-
 <%= javascript_tag do %>
 $(document).ready(function() {
   populateSearchLabelsFromUrl();
@@ -135,32 +110,47 @@ $(document).ready(function() {
     searchLabelsContainer.empty();
 
     var table = $('#accounts-table').DataTable();
-    table.on('preXhr.dt', function(e, settings, data) {
-      data.search.value = searchQuery;
+    table.off('preXhr.dt.filter');
+    table.on('preXhr.dt.filter', function(e, settings, data) {
+      data.search.value = searchQuery('');
     });
 
-    table.ajax.url("<%= accounts_pagination_path(:ordering => @ordering, :format => :json) %>").load();
+    // Update the DataTables ajax URL with the new search parameters
+    var searchParams = searchQuery('');
+    var ajaxUrl = "<%= accounts_pagination_path(:ordering => @ordering, :format => :json) %>";
+    if (searchParams) {
+      ajaxUrl += (ajaxUrl.includes('?') ? '&' : '?') + searchParams;
+    }
+    table.ajax.url(ajaxUrl).load();
 
     // Update the URL with the search parameters
-    var searchParams = searchQuery('');
     if (searchParams) {
+      searchParams = searchParams.replace(/account_id/g, 'ac_id');
       var newUrl = window.location.protocol + "//" + window.location.host + window.location.pathname + '?' + searchParams;
       window.history.pushState({ path: newUrl }, '', newUrl);
     }
 
     searchFields.each(function() {
-      var filter = $(this).find('.search-field-filter option:selected').text();
-      var value = $(this).find('.search-field-value').val();
-      var columnName = $(this).find('.search-field-filter').attr('name').replace('Filter', '');
+      var filter = $(this).find('.search-field-filter option:selected').text().trim();
+      var value = $(this).find('.search-field-value').val().trim();
+      var columnName = $(this).find('.search-field-filter').attr('name').replace('Filter', '').trim();
 
       // Create and append the search label
       if (value !== '') {
         var label = $('<span>', {
-          class: 'label label-info',
-          text: columnName + ' [' + filter + '] ' + value
+          class: 'label label-info d-inline-flex align-items-center gap-2',
+          'data-field': columnName,
+          'data-filter': filter,
+          'data-value': value
         });
+        var labelText = $('<span>', { text: columnName + ' [' + filter + '] ' + value });
+        var closeIcon = $('<span>', {
+          class: 'filter-close-icon',
+          style: 'cursor: pointer; margin-left: 5px; display: inline-flex; align-items: center;'
+        }).html('<svg width="12" height="12" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.8337 4.1665L4.16699 15.8332M4.16699 4.1665L15.8337 15.8332" stroke="#A4A7AE" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
+        label.append(labelText).append(closeIcon);
+        searchLabelsContainer.append(label);
       }
-      searchLabelsContainer.append(label);
     });
 
     $('#advanceSearchModal').modal('hide');

data/app/views/kaui/accounts/_add_parent.html.erb

@@ -0,0 +1,26 @@
+<tr>
+  <td>
+    <% if account_parent.present? %>
+        <%= link_to account_parent.account_id, kaui_engine.account_path(@account.parent_account_id) %>
+        <% if can? :update, Kaui::Account %>
+            <%= link_to '
+              <svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg" style="vertical-align: middle;">
+                <path d="M9.8335 2.5L2.8335 9.50001M2.8335 2.5L9.8335 9.50001" stroke="#A4A7AE" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
+              </svg>
+            '.html_safe, kaui_engine.unlink_to_parent_path(@account.account_id), method: :delete 
+          %>
+
+        <% end %>&nbsp;
+    <% end %>
+    <% unless account_parent.present? %>
+      <% if can? :update, Kaui::Account %>
+          <button type="button" class="naked" data-bs-toggle="modal" data-bs-target="#link_account">
+            <svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+              <path d="M8.33333 2.66675V13.3334M13.6667 8.00008H3" stroke="#1570EF" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
+            </svg>
+            Add
+          </button>
+      <% end %>
+    <% end %>
+  </td>
+</tr>

data/app/views/kaui/accounts/_billing_details.html.erb

@@ -0,0 +1,196 @@
+<div class="billing-details">
+  <div class="d-flex flex-column">
+    <div class="billing-details-header">
+      <h2>Billing Information</h2>
+      <span>
+        <% if can?(:trigger, Kaui::Payment) || can?(:credit, Kaui::Account) || can?(:charge, Kaui::Account) %>
+          <div class="tag-bar tag-bar-breathe">
+            <div class="toggler">
+              <div class="toggle">
+                <div class="actions">
+                  <!-- Payment, Credit then Charge. Same ordering as in the billing timeline -->
+
+                  <% if can?(:trigger, Kaui::Payment) && @account.account_balance.present? && @account.account_balance > 0 %>
+                    <%= link_to kaui_engine.pay_all_invoices_account_path(@account.account_id),
+                                :method => :post do %>
+                      <%= render "kaui/components/button/button", {
+                            label: "Pay All Invoices",
+                            icon: "kaui/account/pay-all.svg",
+                            variant: "outline-secondary d-inline-flex align-items-center gap-1",
+                            type: "button",
+                            html_class: "kaui-button custom-hover",
+                          } %>
+                    <% end %>
+                  <% end %>
+
+                  <% if can? :charge, Kaui::Account %>
+                    <%= link_to kaui_engine.new_account_charge_path(@account.account_id, :currency => @account.currency) do %>
+                      <%= render "kaui/components/button/button", {
+                            label: "Create Charge",
+                            icon: "kaui/account/plus.svg",
+                            variant: "outline-secondary d-inline-flex align-items-center gap-1",
+                            type: "button",
+                            html_class: "kaui-button custom-hover",
+                          } %>
+                    <% end %>
+                  <% end %>
+
+                  <% if can? :credit, Kaui::Account %>
+                    <%= link_to kaui_engine.new_account_credit_path(@account.account_id, :currency => @account.currency) do %>
+                      <%= render "kaui/components/button/button", {
+                            label: "Add Credit",
+                            icon: "kaui/plus.svg",
+                            variant: "outline-secondary d-inline-flex align-items-center gap-1",
+                            type: "button",
+                            html_class: "kaui-dropdown custom-hover",
+                          } %>
+                    <% end %>
+                  <% end %>
+
+                  <% if deposit_plugin_available? %>
+                    <%= link_to deposit_engine.collection_index_path(:account_id => @account.account_id, :currency => @account.currency) do %>
+                      <%= render "kaui/components/button/button", {
+                            label: "Create Deposit",
+                            icon: "kaui/plus.svg",
+                            variant: "outline-secondary d-inline-flex align-items-center gap-1",
+                            type: "button",
+                            html_class: "kaui-dropdown custom-hover",
+                          } %>
+                    <% end %>
+                  <% end %>
+
+                </div>
+              </div>
+            </div>
+          </div>
+        <% end %>
+      </span>
+    </div>
+    <div class="account-summary">
+
+      <div class="row">
+
+        <!-- Left Column -->
+        <div class="col-md-4">
+          <div class="info-item">
+            <b>Account balance</b>
+            <% if @account.account_balance.nil? %>
+              <p class="badge neutral">N/A</p>
+            <% elsif @account.account_balance <= 0 %>
+              <p class="badge success"><%= humanized_money_with_symbol @account.balance_to_money %></p>
+            <% else %>
+              <p class="badge danger"><%= humanized_money_with_symbol @account.balance_to_money %></p>
+            <% end %>
+          </div>
+
+          <div class="info-item">
+            <b>Account credit</b>
+            <% if @account.account_cba.nil? %>
+              <p class="badge neutral">N/A</p>
+            <% elsif @account.account_cba >= 0 %>
+              <p class="badge success"><%= humanized_money_with_symbol @account.cba_to_money %></p>
+            <% else %>
+              <p class="badge danger"><%= humanized_money_with_symbol @account.cba_to_money %></p>
+            <% end %>
+          </div>
+
+          <div class="info-item">
+            <b>Overdue status</b>
+            <% if @overdue_state.nil? %>
+              <p class="badge neutral">N/A</p>
+            <% elsif @overdue_state.is_clear_state %>
+              <p class="badge success">Good</p>
+            <% else %>
+              <p class="badge danger"><%= @overdue_state.name %></p>
+            <% end %>
+          </div>
+        </div>
+
+        <!-- Middle Column -->
+        <div class="col-md-4">
+          <div class="info-item">
+            <b>Bill cycle day</b>
+            <% if @account.bill_cycle_day_local > 0  %>
+              <p><%= @account.bill_cycle_day_local %> (user timezone)</p>
+            <% else %>
+              <p>N/A</p>
+            <% end %>
+          </div>
+
+          <% if can? :trigger, Kaui::Invoice %>
+            <div class="info-item">
+              <b>Next invoice date</b>
+              <p id='next-invoice-date'>N/A</p>
+            </div>
+          <% end %>
+        </div>
+
+        <!-- Right Column -->
+        <div class="col-md-4">
+          <% if (can? :trigger, Kaui::Invoice) || (can? :dry_run, Kaui::Invoice) %>
+            <div class="trigger-invoice-box">
+              <b>Trigger invoice generation</b>
+              <%= form_tag kaui_engine.trigger_invoice_path(params.to_h), :method => :post do %>
+                <div class="d-flex align-items-center mb-2">
+                  <div class="custom-date-input-wrapper kaui-button custom-hover">
+                    <svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M14.9167 12.5V18.3333M17.8333 15.4167H12" stroke="#A4A7AE" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+                      <path d="M14.0833 1.66675V5.00008M6.58325 1.66675V5.00008" stroke="#A4A7AE" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+                      <path d="M17.8333 10.8333V4.99992C17.8333 4.07944 17.0871 3.33325 16.1666 3.33325H4.49992C3.57944 3.33325 2.83325 4.07944 2.83325 4.99992V16.6666C2.83325 17.5871 3.57944 18.3333 4.49992 18.3333H10.3333" stroke="#A4A7AE" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+                      <path d="M2.83325 8.33325H17.8333" stroke="#A4A7AE" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+                    </svg>
+
+
+                    <input
+                      class="form-control"
+                      id="target_date"
+                      name="target_date"
+                      type="text"
+                      placeholder="Select date"
+                      data-provide="datepicker"
+                      data-date-format="yyyy-mm-dd"
+                    />
+                  </div>
+
+                  <%= render "kaui/components/button/button", {
+                    label: "Generate",
+                    icon: "kaui/generate.svg", 
+                    variant: "outline-secondary d-inline-flex align-items-center gap-1",
+                    type: "submit",
+                    html_class: "btn btn-xs kaui-dropdown custom-hover py-2 px-3",
+                  } %>
+                </div>
+                <div class="form-check">
+                  <%= check_box_tag :dry_run, '1', true, class: 'form-check-input', id: 'dry_run_checkbox', disabled: !can?(:trigger, Kaui::Invoice) %>
+                  <%= label_tag :dry_run, 'Dry-run', class: 'form-check-label' %>
+                </div>
+              <% end %>
+            </div>
+          <% end %>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<%= javascript_tag do %>
+    $(document).ready(function() {
+      if ($("#next-invoice-date").length) {
+        var next_invoice_date_path = Routes.kaui_engine_next_invoice_date_path('<%= @account.account_id %>', {format: "json"});
+        var populateNextInvoiceDate = function (next_invoice_date) {
+          if (next_invoice_date === null) {
+            return;
+          }
+
+          $("#next-invoice-date").text(next_invoice_date);
+        };
+
+        $.ajax({
+          type: 'GET',
+          contentType: 'application/json',
+          dataType: 'json',
+          url: next_invoice_date_path
+        }).done(populateNextInvoiceDate);
+      }
+    });
+<% end %>