edit.blade.php 32 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583
  1. @extends('layouts.app')
  2. @section('content')
  3. <div class="container-fluid">
  4. <div class="row">
  5. <div class="col-md-6">
  6. <h3>{{ $spare_part_order ? 'Заказ детали #' . $spare_part_order->id : 'Новый заказ детали' }}</h3>
  7. <form action="{{ $spare_part_order ? route('spare_part_orders.update', $spare_part_order) : route('spare_part_orders.store') }}"
  8. method="POST">
  9. @csrf
  10. @if($spare_part_order)
  11. @method('PUT')
  12. @endif
  13. <input type="hidden" name="nav" value="{{ $nav ?? '' }}">
  14. @if($spare_part_order && $spare_part_order->sparePart && $spare_part_order->sparePart->image)
  15. <div class="mb-3">
  16. <img src="{{ $spare_part_order->sparePart->image }}" alt="{{ $spare_part_order->sparePart->article }}" class="img-fluid img-max-150">
  17. </div>
  18. @endif
  19. <div class="mb-3">
  20. <label for="spare_part_search" class="form-label">Артикул <span class="text-danger">*</span></label>
  21. @if($spare_part_order)
  22. <input type="text" class="form-control" id="spare_part_search"
  23. value="{{ $spare_part_order->sparePart->article }} - {{ $spare_part_order->sparePart->used_in_maf }}"
  24. readonly>
  25. <input type="hidden" name="spare_part_id" id="spare_part_id" value="{{ $spare_part_order->spare_part_id }}">
  26. @else
  27. <div class="position-relative">
  28. <input type="text" class="form-control" id="spare_part_search"
  29. placeholder="Введите артикул или наименование..."
  30. autocomplete="off" required>
  31. <input type="hidden" name="spare_part_id" id="spare_part_id" value="{{ old('spare_part_id', '') }}" required>
  32. <div class="autocomplete-dropdown autocomplete-dropdown--order" id="spare_part_dropdown"></div>
  33. </div>
  34. <div class="form-text" id="spare_part_hint"></div>
  35. @endif
  36. </div>
  37. <div class="mb-3">
  38. <label for="order_number" class="form-label">Номер заказа</label>
  39. <input type="text" class="form-control" id="order_number" name="order_number"
  40. value="{{ old('order_number', $spare_part_order->order_number ?? '') }}">
  41. </div>
  42. <div class="mb-3">
  43. <label for="source_text" class="form-label">Источник заказа</label>
  44. <input type="text" class="form-control" id="source_text" name="source_text"
  45. value="{{ old('source_text', $spare_part_order->source_text ?? '') }}">
  46. </div>
  47. <div class="mb-3">
  48. <label for="status" class="form-label">Статус <span class="text-danger">*</span></label>
  49. <select class="form-select" id="status" name="status" required>
  50. @foreach(\App\Models\SparePartOrder::STATUS_NAMES as $key => $name)
  51. <option value="{{ $key }}"
  52. {{ old('status', $spare_part_order->status ?? '') == $key ? 'selected' : '' }}>
  53. {{ $name }}
  54. </option>
  55. @endforeach
  56. </select>
  57. </div>
  58. <div class="mb-3">
  59. <label for="ordered_quantity" class="form-label">Заказано <span class="text-danger">*</span></label>
  60. <input type="number" class="form-control" id="ordered_quantity" name="ordered_quantity"
  61. value="{{ old('ordered_quantity', $spare_part_order->ordered_quantity ?? '') }}"
  62. min="1" required>
  63. </div>
  64. @if($spare_part_order)
  65. <div class="mb-3">
  66. <label class="form-label">Остаток</label>
  67. <input type="text" class="form-control" value="{{ $spare_part_order->available_qty }}" readonly>
  68. @if($spare_part_order->reserved_qty > 0)
  69. <small class="text-warning">Зарезервировано: {{ $spare_part_order->reserved_qty }} шт.</small>
  70. @endif
  71. </div>
  72. @endif
  73. <div class="mb-3">
  74. <div class="form-check">
  75. <input class="form-check-input" type="checkbox" id="with_documents" name="with_documents" value="1"
  76. {{ old('with_documents', $spare_part_order->with_documents ?? false) ? 'checked' : '' }}>
  77. <label class="form-check-label" for="with_documents">
  78. С документами
  79. </label>
  80. </div>
  81. </div>
  82. <div class="mb-3">
  83. <label for="note" class="form-label">Примечание</label>
  84. <textarea class="form-control" id="note" name="note" rows="3">{{ old('note', $spare_part_order->note ?? '') }}</textarea>
  85. </div>
  86. <div class="mb-3 d-flex flex-wrap gap-1 align-items-start">
  87. <button type="submit" class="btn btn-sm btn-success">Сохранить</button>
  88. <a href="{{ $back_url ?? route('spare_part_orders.index') }}" class="btn btn-sm btn-secondary">Назад</a>
  89. @if($spare_part_order && $spare_part_order->status === 'ordered' && hasRole('admin,manager'))
  90. <button type="submit" class="btn btn-sm btn-info" form="set-in-stock-form">Поступило на склад</button>
  91. @endif
  92. @if($spare_part_order && hasRole('admin'))
  93. <button type="button" class="btn btn-sm btn-danger" data-bs-toggle="modal" data-bs-target="#deleteModal">
  94. Удалить
  95. </button>
  96. @endif
  97. </div>
  98. </form>
  99. </div>
  100. @if($spare_part_order)
  101. <div class="col-md-6">
  102. {{-- Резервы --}}
  103. @if($spare_part_order->reservations->where('status', 'active')->count() > 0)
  104. <h3>Активные резервы</h3>
  105. <div class="table-responsive js-subtable-scroll">
  106. <table class="table table-sm table-striped">
  107. <thead>
  108. <tr>
  109. <th>Кол-во</th>
  110. <th>Рекламация</th>
  111. <th>Дата</th>
  112. <th></th>
  113. </tr>
  114. </thead>
  115. <tbody>
  116. @foreach($spare_part_order->reservations->where('status', 'active') as $reservation)
  117. @php
  118. $reserveCandidateOrders = \App\Models\SparePartOrder::query()
  119. ->where('spare_part_id', $reservation->spare_part_id)
  120. ->where('with_documents', $reservation->with_documents)
  121. ->where(function ($query) use ($reservation) {
  122. $query->where(function ($inner) {
  123. $inner->where('status', \App\Models\SparePartOrder::STATUS_IN_STOCK)
  124. ->where('available_qty', '>', 0);
  125. })->orWhere('id', $reservation->spare_part_order_id);
  126. })
  127. ->orderBy('created_at')
  128. ->get();
  129. @endphp
  130. <tr>
  131. <td>{{ $reservation->reserved_qty }}</td>
  132. <td>
  133. @if($reservation->reclamation)
  134. <a href="{{ route('reclamations.show', ['reclamation' => $reservation->reclamation->id, 'nav' => $nav ?? null]) }}">#{{ $reservation->reclamation->id }}</a>
  135. @else
  136. -
  137. @endif
  138. </td>
  139. <td>{{ $reservation->created_at->format('d.m.Y H:i') }}</td>
  140. <td>
  141. @if(hasRole('admin,manager'))
  142. <button type="button"
  143. class="btn btn-sm btn-outline-primary"
  144. title="Изменить заказ резерва"
  145. data-bs-toggle="modal"
  146. data-bs-target="#reassignReservationModal-{{ $reservation->id }}">
  147. <i class="bi bi-pencil"></i>
  148. </button>
  149. <form action="{{ route('spare_part_reservations.issue', $reservation) }}" method="POST" class="d-inline">
  150. @csrf
  151. <button type="submit" class="btn btn-sm btn-success" title="Списать">
  152. <i class="fas fa-check"></i>
  153. </button>
  154. </form>
  155. <form action="{{ route('spare_part_reservations.cancel', $reservation) }}" method="POST" class="d-inline">
  156. @csrf
  157. <button type="submit" class="btn btn-sm btn-warning" title="Отменить резерв">
  158. <i class="fas fa-times"></i>
  159. </button>
  160. </form>
  161. <div class="modal fade" id="reassignReservationModal-{{ $reservation->id }}" tabindex="-1" aria-labelledby="reassignReservationModalLabel-{{ $reservation->id }}" aria-hidden="true">
  162. <div class="modal-dialog modal-dialog-scrollable">
  163. <div class="modal-content text-start">
  164. <div class="modal-header">
  165. <h1 class="modal-title fs-5" id="reassignReservationModalLabel-{{ $reservation->id }}">Выбор заказа для резерва</h1>
  166. <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Закрыть"></button>
  167. </div>
  168. <form action="{{ route('spare_part_reservations.reassign', $reservation) }}" method="POST">
  169. @csrf
  170. <div class="modal-body">
  171. <div class="mb-2 small text-muted">
  172. {{ $spare_part_order->sparePart?->article ?? 'Запчасть' }}, {{ $reservation->reserved_qty }} шт.
  173. </div>
  174. @foreach($reserveCandidateOrders as $candidateOrder)
  175. @php
  176. $activeReservedForCandidate = \App\Models\Reservation::query()
  177. ->where('spare_part_order_id', $candidateOrder->id)
  178. ->where('status', \App\Models\Reservation::STATUS_ACTIVE)
  179. ->sum('reserved_qty');
  180. $freeCandidateQty = max(0, (int) $candidateOrder->available_qty - (int) $activeReservedForCandidate);
  181. $isCurrentCandidate = (int) $candidateOrder->id === (int) $reservation->spare_part_order_id;
  182. @endphp
  183. <label class="form-check mb-2">
  184. <input class="form-check-input"
  185. type="radio"
  186. name="selected_order_id"
  187. value="{{ $candidateOrder->id }}"
  188. @disabled(!$isCurrentCandidate && $freeCandidateQty < 1)
  189. @checked($isCurrentCandidate)>
  190. <span class="form-check-label">
  191. {{ $candidateOrder->display_order_number }}
  192. @if($isCurrentCandidate)
  193. <span class="text-muted">, текущий резерв</span>
  194. @endif
  195. <span class="text-muted">, доступно {{ $freeCandidateQty }}</span>
  196. </span>
  197. </label>
  198. @endforeach
  199. </div>
  200. <div class="modal-footer">
  201. <button type="button" class="btn btn-outline-secondary btn-sm" data-bs-dismiss="modal">Закрыть</button>
  202. <button type="submit" class="btn btn-primary btn-sm">Сохранить резерв</button>
  203. </div>
  204. </form>
  205. </div>
  206. </div>
  207. </div>
  208. @endif
  209. </td>
  210. </tr>
  211. @endforeach
  212. </tbody>
  213. </table>
  214. </div>
  215. @endif
  216. {{-- История движений --}}
  217. <h3>История движений</h3>
  218. @if($spare_part_order->status === 'in_stock' && $spare_part_order->free_qty > 0 && hasRole('admin,manager'))
  219. <button type="button" class="btn btn-sm btn-warning mb-3" data-bs-toggle="modal" data-bs-target="#shipModal">
  220. Отгрузить
  221. </button>
  222. @if(hasRole('admin'))
  223. <button type="button" class="btn btn-sm btn-secondary mb-3" data-bs-toggle="modal" data-bs-target="#correctModal">
  224. Коррекция
  225. </button>
  226. @endif
  227. @endif
  228. @if($spare_part_order->movements->count() > 0)
  229. <div class="table-responsive js-subtable-scroll">
  230. <table class="table table-striped">
  231. <thead>
  232. <tr>
  233. <th>Дата</th>
  234. <th>Тип</th>
  235. <th>Кол-во</th>
  236. <th>Примечание</th>
  237. <th>Пользователь</th>
  238. </tr>
  239. </thead>
  240. <tbody>
  241. @foreach($spare_part_order->movements->sortByDesc('created_at') as $movement)
  242. <tr class="@if($movement->movement_type === 'issue') table-danger @elseif($movement->movement_type === 'reserve') table-warning @elseif($movement->movement_type === 'reserve_cancel') table-info @endif">
  243. <td>{{ $movement->created_at->format('d.m.Y H:i') }}</td>
  244. <td>{{ $movement->type_name }}</td>
  245. <td>{{ $movement->qty }}</td>
  246. <td>
  247. {{ $movement->note }}
  248. @if($movement->source_type === 'reclamation' && $movement->source_id)
  249. <br><small><a href="{{ route('reclamations.show', ['reclamation' => $movement->source_id, 'nav' => $nav ?? null]) }}">Рекламация #{{ $movement->source_id }}</a></small>
  250. @endif
  251. </td>
  252. <td>{{ $movement->user->name ?? '-' }}</td>
  253. </tr>
  254. @endforeach
  255. </tbody>
  256. </table>
  257. </div>
  258. @else
  259. <p class="text-muted">Движений пока нет</p>
  260. @endif
  261. </div>
  262. @endif
  263. </div>
  264. </div>
  265. @if($spare_part_order && $spare_part_order->status === 'ordered' && hasRole('admin,manager'))
  266. <form id="set-in-stock-form" action="{{ route('spare_part_orders.set_in_stock', ['sparePartOrder' => $spare_part_order, 'nav' => $nav ?? null]) }}" method="POST" class="d-none">
  267. @csrf
  268. </form>
  269. @endif
  270. @if($spare_part_order && hasRole('admin,manager'))
  271. {{-- Модальное окно отгрузки --}}
  272. <div class="modal fade" id="shipModal" tabindex="-1" aria-labelledby="shipModalLabel" aria-hidden="true">
  273. <div class="modal-dialog">
  274. <div class="modal-content">
  275. <form action="{{ route('spare_part_orders.ship', ['sparePartOrder' => $spare_part_order, 'nav' => $nav ?? null]) }}" method="POST">
  276. @csrf
  277. <div class="modal-header">
  278. <h1 class="modal-title fs-5" id="shipModalLabel">Отгрузка</h1>
  279. <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
  280. </div>
  281. <div class="modal-body">
  282. <div class="alert alert-info">
  283. Доступно: {{ $spare_part_order->available_qty }} шт.
  284. @if($spare_part_order->reserved_qty > 0)
  285. <br>Зарезервировано: {{ $spare_part_order->reserved_qty }} шт.
  286. <br><strong>Свободно: {{ $spare_part_order->free_qty }} шт.</strong>
  287. @endif
  288. </div>
  289. <div class="mb-3">
  290. <label for="quantity" class="form-label">Количество <span class="text-danger">*</span></label>
  291. <input type="number" class="form-control" id="quantity" name="quantity"
  292. min="1" max="{{ $spare_part_order->free_qty }}" required>
  293. </div>
  294. <div class="mb-3">
  295. <label for="ship_note" class="form-label">Примечание (куда/для чего) <span class="text-danger">*</span></label>
  296. <textarea class="form-control" id="ship_note" name="note" rows="3" required></textarea>
  297. </div>
  298. </div>
  299. <div class="modal-footer">
  300. <button type="submit" class="btn btn-primary">Отгрузить</button>
  301. <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Отмена</button>
  302. </div>
  303. </form>
  304. </div>
  305. </div>
  306. </div>
  307. @endif
  308. @if($spare_part_order && hasRole('admin'))
  309. {{-- Модальное окно коррекции --}}
  310. <div class="modal fade" id="correctModal" tabindex="-1" aria-labelledby="correctModalLabel" aria-hidden="true">
  311. <div class="modal-dialog">
  312. <div class="modal-content">
  313. <form action="{{ route('spare_part_orders.correct', ['sparePartOrder' => $spare_part_order, 'nav' => $nav ?? null]) }}" method="POST">
  314. @csrf
  315. <div class="modal-header">
  316. <h1 class="modal-title fs-5" id="correctModalLabel">Коррекция остатка</h1>
  317. <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
  318. </div>
  319. <div class="modal-body">
  320. <div class="alert alert-warning">
  321. Текущий остаток: {{ $spare_part_order->available_qty }} шт.
  322. </div>
  323. <div class="mb-3">
  324. <label for="new_quantity" class="form-label">Новый остаток <span class="text-danger">*</span></label>
  325. <input type="number" class="form-control" id="new_quantity" name="new_quantity"
  326. min="0" value="{{ $spare_part_order->available_qty }}" required>
  327. </div>
  328. <div class="mb-3">
  329. <label for="reason" class="form-label">Причина коррекции <span class="text-danger">*</span></label>
  330. <textarea class="form-control" id="reason" name="reason" rows="3" required
  331. placeholder="Укажите причину изменения остатка"></textarea>
  332. </div>
  333. </div>
  334. <div class="modal-footer">
  335. <button type="submit" class="btn btn-primary">Применить</button>
  336. <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Отмена</button>
  337. </div>
  338. </form>
  339. </div>
  340. </div>
  341. </div>
  342. {{-- Модальное окно удаления --}}
  343. <div class="modal fade" id="deleteModal" tabindex="-1" aria-labelledby="deleteModalLabel" aria-hidden="true">
  344. <div class="modal-dialog">
  345. <div class="modal-content">
  346. <div class="modal-header">
  347. <h1 class="modal-title fs-5" id="deleteModalLabel">Подтверждение удаления</h1>
  348. <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
  349. </div>
  350. <div class="modal-body">
  351. Вы действительно хотите удалить заказ #{{ $spare_part_order->id }}?
  352. @if($spare_part_order->reservations->where('status', 'active')->count() > 0)
  353. <div class="alert alert-danger mt-2">
  354. Внимание: есть активные резервы!
  355. </div>
  356. @endif
  357. </div>
  358. <div class="modal-footer">
  359. <form action="{{ route('spare_part_orders.destroy', ['sparePartOrder' => $spare_part_order, 'nav' => $nav ?? null]) }}" method="POST">
  360. @csrf
  361. @method('DELETE')
  362. <button type="submit" class="btn btn-danger">Удалить</button>
  363. <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Отмена</button>
  364. </form>
  365. </div>
  366. </div>
  367. </div>
  368. </div>
  369. @endif
  370. @push('scripts')
  371. <script>
  372. document.addEventListener('DOMContentLoaded', function() {
  373. const $input = document.getElementById('spare_part_search');
  374. const $dropdown = document.getElementById('spare_part_dropdown');
  375. const $hiddenInput = document.getElementById('spare_part_id');
  376. const $hint = document.getElementById('spare_part_hint');
  377. // Если это форма редактирования (поле readonly), не инициализируем autocomplete
  378. if (!$dropdown || $input.readOnly) {
  379. return;
  380. }
  381. let currentFocus = -1;
  382. let searchTimeout;
  383. // Обработка ввода
  384. $input.addEventListener('input', function() {
  385. const query = this.value.trim();
  386. clearTimeout(searchTimeout);
  387. // Сбрасываем скрытое поле при изменении текста
  388. $hiddenInput.value = '';
  389. if ($hint) {
  390. $hint.innerHTML = '';
  391. }
  392. if (query.length >= 1) {
  393. searchTimeout = setTimeout(function() {
  394. fetch('{{ route('spare_parts.search') }}?query=' + encodeURIComponent(query))
  395. .then(response => response.json())
  396. .then(data => showDropdown(data, query))
  397. .catch(error => console.error('Search error:', error));
  398. }, 200);
  399. } else {
  400. hideDropdown();
  401. }
  402. });
  403. // Показать выпадающий список
  404. function showDropdown(items, query) {
  405. $dropdown.innerHTML = '';
  406. currentFocus = -1;
  407. if (items.length === 0) {
  408. $dropdown.innerHTML = '<div class="autocomplete-item text-muted">Ничего не найдено</div>';
  409. $dropdown.style.display = 'block';
  410. return;
  411. }
  412. items.forEach(function(item, index) {
  413. const div = document.createElement('div');
  414. div.className = 'autocomplete-item';
  415. const highlightedArticle = highlightMatch(item.article, query);
  416. const highlightedUsedIn = item.used_in_maf ? highlightMatch(item.used_in_maf, query) : '';
  417. div.innerHTML = '<div class="article">' + highlightedArticle + '</div>' +
  418. (item.used_in_maf ? '<div class="used-in-maf">' + highlightedUsedIn + '</div>' : '');
  419. div.dataset.id = item.id;
  420. div.dataset.article = item.article;
  421. div.dataset.usedInMaf = item.used_in_maf || '';
  422. div.addEventListener('click', function() {
  423. selectItem(this);
  424. });
  425. $dropdown.appendChild(div);
  426. });
  427. $dropdown.style.display = 'block';
  428. }
  429. function hideDropdown() {
  430. $dropdown.style.display = 'none';
  431. }
  432. // Подсветка совпадения
  433. function highlightMatch(text, query) {
  434. if (!text || !query) return text || '';
  435. const regex = new RegExp('(' + escapeRegex(query) + ')', 'gi');
  436. return text.replace(regex, '<strong>$1</strong>');
  437. }
  438. function escapeRegex(str) {
  439. return str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
  440. }
  441. // Выбор элемента
  442. function selectItem(item) {
  443. $input.value = item.dataset.article + ' - ' + item.dataset.usedInMaf;
  444. $hiddenInput.value = item.dataset.id;
  445. if ($hint) {
  446. $hint.innerHTML = '<i class="bi bi-check-circle text-success"></i> Выбрано: ' + item.dataset.article;
  447. }
  448. hideDropdown();
  449. }
  450. // Навигация клавиатурой
  451. $input.addEventListener('keydown', function(e) {
  452. const items = $dropdown.querySelectorAll('.autocomplete-item:not(.text-muted)');
  453. if (e.key === 'ArrowDown') {
  454. e.preventDefault();
  455. currentFocus++;
  456. if (currentFocus >= items.length) currentFocus = 0;
  457. setActive(items);
  458. } else if (e.key === 'ArrowUp') {
  459. e.preventDefault();
  460. currentFocus--;
  461. if (currentFocus < 0) currentFocus = items.length - 1;
  462. setActive(items);
  463. } else if (e.key === 'Enter') {
  464. e.preventDefault();
  465. if (currentFocus > -1 && items.length > 0) {
  466. selectItem(items[currentFocus]);
  467. }
  468. } else if (e.key === 'Escape') {
  469. hideDropdown();
  470. }
  471. });
  472. function setActive(items) {
  473. items.forEach(item => item.classList.remove('active'));
  474. if (currentFocus >= 0 && currentFocus < items.length) {
  475. items[currentFocus].classList.add('active');
  476. items[currentFocus].scrollIntoView({ block: 'nearest' });
  477. }
  478. }
  479. // Закрытие при клике вне
  480. document.addEventListener('click', function(e) {
  481. if (!e.target.closest('#spare_part_search') && !e.target.closest('#spare_part_dropdown')) {
  482. hideDropdown();
  483. }
  484. });
  485. // При фокусе показать список если есть значение
  486. $input.addEventListener('focus', function() {
  487. const query = this.value.trim();
  488. if (query.length >= 1 && !$hiddenInput.value) {
  489. fetch('{{ route('spare_parts.search') }}?query=' + encodeURIComponent(query))
  490. .then(response => response.json())
  491. .then(data => showDropdown(data, query))
  492. .catch(error => console.error('Search error:', error));
  493. }
  494. });
  495. // Валидация формы - проверяем что выбрана запчасть
  496. const form = $input.closest('form');
  497. if (form) {
  498. form.addEventListener('submit', function(e) {
  499. if (!$hiddenInput.value) {
  500. e.preventDefault();
  501. $input.classList.add('is-invalid');
  502. if ($hint) {
  503. $hint.innerHTML = '<span class="text-danger">Выберите запчасть из списка</span>';
  504. }
  505. $input.focus();
  506. }
  507. });
  508. $input.addEventListener('input', function() {
  509. $input.classList.remove('is-invalid');
  510. });
  511. }
  512. // Восстановление значения при ошибке валидации
  513. @if(old('spare_part_id'))
  514. fetch('{{ route('spare_parts.search') }}?query=' + encodeURIComponent(''))
  515. .then(response => response.json())
  516. .then(data => {
  517. const sparePart = data.find(sp => sp.id == '{{ old('spare_part_id') }}');
  518. if (sparePart) {
  519. $input.value = sparePart.article + ' - ' + (sparePart.used_in_maf || '');
  520. if ($hint) {
  521. $hint.innerHTML = '<i class="bi bi-check-circle text-success"></i> Выбрано: ' + sparePart.article;
  522. }
  523. }
  524. });
  525. @endif
  526. });
  527. </script>
  528. @endpush
  529. @endsection