src/ApplicationBundle/Resources/views/modals/input_forms/ai_intake_modal.html.twig line 1

Open in your IDE?
  1. <div class="modal fade" id="hbAiIntakeModal" tabindex="-1" role="dialog" aria-labelledby="hbAiIntakeModalLabel">
  2.     <div class="modal-dialog modal-lg" role="document">
  3.         <div class="modal-content">
  4.             <div class="modal-header" style="display:flex;align-items:center;justify-content:space-between;gap:12px;">
  5.                 <div>
  6.                     <h4 class="modal-title" id="hbAiIntakeModalLabel" style="margin:0;font-weight:700;">AI Intake</h4>
  7.                     <small id="hbAiIntakeModalSubtitle" style="color:#777;">Upload a document, preview the extracted data, then apply or continue importing.</small>
  8.                 </div>
  9.                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  10.                     <span aria-hidden="true">&times;</span>
  11.                 </button>
  12.             </div>
  14.             <div class="modal-body" style="background:#f9fafb;">
  15.                 <div class="row">
  16.                     <div class="col-sm-6">
  17.                         <div class="form-group">
  18.                             <label class="control-label" style="font-weight:600;">Import Type</label>
  19.                             <select id="hbAiIntakeType" class="form-control">
  20.                                 <option value="expense">Expense</option>
  21.                                 <option value="transaction">Transaction</option>
  22.                                 <option value="journal">Journal</option>
  23.                                 <option value="payment">Payment</option>
  24.                                 <option value="receipt">Receipt</option>
  25.                                 <option value="customer_list">Customer List</option>
  26.                                 <option value="supplier_list">Supplier List</option>
  27.                                 <option value="coa">Chart of Accounts</option>
  28.                                 <option value="sku_list">SKU / Product List</option>
  29.                             </select>
  30.                         </div>
  31.                     </div>
  32.                     <div class="col-sm-6">
  33.                         <div class="form-group">
  34.                             <label class="control-label" style="font-weight:600;">Document Type</label>
  35.                             <select id="hbAiIntakeDocumentType" class="form-control">
  36.                                 <option value="auto">Auto Detect</option>
  37.                                 <option value="bank_statement">Bank Statement</option>
  38.                                 <option value="receipt">Receipt</option>
  39.                                 <option value="invoice">Invoice</option>
  40.                                 <option value="customer_list">Customer List</option>
  41.                                 <option value="vendor_list">Supplier List</option>
  42.                                 <option value="coa">Chart of Accounts</option>
  43.                                 <option value="sku_list">SKU / Product List</option>
  44.                                 <option value="transactions">Transactions</option>
  45.                                 <option value="ledger">Ledger</option>
  46.                             </select>
  47.                         </div>
  48.                     </div>
  49.                 </div>
  51.                 <div class="form-group" style="margin-bottom:18px;">
  52.                     <label class="btn btn-default btn-block" style="padding:12px;border-radius:8px;background:#fff;">
  53.                         <i class="fa fa-upload" style="margin-right:6px;"></i>
  54.                         Choose document
  55.                         <input type="file" id="hbAiIntakeFile" accept=".pdf,.png,.jpg,.jpeg,.doc,.docx" style="display:none;">
  56.                     </label>
  57.                 </div>
  59.                 <div id="hbAiIntakeStatus" class="alert alert-info" style="margin-bottom:18px;">
  60.                     Pick a file to parse.
  61.                 </div>
  63.                 <div id="hbAiIntakePreview" style="display:none;">
  64.                     <div class="panel panel-default" style="margin-bottom:18px;">
  65.                         <div class="panel-heading" style="font-weight:600;">Extracted Summary</div>
  66.                         <div class="panel-body">
  67.                             <div id="hbAiIntakePreviewMeta" style="margin-bottom:10px;"></div>
  68.                             <div id="hbAiIntakePreviewFields" style="display:flex;flex-wrap:wrap;gap:8px;"></div>
  69.                         </div>
  70.                     </div>
  71.                     <div class="panel panel-default">
  72.                         <div class="panel-heading" style="font-weight:600;">Preview Data</div>
  73.                         <div class="panel-body" style="max-height:300px;overflow:auto;">
  74.                             <div id="hbAiIntakePreviewTable"></div>
  75.                         </div>
  76.                     </div>
  77.                 </div>
  78.             </div>
  80.             <div class="modal-footer" style="display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;">
  81.                 <div>
  82.                     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  83.                 </div>
  84.                 <div style="display:flex;gap:8px;flex-wrap:wrap;">
  85.                     <button type="button" class="btn btn-info" id="hbAiIntakeOpenImportPage" style="display:none;">Continue in AI Import</button>
  86.                     <button type="button" class="btn btn-primary" id="hbAiIntakeApply" style="display:none;">Apply to Form</button>
  87.                 </div>
  88.             </div>
  89.         </div>
  90.     </div>
  91. </div>