API tools faq
paste
Guest User

Untitled

a guest
Oct 1st, 2023
139
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.37 KB | None | 0 0
raw download clone embed print report
  1. <div id="integrationhub">
  2. <div class="card">
  3. <!--begin::Card body-->
  4. <div class="card-body">
  5. <!--begin::Stepper-->
  6. <div class="stepper stepper-links d-flex flex-column pt-15" id="kt_create_account_stepper">
  7. <!--begin::Nav-->
  8. <div class="stepper-nav mb-5">
  9. <!--begin::Step 1-->
  10. <div class="stepper-item current" data-kt-stepper-element="nav">
  11. <h3 class="stepper-title">{{ __('1. Fetch documents') }}</h3>
  12. </div>
  13. <!--end::Step 1-->
  14. <!--begin::Step 2-->
  15. <div class="stepper-item" data-kt-stepper-element="nav">
  16. <h3 class="stepper-title">{{ __('2. Rules and filters') }}</h3>
  17. </div>
  18. <!--end::Step 2-->
  19. <!--begin::Step 3-->
  20. <div class="stepper-item" data-kt-stepper-element="nav">
  21. <h3 class="stepper-title">{{ __('3. Handling data') }}</h3>
  22. </div>
  23. <!--end::Step 3-->
  24. </div>
  25. <!--end::Nav-->
  26. <!--begin::Form-->
  27. <form class="mx-auto mw-600px w-100 pt-15 pb-10" novalidate="novalidate" id="kt_create_account_form">
  28. <!--begin::Step 1-->
  29. <div class="current" data-kt-stepper-element="content">
  30. <!--begin::Wrapper-->
  31. <div class="w-100">
  32. <!--begin::Heading-->
  33. <div class="pb-10 pb-lg-15">
  34. <!--begin::Title-->
  35. <h2 class="fw-bold d-flex align-items-center text-dark">{{ __('Choose fetching type') }}
  36. <span class="ms-1" data-bs-toggle="tooltip"
  37. title="Billing is issued based on your selected account typ">
  38. <i class="ki-duotone ki-information-5 text-gray-500 fs-6">
  39. <span class="path1"></span>
  40. <span class="path2"></span>
  41. <span class="path3"></span>
  42. </i>
  43. </span></h2>
  44. <!--end::Title-->
  45. <!--begin::Notice-->
  46. <div class="text-muted fw-semibold fs-6">If you need more info, please check out
  47. <a href="#" class="link-primary fw-bold">Help Page</a>.
  48. </div>
  49. <!--end::Notice-->
  50. </div>
  51. <!--end::Heading-->
  52. <!--begin::Input group-->
  53. <div class="fv-row">
  54. <!--begin::Row-->
  55. <div class="row">
  56. <!--begin::Col-->
  57. <div class="col-lg-6">
  58. <!--begin::Option-->
  59. <input type="radio" class="btn-check" name="account_type"
  60. wire:model="selectedOption" value="email" wire:key="email"
  61. id="kt_create_account_form_account_type_email"
  62. wire:click="selectOption('email')"/>
  63. <label
  64. class="btn btn-outline btn-outline-dashed btn-active-light-primary p-7 d-flex align-items-center mb-10"
  65. for="kt_create_account_form_account_type_email">
  66. <i class="ki-duotone ki-badge fs-3x me-5">
  67. <span class="path1"></span>
  68. <span class="path2"></span>
  69. <span class="path3"></span>
  70. <span class="path4"></span>
  71. <span class="path5"></span>
  72. </i>
  73. <!--begin::Info-->
  74. <span class="d-block fw-semibold text-start">
  75. <span
  76. class="text-dark fw-bold d-block fs-4 mb-2">{{ __('Fetch from email') }}</span>
  77. <span
  78. class="text-muted fw-semibold fs-6">{{ __('Automatically fetch attachments from emails') }}</span>
  79. </span>
  80. <!--end::Info-->
  81. </label>
  82. <!--end::Option-->
  83. </div>
  84. <!--end::Col-->
  85.  
  86. <!--begin::Col-->
  87. <div class="col-lg-6">
  88. <!--begin::Option-->
  89. <input type="radio" class="btn-check" name="account_type" value="corporate"
  90. id="kt_create_account_form_account_type_corporate"/>
  91. <label
  92. class="btn btn-outline btn-outline-dashed btn-active-light-primary p-7 d-flex align-items-center"
  93. for="kt_create_account_form_account_type_corporate">
  94. <i class="ki-duotone ki-briefcase fs-3x me-5">
  95. <span class="path1"></span>
  96. <span class="path2"></span>
  97. </i>
  98. <!--begin::Info-->
  99. <span class="d-block fw-semibold text-start">
  100. <span
  101. class="text-dark fw-bold d-block fs-4 mb-2">{{ __('Import from FTP') }}</span>
  102. <span
  103. class="text-muted fw-semibold fs-6">{{ __('Import files from your server') }}</span>
  104. </span>
  105. <!--end::Info-->
  106. </label>
  107. <!--end::Option-->
  108. </div>
  109. <!--end::Col-->
  110.  
  111. <!--begin::Col-->
  112. <div class="col-lg-6">
  113. <!--begin::Option-->
  114. <input type="radio" class="btn-check" name="account_type" value="corporate"
  115. id="kt_create_account_form_account_type_corporate"/>
  116. <label
  117. class="btn btn-outline btn-outline-dashed btn-active-light-primary p-7 d-flex align-items-center"
  118. for="kt_create_account_form_account_type_corporate">
  119. <i class="ki-duotone ki-briefcase fs-3x me-5">
  120. <span class="path1"></span>
  121. <span class="path2"></span>
  122. </i>
  123. <!--begin::Info-->
  124. <span class="d-block fw-semibold text-start">
  125. <span
  126. class="text-dark fw-bold d-block fs-4 mb-2">{{ __('Use Invoicer email') }}</span>
  127. <span
  128. class="text-muted fw-semibold fs-6">{{ __('Send attachments to your generated email') }}</span>
  129. </span>
  130. <!--end::Info-->
  131. </label>
  132. <!--end::Option-->
  133. </div>
  134. <!--end::Col-->
  135.  
  136. <!--begin::Col-->
  137. <div class="col-lg-6">
  138. <!--begin::Option-->
  139. <input type="radio" class="btn-check" name="account_type" value="corporate"
  140. id="kt_create_account_form_account_type_corporate"/>
  141. <label
  142. class="btn btn-outline btn-outline-dashed btn-active-light-primary p-7 d-flex align-items-center"
  143. for="kt_create_account_form_account_type_corporate">
  144. <i class="ki-duotone ki-briefcase fs-3x me-5">
  145. <span class="path1"></span>
  146. <span class="path2"></span>
  147. </i>
  148. <!--begin::Info-->
  149. <span class="d-block fw-semibold text-start">
  150. <span
  151. class="text-dark fw-bold d-block fs-4 mb-2">{{ __('Upload manually') }}</span>
  152. <span
  153. class="text-muted fw-semibold fs-6">{{ __('Upload invoices manually') }}</span>
  154. </span>
  155. <!--end::Info-->
  156. </label>
  157. <!--end::Option-->
  158. </div>
  159. <!--end::Col-->
  160.  
  161. </div>
  162.  
  163. <!--end::Row-->
  164. @if ($selectedOption === 'email')
  165. <div class="mb-3">
  166. <label for="emailField" class="form-label">Email</label>
  167. <input type="text" id="emailField" name="emailField"
  168. placeholder="Enter your email" wire:model="emailField"
  169. class="form-control"/>
  170. </div>
  171.  
  172. <!-- Password Input Form -->
  173. <div class="mb-3">
  174. <label for="passwordField" class="form-label">Password</label>
  175. <input type="password" id="passwordField" name="passwordField"
  176. placeholder="Enter your password" wire:model="passwordField"
  177. class="form-control"/>
  178. </div>
  179.  
  180. <!-- IMAP Server Input Form -->
  181. <div class="mb-3">
  182. <label for="imapServerField" class="form-label">IMAP Server</label>
  183. <input type="text" id="imapServerField" name="imapServerField"
  184. placeholder="Enter IMAP server address" wire:model="imapServerField"
  185. class="form-control"/>
  186. </div>
  187.  
  188. <!-- IMAP Port Input Form -->
  189. <div class="mb-3">
  190. <label for="imapPortField" class="form-label">IMAP Port</label>
  191. <input type="text" id="imapPortField" name="imapPortField"
  192. placeholder="Enter IMAP port" wire:model="imapPortField"
  193. class="form-control"/>
  194. </div>
  195.  
  196. <!-- Security Type Select Form -->
  197. <div class="mb-3">
  198. <label for="securityTypeField" class="form-label">Security Type</label>
  199. <select id="securityTypeField" name="securityTypeField"
  200. wire:model="securityTypeField"
  201. class="form-select form-select-lg form-select-solid"
  202. data-control="select2" data-placeholder="Select..."
  203. data-allow-clear="true" data-hide-search="true">
  204. <option value="ssl">SSL/TLS</option>
  205. <option value="starttls">STARTTLS</option>
  206. </select>
  207. </div>
  208.  
  209. <!-- Fetch Interval Select Form -->
  210. <div class="mb-3">
  211. <label for="fetchIntervalField" class="form-label">Fetch Interval</label>
  212. <select id="fetchIntervalField" name="fetchIntervalField"
  213. wire:model="fetchIntervalField"
  214. class="form-select form-select-lg form-select-solid"
  215. data-control="select2" data-placeholder="Select..."
  216. data-allow-clear="true" data-hide-search="true">
  217. <option value="5">Every 5 minutes</option>
  218. <option value="60">Every hour</option>
  219. <option value="1440">Daily</option>
  220. </select>
  221. </div>
  222. @elseif ($selectedOption === 'ftp')
  223. <div>
  224. <!-- FTP Input Form -->
  225. <!-- Add your FTP input fields here -->
  226. </div>
  227. @endif
  228. </div>
  229. <br>
  230. <div class="row"> <!--begin::Input group-->
  231. <div class="fv-row mb-10">
  232. <!--begin::Label-->
  233. <label class="form-label required">Automatically fetch documents interval</label>
  234. <!--end::Label-->
  235. <!--begin::Input-->
  236. <select name="business_type" class="form-select form-select-lg form-select-solid"
  237. data-control="select2" data-placeholder="Select..." data-allow-clear="true"
  238. data-hide-search="true">
  239. <option></option>
  240. <option value="1">Every minute</option>
  241. <option value="1">Every hour</option>
  242. <option value="2">Daily</option>
  243. <option value="3">At two days</option>
  244. <option value="4">Weekly</option>
  245. <option value="5">Disabled</option>
  246. </select>
  247. <!--end::Input-->
  248. </div>
  249. <!--end::Input group--></div>
  250. <!--end::Input group-->
  251. </div>
  252. <!--end::Wrapper-->
  253. </div>
  254. <!--end::Step 1-->
  255. <!--begin::Step 2-->
  256. <div data-kt-stepper-element="content">
  257. <!--begin::Wrapper-->
  258. <div class="w-100">
  259. <!--begin::Heading-->
  260. <div class="pb-10 pb-lg-15">
  261. <!--begin::Title-->
  262. <h2 class="fw-bold text-dark">{{ __('Rules and filters') }}</h2>
  263. <!--end::Title-->
  264. <!--begin::Notice-->
  265. <div class="text-muted fw-semibold fs-6">If you need more info, please check out
  266. <a href="#" class="link-primary fw-bold">Help Page</a>.
  267. </div>
  268. <!--end::Notice-->
  269. </div>
  270. <!--end::Heading-->
  271. <!--begin::Input group-->
  272.  
  273. <!--end::Input group-->
  274. <!--begin::Input group-->
  275. <div class="mb-10 fv-row">
  276. <!--begin::Label-->
  277. <label class="form-label mb-3">{{ __('Rule name') }}</label>
  278. <!--end::Label-->
  279. <!--begin::Input-->
  280. <input type="text" class="form-control form-control-lg form-control-solid"
  281. name="account_name" placeholder="" value=""/>
  282. <!--end::Input-->
  283. </div>
  284. <!--end::Input group-->
  285. <!--begin::Input group-->
  286. <div class="mb-0 fv-row">
  287. <!--begin::Label-->
  288. <label class="d-flex align-items-center form-label mb-5">{{ __('Document automation') }}
  289. <div
  290. class="form-text">{{ __('Select the level of document automation that works best for you in your current situation') }}</div>
  291. <span class="ms-1" data-bs-toggle="tooltip"
  292. title="Monthly billing will be based on your account plan">
  293. <i class="ki-duotone ki-information-5 text-gray-500 fs-6">
  294. <span class="path1"></span>
  295. <span class="path2"></span>
  296. <span class="path3"></span>
  297. </i>
  298. </span></label>
  299. <!--end::Label-->
  300. <!--begin::Options-->
  301. <div class="mb-0">
  302. <!--begin:Option-->
  303. <label class="d-flex flex-stack mb-5 cursor-pointer">
  304. <!--begin:Label-->
  305. <span class="d-flex align-items-center me-2">
  306. <!--begin::Icon-->
  307. <span class="symbol symbol-50px me-6">
  308. <span class="symbol-label">
  309. <i class="ki-duotone ki-bank fs-1 text-gray-600">
  310. <span class="path1"></span>
  311. <span class="path2"></span>
  312. </i>
  313. </span>
  314. </span>
  315. <!--end::Icon-->
  316. <!--begin::Description-->
  317. <span class="d-flex flex-column">
  318. <span
  319. class="fw-bold text-gray-800 text-hover-primary fs-5">{{ __('Confident') }}</span>
  320. <span
  321. class="fs-6 fw-semibold text-muted">{{ __('When Invoicer has confidently captured key fields from a document, it will be automated. Other documents will be presented for human review. You can customize the degree of automation by setting a confidence score threshold.') }}</span>
  322. </span>
  323. <!--end:Description-->
  324. </span>
  325. <!--end:Label-->
  326. <!--begin:Input-->
  327. <span class="form-check form-check-custom form-check-solid">
  328. <input class="form-check-input" type="radio"
  329. name="account_plan" value="1"/>
  330. </span>
  331. <!--end:Input-->
  332. </label>
  333. <!--end::Option-->
  334. <!--begin:Option-->
  335. <label class="d-flex flex-stack mb-5 cursor-pointer">
  336. <!--begin:Label-->
  337. <span class="d-flex align-items-center me-2">
  338. <!--begin::Icon-->
  339. <span class="symbol symbol-50px me-6">
  340. <span class="symbol-label">
  341. <i class="ki-duotone ki-chart fs-1 text-gray-600">
  342. <span class="path1"></span>
  343. <span class="path2"></span>
  344. </i>
  345. </span>
  346. </span>
  347. <!--end::Icon-->
  348. <!--begin::Description-->
  349. <span class="d-flex flex-column">
  350. <span
  351. class="fw-bold text-gray-800 text-hover-primary fs-5">{{ __('Always') }}</span>
  352. <span
  353. class="fs-6 fw-semibold text-muted">{{ __('Use the “Always” setting if you want to automatically export all documents.') }}</span>
  354. </span>
  355. <!--end:Description-->
  356. </span>
  357. <!--end:Label-->
  358. <!--begin:Input-->
  359. <span class="form-check form-check-custom form-check-solid">
  360. <input class="form-check-input" type="radio"
  361. checked="checked" name="account_plan"
  362. value="2"/>
  363. </span>
  364. <!--end:Input-->
  365. </label>
  366. <!--end::Option-->
  367. <!--begin:Option-->
  368. <label class="d-flex flex-stack mb-0 cursor-pointer">
  369. <!--begin:Label-->
  370. <span class="d-flex align-items-center me-2">
  371. <!--begin::Icon-->
  372. <span class="symbol symbol-50px me-6">
  373. <span class="symbol-label">
  374. <i class="ki-duotone ki-chart-pie-4 fs-1 text-gray-600">
  375. <span class="path1"></span>
  376. <span class="path2"></span>
  377. <span class="path3"></span>
  378. </i>
  379. </span>
  380. </span>
  381. <!--end::Icon-->
  382. <!--begin::Description-->
  383. <span class="d-flex flex-column">
  384. <span
  385. class="fw-bold text-gray-800 text-hover-primary fs-5">{{ __('Never') }}</span>
  386. <span
  387. class="fs-6 fw-semibold text-muted">{{ __('Enforces human review for every document processed by Invoicer AI.') }}</span>
  388. </span>
  389. <!--end:Description-->
  390. </span>
  391. <!--end:Label-->
  392. <!--begin:Input-->
  393. <span class="form-check form-check-custom form-check-solid">
  394. <input class="form-check-input" type="radio"
  395. name="account_plan" value="3"/>
  396. </span>
  397. <!--end:Input-->
  398. </label>
  399. <!--end::Option-->
  400. </div>
  401. <!--end::Options-->
  402. </div>
  403. <!--end::Input group-->
  404. </div>
  405. <!--end::Wrapper-->
  406. </div>
  407. <!--end::Step 2-->
  408. <!--begin::Step 3-->
  409. <div data-kt-stepper-element="content">
  410. <!--begin::Wrapper-->
  411. <div class="w-100">
  412. <!--begin::Heading-->
  413. <div class="pb-10 pb-lg-12">
  414. <!--begin::Title-->
  415. <h2 class="fw-bold text-dark">{{ __('') }}</h2>
  416. <!--end::Title-->
  417. <!--begin::Notice-->
  418. <div class="text-muted fw-semibold fs-6">If you need more info, please check out
  419. <a href="#" class="link-primary fw-bold">Help Page</a>.
  420. </div>
  421. <!--end::Notice-->
  422. </div>
  423. <!--end::Heading-->
  424. <!--begin::Col-->
  425. <div class="col-md-4">
  426. <!--begin::Card-->
  427. <div class="card card-flush h-md-100">
  428. <!--begin::Card header-->
  429. <div class="card-header">
  430. <img src="{{ image('misc/ftpimport.png') }}" width="100%">
  431. <!--begin::Card title-->
  432. <div class="card-title">
  433. <h2>{{ __('Export to CSV') }}</h2>
  434. </div>
  435. <!--end::Card title-->
  436. </div>
  437. <!--end::Card header-->
  438. <!--begin::Card body-->
  439. <div class="card-body pt-1">
  440. <!--begin::Users-->
  441. <div
  442. class="fw-bold text-gray-600 mb-5">{{ __('Automatically export documents to CSV.') }}</div>
  443. <!--end::Users-->
  444. <!--begin::Permissions-->
  445. <div class="d-flex flex-column text-gray-600">
  446. {{-- @foreach($role->permissions->shuffle()->take(5) ?? [] as $permission)--}}
  447. <div class="d-flex align-items-center py-2">
  448. <span class="bullet bg-primary me-3"></span>{{ __('Feature 1') }}</div>
  449. {{-- @endforeach--}}
  450. {{-- @if($role->permissions->count() > 5)--}}
  451. <div class='d-flex align-items-center py-2'>
  452. <span class='bullet bg-primary me-3'></span>
  453. <em>{{ __('Feature 2') }}</em>
  454. </div>
  455. {{-- @endif--}}
  456. {{-- @if($role->permissions->count() ===0)--}}
  457. <div class="d-flex align-items-center py-2">
  458. <span class='bullet bg-primary me-3'></span>
  459. <em>{{ __('Feature 3') }}</em>
  460. </div>
  461. {{-- @endif--}}
  462. </div>
  463. <!--end::Permissions-->
  464. </div>
  465. <!--end::Card body-->
  466.  
  467.  
  468. <!--begin::Card footer-->
  469. <div class="card-footer flex-wrap pt-0">
  470. <a href="#"
  471. class="btn btn-light btn-active-primary my-1 me-2">{{ __('Add Integration') }}</a>
  472. <button type="button" class="btn btn-light btn-active-light-primary my-1"
  473. data-role-id="{{ __('Text button') }}" data-bs-toggle="modal"
  474. data-bs-target="#kt_modal_update_role">{{ __('Details') }}</button>
  475. </div>
  476. <!--end::Card footer-->
  477. </div>
  478. <!--end::Card-->
  479. </div>
  480. <!--end::Col-->
  481. {{-- @endforeach--}}
  482.  
  483.  
  484. </div>
  485. <!--end::Wrapper-->
  486. </div>
  487. <!--end::Step 3-->
  488.  
  489. <!--begin::Actions-->
  490. <div class="d-flex flex-stack pt-15">
  491. <!--begin::Wrapper-->
  492. <div class="mr-2">
  493. <button type="button" class="btn btn-lg btn-light-primary me-3"
  494. data-kt-stepper-action="previous">
  495. <i class="ki-duotone ki-arrow-left fs-4 me-1">
  496. <span class="path1"></span>
  497. <span class="path2"></span>
  498. </i>Back
  499. </button>
  500. </div>
  501. <!--end::Wrapper-->
  502. <!--begin::Wrapper-->
  503. <div>
  504. <button type="button" class="btn btn-lg btn-primary me-3" data-kt-stepper-action="submit">
  505. <span class="indicator-label">Submit
  506. <i class="ki-duotone ki-arrow-right fs-3 ms-2 me-0">
  507. <span class="path1"></span>
  508. <span class="path2"></span>
  509. </i></span>
  510. <span class="indicator-progress">Please wait...
  511. <span
  512. class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
  513. </button>
  514. <button type="button" class="btn btn-lg btn-primary" data-kt-stepper-action="next">Continue
  515. <i class="ki-duotone ki-arrow-right fs-4 ms-1 me-0">
  516. <span class="path1"></span>
  517. <span class="path2"></span>
  518. </i></button>
  519. </div>
  520. <!--end::Wrapper-->
  521. </div>
  522. <!--end::Actions-->
  523. </form>
  524. <!--end::Form-->
  525. </div>
  526. <!--end::Stepper-->
  527. </div>
  528. <!--end::Card body-->
  529. </div>
  530.  
  531. </div>
  532.  
  533.  
  534.  
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!