strprfcrm/resources/views/spare_part_orders/edit.blade.php

@extends('layouts.app')

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-md-6">
            <h2>{{ $spare_part_order ? 'Заказ детали #' . $spare_part_order->id : 'Новый заказ детали' }}</h2>

            <form action="{{ $spare_part_order ? route('spare_part_orders.update', $spare_part_order) : route('spare_part_orders.store') }}"
                  method="POST">
                @csrf
                @if($spare_part_order)
                    @method('PUT')
                @endif

                <input type="hidden" name="previous_url" value="{{ $previous_url ?? url()->previous() }}">

                @if($spare_part_order && $spare_part_order->sparePart && $spare_part_order->sparePart->image)
                    <div class="mb-3">
                        <img src="{{ $spare_part_order->sparePart->image }}" alt="{{ $spare_part_order->sparePart->article }}" class="img-fluid img-max-150">
                    </div>
                @endif

                <div class="mb-3">
                    <label for="spare_part_search" class="form-label">Артикул <span class="text-danger">*</span></label>
                    @if($spare_part_order)
                        <input type="text" class="form-control" id="spare_part_search"
                               value="{{ $spare_part_order->sparePart->article }} - {{ $spare_part_order->sparePart->used_in_maf }}"
                               readonly>
                        <input type="hidden" name="spare_part_id" id="spare_part_id" value="{{ $spare_part_order->spare_part_id }}">
                    @else
                        <div class="position-relative">
                            <input type="text" class="form-control" id="spare_part_search"
                                   placeholder="Введите артикул или наименование..."
                                   autocomplete="off" required>
                            <input type="hidden" name="spare_part_id" id="spare_part_id" value="{{ old('spare_part_id', '') }}" required>
                            <div class="autocomplete-dropdown autocomplete-dropdown--order" id="spare_part_dropdown"></div>
                        </div>
                        <div class="form-text" id="spare_part_hint"></div>
                    @endif
                </div>

                <div class="mb-3">
                    <label for="order_number" class="form-label">Номер заказа</label>
                    <input type="text" class="form-control" id="order_number" name="order_number"
                           value="{{ old('order_number', $spare_part_order->order_number ?? '') }}">
                </div>

                <div class="mb-3">
                    <label for="source_text" class="form-label">Источник заказа</label>
                    <input type="text" class="form-control" id="source_text" name="source_text"
                           value="{{ old('source_text', $spare_part_order->source_text ?? '') }}">
                </div>

                <div class="mb-3">
                    <label for="status" class="form-label">Статус <span class="text-danger">*</span></label>
                    <select class="form-select" id="status" name="status" required>
                        @foreach(\App\Models\SparePartOrder::STATUS_NAMES as $key => $name)
                            <option value="{{ $key }}"
                                    {{ old('status', $spare_part_order->status ?? '') == $key ? 'selected' : '' }}>
                                {{ $name }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div class="mb-3">
                    <label for="ordered_quantity" class="form-label">Заказано <span class="text-danger">*</span></label>
                    <input type="number" class="form-control" id="ordered_quantity" name="ordered_quantity"
                           value="{{ old('ordered_quantity', $spare_part_order->ordered_quantity ?? '') }}"
                           min="1" required>
                </div>

                @if($spare_part_order)
                    <div class="mb-3">
                        <label class="form-label">Остаток</label>
                        <input type="text" class="form-control" value="{{ $spare_part_order->available_qty }}" readonly>
                        @if($spare_part_order->reserved_qty > 0)
                            <small class="text-warning">Зарезервировано: {{ $spare_part_order->reserved_qty }} шт.</small>
                        @endif
                    </div>
                @endif

                <div class="mb-3">
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" id="with_documents" name="with_documents" value="1"
                               {{ old('with_documents', $spare_part_order->with_documents ?? false) ? 'checked' : '' }}>
                        <label class="form-check-label" for="with_documents">
                            С документами
                        </label>
                    </div>
                </div>

                <div class="mb-3">
                    <label for="note" class="form-label">Примечание</label>
                    <textarea class="form-control" id="note" name="note" rows="3">{{ old('note', $spare_part_order->note ?? '') }}</textarea>
                </div>

                <div class="mb-3 d-flex flex-wrap gap-1 align-items-start">
                    <button type="submit" class="btn btn-success">Сохранить</button>
                    <a href="{{ $previous_url ?? route('spare_part_orders.index') }}" class="btn btn-secondary">Назад</a>

                    @if($spare_part_order && $spare_part_order->status === 'ordered' && hasRole('admin,manager'))
                        <form action="{{ route('spare_part_orders.set_in_stock', $spare_part_order) }}" method="POST" class="d-inline">
                            @csrf
                            <button type="submit" class="btn btn-info">Поступило на склад</button>
                        </form>
                    @endif

                    @if($spare_part_order && hasRole('admin'))
                        <button type="button" class="btn btn-danger" data-bs-toggle="modal" data-bs-target="#deleteModal">
                            Удалить
                        </button>
                    @endif
                </div>
            </form>
        </div>

        @if($spare_part_order)
            <div class="col-md-6">
                {{-- Резервы --}}
                @if($spare_part_order->reservations->where('status', 'active')->count() > 0)
                    <h3>Активные резервы</h3>
                    <div class="table-responsive js-subtable-scroll">
                        <table class="table table-sm table-striped">
                            <thead>
                                <tr>
                                    <th>Кол-во</th>
                                    <th>Рекламация</th>
                                    <th>Дата</th>
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($spare_part_order->reservations->where('status', 'active') as $reservation)
                                    <tr>
                                        <td>{{ $reservation->reserved_qty }}</td>
                                        <td>
                                            @if($reservation->reclamation)
                                                <a href="{{ route('reclamations.show', $reservation->reclamation->id) }}">#{{ $reservation->reclamation->id }}</a>
                                            @else
                                                -
                                            @endif
                                        </td>
                                        <td>{{ $reservation->created_at->format('d.m.Y H:i') }}</td>
                                        <td>
                                            @if(hasRole('admin,manager'))
                                                <form action="{{ route('spare_part_reservations.issue', $reservation) }}" method="POST" class="d-inline">
                                                    @csrf
                                                    <button type="submit" class="btn btn-sm btn-success" title="Списать">
                                                        <i class="fas fa-check"></i>
                                                    </button>
                                                </form>
                                                <form action="{{ route('spare_part_reservations.cancel', $reservation) }}" method="POST" class="d-inline">
                                                    @csrf
                                                    <button type="submit" class="btn btn-sm btn-warning" title="Отменить резерв">
                                                        <i class="fas fa-times"></i>
                                                    </button>
                                                </form>
                                            @endif
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @endif

                {{-- История движений --}}
                <h3>История движений</h3>

                @if($spare_part_order->status === 'in_stock' && $spare_part_order->free_qty > 0 && hasRole('admin,manager'))
                    <button type="button" class="btn btn-warning mb-3" data-bs-toggle="modal" data-bs-target="#shipModal">
                        Отгрузить
                    </button>
                    @if(hasRole('admin'))
                        <button type="button" class="btn btn-secondary mb-3" data-bs-toggle="modal" data-bs-target="#correctModal">
                            Коррекция
                        </button>
                    @endif
                @endif

                @if($spare_part_order->movements->count() > 0)
                    <div class="table-responsive js-subtable-scroll">
                        <table class="table table-striped">
                            <thead>
                                <tr>
                                    <th>Дата</th>
                                    <th>Тип</th>
                                    <th>Кол-во</th>
                                    <th>Примечание</th>
                                    <th>Пользователь</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($spare_part_order->movements->sortByDesc('created_at') as $movement)
                                    <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">
                                        <td>{{ $movement->created_at->format('d.m.Y H:i') }}</td>
                                        <td>{{ $movement->type_name }}</td>
                                        <td>{{ $movement->qty }}</td>
                                        <td>
                                            {{ $movement->note }}
                                            @if($movement->source_type === 'reclamation' && $movement->source_id)
                                                <br><small><a href="{{ route('reclamations.show', $movement->source_id) }}">Рекламация #{{ $movement->source_id }}</a></small>
                                            @endif
                                        </td>
                                        <td>{{ $movement->user->name ?? '-' }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @else
                    <p class="text-muted">Движений пока нет</p>
                @endif
            </div>
        @endif
    </div>
</div>

@if($spare_part_order && hasRole('admin,manager'))
    {{-- Модальное окно отгрузки --}}
    <div class="modal fade" id="shipModal" tabindex="-1">
        <div class="modal-dialog">
            <div class="modal-content">
                <form action="{{ route('spare_part_orders.ship', $spare_part_order) }}" method="POST">
                    @csrf
                    <div class="modal-header">
                        <h5 class="modal-title">Отгрузка</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                    </div>
                    <div class="modal-body">
                        <div class="alert alert-info">
                            Доступно: {{ $spare_part_order->available_qty }} шт.
                            @if($spare_part_order->reserved_qty > 0)
                                <br>Зарезервировано: {{ $spare_part_order->reserved_qty }} шт.
                                <br><strong>Свободно: {{ $spare_part_order->free_qty }} шт.</strong>
                            @endif
                        </div>

                        <div class="mb-3">
                            <label for="quantity" class="form-label">Количество <span class="text-danger">*</span></label>
                            <input type="number" class="form-control" id="quantity" name="quantity"
                                   min="1" max="{{ $spare_part_order->free_qty }}" required>
                        </div>

                        <div class="mb-3">
                            <label for="ship_note" class="form-label">Примечание (куда/для чего) <span class="text-danger">*</span></label>
                            <textarea class="form-control" id="ship_note" name="note" rows="3" required></textarea>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-primary">Отгрузить</button>
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Отмена</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endif

@if($spare_part_order && hasRole('admin'))
    {{-- Модальное окно коррекции --}}
    <div class="modal fade" id="correctModal" tabindex="-1">
        <div class="modal-dialog">
            <div class="modal-content">
                <form action="{{ route('spare_part_orders.correct', $spare_part_order) }}" method="POST">
                    @csrf
                    <div class="modal-header">
                        <h5 class="modal-title">Коррекция остатка</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                    </div>
                    <div class="modal-body">
                        <div class="alert alert-warning">
                            Текущий остаток: {{ $spare_part_order->available_qty }} шт.
                        </div>

                        <div class="mb-3">
                            <label for="new_quantity" class="form-label">Новый остаток <span class="text-danger">*</span></label>
                            <input type="number" class="form-control" id="new_quantity" name="new_quantity"
                                   min="0" value="{{ $spare_part_order->available_qty }}" required>
                        </div>

                        <div class="mb-3">
                            <label for="reason" class="form-label">Причина коррекции <span class="text-danger">*</span></label>
                            <textarea class="form-control" id="reason" name="reason" rows="3" required
                                      placeholder="Укажите причину изменения остатка"></textarea>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-primary">Применить</button>
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Отмена</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    {{-- Модальное окно удаления --}}
    <div class="modal fade" id="deleteModal" tabindex="-1">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Подтверждение удаления</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    Вы действительно хотите удалить заказ #{{ $spare_part_order->id }}?
                    @if($spare_part_order->reservations->where('status', 'active')->count() > 0)
                        <div class="alert alert-danger mt-2">
                            Внимание: есть активные резервы!
                        </div>
                    @endif
                </div>
                <div class="modal-footer">
                    <form action="{{ route('spare_part_orders.destroy', $spare_part_order) }}" method="POST">
                        @csrf
                        @method('DELETE')
                        <button type="submit" class="btn btn-danger">Удалить</button>
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Отмена</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endif

@push('scripts')
<script>
document.addEventListener('DOMContentLoaded', function() {
    const $input = document.getElementById('spare_part_search');
    const $dropdown = document.getElementById('spare_part_dropdown');
    const $hiddenInput = document.getElementById('spare_part_id');
    const $hint = document.getElementById('spare_part_hint');

    // Если это форма редактирования (поле readonly), не инициализируем autocomplete
    if (!$dropdown || $input.readOnly) {
        return;
    }

    let currentFocus = -1;
    let searchTimeout;

    // Обработка ввода
    $input.addEventListener('input', function() {
        const query = this.value.trim();
        clearTimeout(searchTimeout);

        // Сбрасываем скрытое поле при изменении текста
        $hiddenInput.value = '';
        if ($hint) {
            $hint.innerHTML = '';
        }

        if (query.length >= 1) {
            searchTimeout = setTimeout(function() {
                fetch('{{ route('spare_parts.search') }}?query=' + encodeURIComponent(query))
                    .then(response => response.json())
                    .then(data => showDropdown(data, query))
                    .catch(error => console.error('Search error:', error));
            }, 200);
        } else {
            hideDropdown();
        }
    });

    // Показать выпадающий список
    function showDropdown(items, query) {
        $dropdown.innerHTML = '';
        currentFocus = -1;

        if (items.length === 0) {
            $dropdown.innerHTML = '<div class="autocomplete-item text-muted">Ничего не найдено</div>';
            $dropdown.style.display = 'block';
            return;
        }

        items.forEach(function(item, index) {
            const div = document.createElement('div');
            div.className = 'autocomplete-item';

            const highlightedArticle = highlightMatch(item.article, query);
            const highlightedUsedIn = item.used_in_maf ? highlightMatch(item.used_in_maf, query) : '';

            div.innerHTML = '<div class="article">' + highlightedArticle + '</div>' +
                           (item.used_in_maf ? '<div class="used-in-maf">' + highlightedUsedIn + '</div>' : '');

            div.dataset.id = item.id;
            div.dataset.article = item.article;
            div.dataset.usedInMaf = item.used_in_maf || '';

            div.addEventListener('click', function() {
                selectItem(this);
            });

            $dropdown.appendChild(div);
        });

        $dropdown.style.display = 'block';
    }

    function hideDropdown() {
        $dropdown.style.display = 'none';
    }

    // Подсветка совпадения
    function highlightMatch(text, query) {
        if (!text || !query) return text || '';
        const regex = new RegExp('(' + escapeRegex(query) + ')', 'gi');
        return text.replace(regex, '<strong>$1</strong>');
    }

    function escapeRegex(str) {
        return str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
    }

    // Выбор элемента
    function selectItem(item) {
        $input.value = item.dataset.article + ' - ' + item.dataset.usedInMaf;
        $hiddenInput.value = item.dataset.id;
        if ($hint) {
            $hint.innerHTML = '<i class="bi bi-check-circle text-success"></i> Выбрано: ' + item.dataset.article;
        }
        hideDropdown();
    }

    // Навигация клавиатурой
    $input.addEventListener('keydown', function(e) {
        const items = $dropdown.querySelectorAll('.autocomplete-item:not(.text-muted)');

        if (e.key === 'ArrowDown') {
            e.preventDefault();
            currentFocus++;
            if (currentFocus >= items.length) currentFocus = 0;
            setActive(items);
        } else if (e.key === 'ArrowUp') {
            e.preventDefault();
            currentFocus--;
            if (currentFocus < 0) currentFocus = items.length - 1;
            setActive(items);
        } else if (e.key === 'Enter') {
            e.preventDefault();
            if (currentFocus > -1 && items.length > 0) {
                selectItem(items[currentFocus]);
            }
        } else if (e.key === 'Escape') {
            hideDropdown();
        }
    });

    function setActive(items) {
        items.forEach(item => item.classList.remove('active'));
        if (currentFocus >= 0 && currentFocus < items.length) {
            items[currentFocus].classList.add('active');
            items[currentFocus].scrollIntoView({ block: 'nearest' });
        }
    }

    // Закрытие при клике вне
    document.addEventListener('click', function(e) {
        if (!e.target.closest('#spare_part_search') && !e.target.closest('#spare_part_dropdown')) {
            hideDropdown();
        }
    });

    // При фокусе показать список если есть значение
    $input.addEventListener('focus', function() {
        const query = this.value.trim();
        if (query.length >= 1 && !$hiddenInput.value) {
            fetch('{{ route('spare_parts.search') }}?query=' + encodeURIComponent(query))
                .then(response => response.json())
                .then(data => showDropdown(data, query))
                .catch(error => console.error('Search error:', error));
        }
    });

    // Валидация формы - проверяем что выбрана запчасть
    const form = $input.closest('form');
    if (form) {
        form.addEventListener('submit', function(e) {
            if (!$hiddenInput.value) {
                e.preventDefault();
                $input.classList.add('is-invalid');
                if ($hint) {
                    $hint.innerHTML = '<span class="text-danger">Выберите запчасть из списка</span>';
                }
                $input.focus();
            }
        });

        $input.addEventListener('input', function() {
            $input.classList.remove('is-invalid');
        });
    }

    // Восстановление значения при ошибке валидации
    @if(old('spare_part_id'))
    fetch('{{ route('spare_parts.search') }}?query=' + encodeURIComponent(''))
        .then(response => response.json())
        .then(data => {
            const sparePart = data.find(sp => sp.id == '{{ old('spare_part_id') }}');
            if (sparePart) {
                $input.value = sparePart.article + ' - ' + (sparePart.used_in_maf || '');
                if ($hint) {
                    $hint.innerHTML = '<i class="bi bi-check-circle text-success"></i> Выбрано: ' + sparePart.article;
                }
            }
        });
    @endif
});
</script>
@endpush
@endsection