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.                             {# ONE source with the /ai-import page (ImportTypeCore). These two
  20.                                lists used to be hardcoded here and drifted: Tender was added to
  21.                                the page and never to this modal, which is why it kept reading as
  22.                                "missing from the AI import pages" from the + menu. #}
  23.                             <select id="hbAiIntakeType" class="form-control">
  24.                                 {% for key, label in hb_import_types() %}
  25.                                     <option value="{{ key }}"{% if key == 'expense' %} selected{% endif %}>{{ label }}</option>
  26.                                 {% endfor %}
  27.                             </select>
  28.                         </div>
  29.                     </div>
  30.                     <div class="col-sm-6">
  31.                         <div class="form-group">
  32.                             <label class="control-label" style="font-weight:600;">Document Type</label>
  33.                             <select id="hbAiIntakeDocumentType" class="form-control">
  34.                                 {% for key, label in hb_document_types() %}
  35.                                     <option value="{{ key }}"{% if key == 'auto' %} selected{% endif %}>{{ label }}</option>
  36.                                 {% endfor %}
  37.                             </select>
  38.                         </div>
  39.                     </div>
  40.                 </div>
  42.                 <div class="form-group" style="margin-bottom:18px;">
  43.                     <label class="btn btn-default btn-block" style="padding:12px;border-radius:8px;background:#fff;">
  44.                         <i class="fa fa-upload" style="margin-right:6px;"></i>
  45.                         Choose document
  46.                         <input type="file" id="hbAiIntakeFile" accept="{{ hb_import_accept() }}" style="display:none;">
  47.                     </label>
  48.                 </div>
  50.                 <div id="hbAiIntakeStatus" class="alert alert-info" style="margin-bottom:18px;">
  51.                     Pick a file to parse.
  52.                 </div>
  54.                 <div id="hbAiIntakePreview" style="display:none;">
  55.                     <div class="panel panel-default" style="margin-bottom:18px;">
  56.                         <div class="panel-heading" style="font-weight:600;">Extracted Summary</div>
  57.                         <div class="panel-body">
  58.                             <div id="hbAiIntakePreviewMeta" style="margin-bottom:10px;"></div>
  59.                             <div id="hbAiIntakePreviewFields" style="display:flex;flex-wrap:wrap;gap:8px;"></div>
  60.                         </div>
  61.                     </div>
  62.                     <div class="panel panel-default">
  63.                         <div class="panel-heading" style="font-weight:600;">Preview Data</div>
  64.                         <div class="panel-body" style="max-height:300px;overflow:auto;">
  65.                             <div id="hbAiIntakePreviewTable"></div>
  66.                         </div>
  67.                     </div>
  68.                 </div>
  69.             </div>
  71.             <div class="modal-footer" style="display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;">
  72.                 <div>
  73.                     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  74.                 </div>
  75.                 <div style="display:flex;gap:8px;flex-wrap:wrap;">
  76.                     <button type="button" class="btn btn-info" id="hbAiIntakeOpenImportPage" style="display:none;">Continue in AI Import</button>
  77.                     <button type="button" class="btn btn-primary" id="hbAiIntakeApply" style="display:none;">Apply to Form</button>
  78.                 </div>
  79.             </div>
  80.         </div>
  81.     </div>
  82. </div>