@extends('layouts.app')

@section('content')

    <div class="px-3">
        <div class="row">
            <div class="col-xl-6">
                <h4>Рекламация</h4>
            </div>
            <div class="col-xl-6 text-end mb-2">
                @if(hasRole('admin') && !is_null($reclamation->brigadier_id) && !is_null($reclamation->start_work_date))
                    <button class="btn btn-sm btn-primary" id="createScheduleButton">Перенести в график</button>
                @endif
                @if(hasRole('admin,manager'))
                    <a href="{{ route('order.generate-reclamation-pack', $reclamation) }}"
                       class="btn btn-primary btn-sm">Пакет документов рекламации</a>
                @endif
                @if(hasRole('admin'))
                    <a href="#" onclick="if(confirm('Удалить рекламацию?')) $('form#destroy').submit();"
                       class="btn btn-sm mb-1 btn-danger">Удалить</a>
                    <form action="{{ route('reclamations.delete', $reclamation) }}" method="post" class="d-none" id="destroy">
                        @csrf
                        @method('DELETE')
                    </form>
                @endif
            </div>
        </div>
        <div class="row">
            <div class="col-xl-5 border-end mb-3 mb-xl-0">
                <form action="{{ route('reclamations.update', $reclamation) }}" method="post">

                    @csrf
                    <input type="hidden" id="order_id" name="order_id" value="{{ $reclamation->order_id}}">
                    <input type="hidden" name="previous_url" value="{{ $previous_url ?? '' }}">

                    @include('partials.input', ['name' => 'order_name', 'title' => 'Площадка', 'disabled' => true, 'value' => $reclamation->order->common_name ?? ''])
                    @include('partials.select', ['name' => 'status_id', 'title' => 'Статус', 'options' => $statuses, 'value' => $reclamation->status_id ?? old('status_id'), 'disabled' => !hasRole('admin,manager')])
                    @include('partials.select', ['name' => 'user_id', 'title' => 'Менеджер', 'options' => $users, 'value' => $reclamation->user_id ?? old('user_id') ?? auth()->user()->id, 'disabled' => !hasRole('admin,manager')])
                    @include('partials.input', ['name' => 'create_date', 'title' => 'Дата создания', 'type' => 'date', 'required' => true, 'value' => $reclamation->create_date ?? date('Y-m-d'), 'disabled' => !hasRole('admin,manager')])
                    @include('partials.input', ['name' => 'finish_date', 'title' => 'Дата завершения', 'type' => 'date', 'required' => true, 'value' => $reclamation->finish_date ?? date('Y-m-d', strtotime('+30 days')), 'disabled' => !hasRole('admin,manager')])
                    @include('partials.select', ['name' => 'brigadier_id', 'title' => 'Бригадир', 'options' => $brigadiers, 'value' => $reclamation->brigadier_id ?? old('brigadier_id'), 'disabled' => !hasRole('admin,manager'), 'first_empty' => true])
                    @include('partials.input', ['name' => 'start_work_date', 'title' => 'Дата начала работ', 'type' => 'date', 'value' => $reclamation->start_work_date, 'disabled' => !hasRole('admin,manager')])
                    @include('partials.input', ['name' => 'work_days', 'title' => 'Срок работ, дней', 'type' => 'number', 'min' => 1, 'value' => $reclamation->work_days, 'disabled' => !hasRole('admin,manager')])
                    @include('partials.select', ['name' => 'reason', 'title' => 'Причина', 'size' => 6, 'value' => $reclamation->reason ?? '', 'options' => ['Вандализм', 'Гарантия', 'Сервисное обслуживание'], 'key_as_val' => true, 'disabled' => !hasRole('admin,manager')])
                    @include('partials.textarea', ['name' => 'guarantee', 'title' => 'Гарантии', 'size' => 6, 'value' => $reclamation->guarantee ?? '', 'disabled' => !hasRole('admin,manager')])
                    @include('partials.textarea', ['name' => 'whats_done', 'title' => 'Что сделано', 'size' => 6, 'value' => $reclamation->whats_done ?? '', 'disabled' => !hasRole('admin,manager')])
                    @include('partials.textarea', ['name' => 'comment', 'title' => 'Комментарий', 'size' => 6, 'value' => $reclamation->comment ?? '', 'disabled' => !hasRole('admin,manager')])
                    @include('partials.submit', ['name' => 'Сохранить', 'offset' => 5, 'disabled' => !hasRole('admin,manager'), 'backurl' => route('reclamations.index', session('gp_reclamations'))])
                </form>
            </div>
            <div class="col-xl-7 ">
                <div class="col-12 overflow-x-scroll">
                    <table class="table">
                        <thead>
                        <tr>
                            <th>Картинка</th>
                            <th>МАФ</th>
                            <th>Тип</th>
                            <th>Номер заказа МАФ</th>
                            <th>RFID</th>
                            <th>Заводской номер</th>
                            <th>Дата производства</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($reclamation->skus as $p)
                            <tr>
                                <td>
                                    @if($p->product->image)
                                        <a href="{{ $p->product->image }}" data-toggle="lightbox" data-gallery="maf"
                                           data-size="fullscreen">
                                            <img src="{{ $p->product->image }}" alt="" class="img-thumbnail maf-img">
                                        </a>
                                    @endif
                                </td>
                                <td>
                                    @if(hasRole('admin,manager'))
                                    <a href="{{ route('product_sku.show', $p) }}">
                                        {!! $p->product->article !!}
                                    </a>
                                    <br>
                                    <a class="small" href="{{ route('catalog.show', $p->product) }}">каталог</a>
                                    @endif
                                </td>
                                <td>{!! $p->product->nomenclature_number !!}</td>
                                <td>
                                    @if($p->maf_order_id && hasRole('admin,manager'))
                                        <a href="{{ route('maf_order.show', $p->maf_order) }}">{{ $p->maf_order->order_number }}</a>
                                    @endif
                                </td>
                                <td>{{ $p->rfid }}</td>
                                <td>{{ $p->factory_number }}</td>
                                <td>{{ $p->manufacture_date }}</td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
                <div class="spare-parts">
                    @php
                        $activeReservationsCount = $reclamation->activeReservations()->count();
                        $openShortagesCount = $reclamation->openShortages()->count();
                    @endphp
                    <a href="#spare_parts" data-bs-toggle="collapse">
                        Запчасти ({{ $reclamation->spareParts->count() }})
                        @if($activeReservationsCount > 0)
                            <span class="badge bg-warning" title="Активных резервов">{{ $activeReservationsCount }} резерв</span>
                        @endif
                        @if($openShortagesCount > 0)
                            <span class="badge bg-danger" title="Открытых дефицитов">{{ $openShortagesCount }} дефицит</span>
                        @endif
                    </a>
                    <form method="post" action="{{ route('reclamations.update-spare-parts', $reclamation) }}"
                          class="my-2 collapse" id="spare_parts">
                        @csrf
                        <div class="spare-parts-rows">
                            @forelse($reclamation->spareParts as $idx => $sp)
                                <div class="row mb-1 spare-part-row" data-index="{{ $idx }}">
                                    <div class="col-6 position-relative">
                                        <input type="hidden" name="rows[{{ $idx }}][spare_part_id]" value="{{ $sp->id }}" class="spare-part-id">
                                        <input type="text" class="form-control form-control-sm spare-part-search"
                                               value="{{ $sp->article }}@if($sp->used_in_maf) ({{ $sp->used_in_maf }})@endif"
                                               placeholder="Введите артикул или название"
                                               autocomplete="off"
                                               @disabled(!hasRole('admin,manager'))>
                                        <div class="spare-part-dropdown"></div>
                                    </div>
                                    <div class="col-2">
                                        <input type="number" name="rows[{{ $idx }}][quantity]" value="{{ $sp->pivot->quantity }}"
                                               min="0" class="form-control form-control-sm text-end"
                                               @disabled(!hasRole('admin,manager'))
                                               placeholder="кол-во">
                                    </div>
                                    <div class="col-3">
                                        <div class="form-check form-check-inline mt-1">
                                            <input type="hidden" name="rows[{{ $idx }}][with_documents]" value="0">
                                            <input type="checkbox" name="rows[{{ $idx }}][with_documents]" value="1"
                                                   class="form-check-input" id="with_docs_{{ $idx }}"
                                                   @checked($sp->pivot->with_documents)
                                                   @disabled(!hasRole('admin,manager'))>
                                            <label class="form-check-label small" for="with_docs_{{ $idx }}">с док.</label>
                                        </div>
                                    </div>
                                    <div class="col-1">
                                        <span class="btn btn-sm text-danger remove-spare-part-row" title="Удалить строку">
                                            <i class="bi bi-x-circle"></i>
                                        </span>
                                    </div>
                                </div>
                            @empty
                                <div class="row mb-1 spare-part-row" data-index="0">
                                    <div class="col-6 position-relative">
                                        <input type="hidden" name="rows[0][spare_part_id]" value="" class="spare-part-id">
                                        <input type="text" class="form-control form-control-sm spare-part-search"
                                               value=""
                                               placeholder="Введите артикул или название"
                                               autocomplete="off"
                                               @disabled(!hasRole('admin,manager'))>
                                        <div class="spare-part-dropdown"></div>
                                    </div>
                                    <div class="col-2">
                                        <input type="number" name="rows[0][quantity]" value=""
                                               min="0" class="form-control form-control-sm text-end"
                                               @disabled(!hasRole('admin,manager'))
                                               placeholder="кол-во">
                                    </div>
                                    <div class="col-3">
                                        <div class="form-check form-check-inline mt-1">
                                            <input type="hidden" name="rows[0][with_documents]" value="0">
                                            <input type="checkbox" name="rows[0][with_documents]" value="1"
                                                   class="form-check-input" id="with_docs_0"
                                                   @disabled(!hasRole('admin,manager'))>
                                            <label class="form-check-label small" for="with_docs_0">с док.</label>
                                        </div>
                                    </div>
                                    <div class="col-1">
                                        <span class="btn btn-sm text-danger remove-spare-part-row" title="Удалить строку">
                                            <i class="bi bi-x-circle"></i>
                                        </span>
                                    </div>
                                </div>
                            @endforelse
                        </div>
                        <div class="row mb-1 spare-part-row spare-part-template d-none" data-index="__INDEX__">
                            <div class="col-6 position-relative">
                                <input type="hidden" name="rows[__INDEX__][spare_part_id]" value="" class="spare-part-id">
                                <input type="text" class="form-control form-control-sm spare-part-search"
                                       value=""
                                       placeholder="Введите артикул или название"
                                       autocomplete="off"
                                       disabled>
                                <div class="spare-part-dropdown"></div>
                            </div>
                            <div class="col-2">
                                <input type="number" name="rows[__INDEX__][quantity]" value=""
                                       min="0" class="form-control form-control-sm text-end" disabled
                                       placeholder="кол-во">
                            </div>
                            <div class="col-3">
                                <div class="form-check form-check-inline mt-1">
                                    <input type="hidden" name="rows[__INDEX__][with_documents]" value="0">
                                    <input type="checkbox" name="rows[__INDEX__][with_documents]" value="1"
                                           class="form-check-input" disabled>
                                    <label class="form-check-label small">с док.</label>
                                </div>
                            </div>
                            <div class="col-1">
                                <span class="btn btn-sm text-danger remove-spare-part-row" title="Удалить строку">
                                    <i class="bi bi-x-circle"></i>
                                </span>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-12 text-end">
                                <span class="btn btn-light btn-sm cursor-pointer" id="add-spare-part-row"
                                      @disabled(!hasRole('admin,manager'))>Добавить строку</span>
                                <button class="btn btn-primary btn-sm" type="submit" @disabled(!hasRole('admin,manager'))>Сохранить запчасти</button>
                            </div>
                        </div>
                        @if($errors->any())
                            @dump($errors->all())
                        @endif
                    </form>

                    {{-- Резервы и дефициты --}}
                    @php
                        $reservations = $reclamation->sparePartReservations()
                            ->with('sparePart', 'sparePartOrder')
                            ->orderByDesc('created_at')
                            ->get();
                        $shortages = $reclamation->sparePartShortages()
                            ->with('sparePart')
                            ->orderByDesc('created_at')
                            ->get();
                    @endphp

                    @if($reservations->count() > 0 || $shortages->count() > 0)
                        <div class="mt-3 p-2 border rounded bg-light">
                            {{-- Активные резервы --}}
                            @if($reservations->where('status', 'active')->count() > 0)
                                <div class="mb-3">
                                    <strong class="text-warning"><i class="bi bi-bookmark-fill"></i> Активные резервы</strong>
                                    <table class="table table-sm table-striped mt-1 mb-0">
                                        <thead>
                                            <tr>
                                                <th>Запчасть</th>
                                                <th class="text-center">Кол-во</th>
                                                <th class="text-center">С док.</th>
                                                <th>Партия</th>
                                                @if(hasRole('admin,manager'))
                                                    <th></th>
                                                @endif
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($reservations->where('status', 'active') as $reservation)
                                                <tr>
                                                    <td>
                                                        @if($reservation->sparePart)
                                                            <a href="{{ route('spare_parts.show', $reservation->sparePart->id) }}">
                                                                {{ $reservation->sparePart->article }}
                                                            </a>
                                                        @else
                                                            -
                                                        @endif
                                                    </td>
                                                    <td class="text-center">{{ $reservation->reserved_qty }}</td>
                                                    <td class="text-center">
                                                        @if($reservation->with_documents)
                                                            <i class="bi bi-check-circle text-success"></i>
                                                        @else
                                                            <i class="bi bi-x-circle text-muted"></i>
                                                        @endif
                                                    </td>
                                                    <td>
                                                        @if($reservation->sparePartOrder)
                                                            <a href="{{ route('spare_part_orders.show', $reservation->sparePartOrder->id) }}">
                                                                #{{ $reservation->sparePartOrder->id }}
                                                            </a>
                                                        @else
                                                            -
                                                        @endif
                                                    </td>
                                                    @if(hasRole('admin,manager'))
                                                        <td class="text-end">
                                                            <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="bi bi-check-lg"></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-outline-warning" title="Отменить резерв">
                                                                    <i class="bi bi-x-lg"></i>
                                                                </button>
                                                            </form>
                                                        </td>
                                                    @endif
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                    @if(hasRole('admin,manager') && $reservations->where('status', 'active')->count() > 1)
                                        <div class="text-end mt-1">
                                            <form action="{{ route('spare_part_reservations.issue_all', $reclamation->id) }}" method="POST" class="d-inline">
                                                @csrf
                                                <button type="submit" class="btn btn-sm btn-success">Списать все</button>
                                            </form>
                                            <form action="{{ route('spare_part_reservations.cancel_all', $reclamation->id) }}" method="POST" class="d-inline">
                                                @csrf
                                                <button type="submit" class="btn btn-sm btn-outline-warning">Отменить все резервы</button>
                                            </form>
                                        </div>
                                    @endif
                                </div>
                            @endif

                            {{-- Списанные --}}
                            @if($reservations->where('status', 'issued')->count() > 0)
                                <div class="mb-3">
                                    <strong class="text-success"><i class="bi bi-check-circle-fill"></i> Списано</strong>
                                    <table class="table table-sm table-success mt-1 mb-0">
                                        <thead>
                                            <tr>
                                                <th>Запчасть</th>
                                                <th class="text-center">Кол-во</th>
                                                <th class="text-center">С док.</th>
                                                <th>Партия</th>
                                                <th>Дата</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($reservations->where('status', 'issued') as $reservation)
                                                <tr>
                                                    <td>
                                                        @if($reservation->sparePart)
                                                            <a href="{{ route('spare_parts.show', $reservation->sparePart->id) }}">
                                                                {{ $reservation->sparePart->article }}
                                                            </a>
                                                        @else
                                                            -
                                                        @endif
                                                    </td>
                                                    <td class="text-center">{{ $reservation->reserved_qty }}</td>
                                                    <td class="text-center">
                                                        @if($reservation->with_documents)
                                                            <i class="bi bi-check-circle text-success"></i>
                                                        @else
                                                            <i class="bi bi-x-circle text-muted"></i>
                                                        @endif
                                                    </td>
                                                    <td>
                                                        @if($reservation->sparePartOrder)
                                                            <a href="{{ route('spare_part_orders.show', $reservation->sparePartOrder->id) }}">
                                                                #{{ $reservation->sparePartOrder->id }}
                                                            </a>
                                                        @else
                                                            -
                                                        @endif
                                                    </td>
                                                    <td>{{ $reservation->updated_at->format('d.m.Y H:i') }}</td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            @endif

                            {{-- Открытые дефициты --}}
                            @if($shortages->where('status', 'open')->count() > 0)
                                <div class="mb-3">
                                    <strong class="text-danger"><i class="bi bi-exclamation-triangle-fill"></i> Дефициты (нехватка)</strong>
                                    <table class="table table-sm table-danger mt-1 mb-0">
                                        <thead>
                                            <tr>
                                                <th>Запчасть</th>
                                                <th class="text-center">Требуется</th>
                                                <th class="text-center">Зарезервировано</th>
                                                <th class="text-center">Не хватает</th>
                                                <th class="text-center">С док.</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($shortages->where('status', 'open') as $shortage)
                                                <tr>
                                                    <td>
                                                        @if($shortage->sparePart)
                                                            <a href="{{ route('spare_parts.show', $shortage->sparePart->id) }}">
                                                                {{ $shortage->sparePart->article }}
                                                            </a>
                                                        @else
                                                            -
                                                        @endif
                                                    </td>
                                                    <td class="text-center">{{ $shortage->required_qty }}</td>
                                                    <td class="text-center">{{ $shortage->reserved_qty }}</td>
                                                    <td class="text-center fw-bold">{{ $shortage->missing_qty }}</td>
                                                    <td class="text-center">
                                                        @if($shortage->with_documents)
                                                            <i class="bi bi-check-circle text-success"></i>
                                                        @else
                                                            <i class="bi bi-x-circle text-muted"></i>
                                                        @endif
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            @endif
                        </div>
                    @endif
                </div>
                <hr>
                <div class="documents">
                    Документы
                    @if(hasRole('admin,manager'))
                    <button class="btn btn-sm text-success" onclick="$('#upl-documents').trigger('click');"><i
                                class="bi bi-plus-circle-fill"></i> Загрузить
                    </button>
                        <form action="{{ route('reclamations.upload-document', $reclamation) }}"
                              enctype="multipart/form-data" method="post" class="visually-hidden">
                            @csrf
                            <input required type="file" id="upl-documents" onchange="$(this).parent().submit()" multiple
                                   name="document[]" class="form-control form-control-sm">
                        </form>
                    @endif
                    <div class="row my-2 g-1">
                        @foreach($reclamation->documents as $document)
                            <div class="col-12">
                                <a href="{{ $document->link }}" target="_blank">
                                    {{ $document->original_name }}
                                </a>
                                @if(hasRole('admin'))
                                    <i class="bi bi-x-circle-fill fs-6 text-danger cursor-pointer ms-2"
                                       onclick="if(confirm('Удалить?')) $('#document-{{ $document->id }}').submit()"
                                       title="Удалить"></i>
                                @endif
                                <form action="{{ route('reclamations.delete-document', [$reclamation, $document]) }}"
                                      method="POST" id="document-{{ $document->id }}" class="visually-hidden">
                                    @csrf
                                    @method('DELETE')
                                </form>
                            </div>
                        @endforeach
                    </div>
                </div>
                <hr>
                <div class="acts">
                    Акты
                    @if(hasRole('admin,manager'))
                        <button class="btn btn-sm text-success" onclick="$('#upl-acts').trigger('click');"><i
                                    class="bi bi-plus-circle-fill"></i> Загрузить
                        </button>
                        <form action="{{ route('reclamations.upload-act', $reclamation) }}" enctype="multipart/form-data"
                              method="post" class="visually-hidden">
                            @csrf
                            <input required type="file" id="upl-acts" onchange="$(this).parent().submit()" multiple
                                   name="acts[]" class="form-control form-control-sm">
                        </form>
                    @endif
                    <div class="row my-2 g-1">
                        @foreach($reclamation->acts as $act)
                            <div class="col-12">
                                <a href="{{ $act->link }}" target="_blank">
                                    {{ $act->original_name }}
                                </a>
                                @if(hasRole('admin'))
                                    <i class="bi bi-x-circle-fill fs-6 text-danger cursor-pointer ms-2"
                                       onclick="if(confirm('Удалить?')) $('#act-{{ $act->id }}').submit()"
                                       title="Удалить"></i>
                                    <form action="{{ route('reclamations.delete-act', [$reclamation, $act]) }}"
                                          method="POST"
                                          id="act-{{ $act->id }}" class="visually-hidden">
                                        @csrf
                                        @method('DELETE')
                                    </form>
                                @endif
                            </div>
                        @endforeach
                    </div>
                </div>
                <hr>
                <div class="photo_before">
                    <a href="#photos_before" data-bs-toggle="collapse">Фотографии проблемы
                        ({{ $reclamation->photos_before->count() }})</a>
                    <button class="btn btn-sm text-success" onclick="$('#upl-photo-before').trigger('click');"><i
                                class="bi bi-plus-circle-fill"></i> Загрузить
                    </button>
                    @if($reclamation->photos_before->count())
                        <a href="{{ route('reclamation.generate-photos-before-pack', $reclamation) }}"
                           class="btn btn-sm text-primary"><i
                                    class="bi bi-download"></i> Скачать все
                        </a>
                    @endif
                    <form action="{{ route('reclamations.upload-photo-before', $reclamation) }}"
                          enctype="multipart/form-data" method="post" class="visually-hidden">
                        @csrf
                        <input required type="file" id="upl-photo-before" onchange="$(this).parent().submit()" multiple
                               name="photo[]" class="form-control form-control-sm" accept=".jpg,.jpeg,.png">
                    </form>
                    <div class="row my-2 g-1 collapse" id="photos_before">
                        @foreach($reclamation->photos_before as $photo)
                            <div class="col-4">
                                <a href="{{ $photo->link }}"
                                   data-toggle="lightbox" data-gallery="photos-before" data-size="fullscreen">
                                    <img class="img-thumbnail" src="{{ $photo->link }}" alt="">
                                </a>
                                @if(hasRole('admin'))
                                    <i class="bi bi-x-circle-fill fs-6 text-danger cursor-pointer rm-but"
                                       onclick="if(confirm('Удалить фото?')) $('#photo-{{ $photo->id }}').submit()"
                                       title="Удалить"></i>
                                @endif
                                <form action="{{ route('reclamations.delete-photo-before', [$reclamation, $photo]) }}"
                                      method="POST" id="photo-{{ $photo->id }}" class="visually-hidden">
                                    @csrf
                                    @method('DELETE')
                                </form>
                            </div>
                        @endforeach
                    </div>
                </div>
                <hr>
                <div class="photo_after">
                    <a href="#photos_after" data-bs-toggle="collapse">Фотографии после устранения
                        ({{ $reclamation->photos_after->count() }})</a>
                    <button class="btn btn-sm text-success" onclick="$('#upl-photo-after').trigger('click');"><i
                                class="bi bi-plus-circle-fill"></i> Загрузить
                    </button>
                    @if($reclamation->photos_after->count())
                        <a href="{{ route('reclamation.generate-photos-after-pack', $reclamation) }}"
                           class="btn btn-sm text-primary"><i
                                    class="bi bi-download"></i> Скачать все
                        </a>
                    @endif

                    <form action="{{ route('reclamations.upload-photo-after', $reclamation) }}"
                          enctype="multipart/form-data" method="post" class="visually-hidden">
                        @csrf
                        <input required type="file" id="upl-photo-after" onchange="$(this).parent().submit()" multiple
                               name="photo[]" class="form-control form-control-sm" accept=".jpg,.jpeg,.png">
                    </form>
                    <div class="row my-2 g-1 collapse" id="photos_after">
                        @foreach($reclamation->photos_after as $photo)
                            <div class="col-4">
                                <a href="{{ $photo->link }}"
                                   data-toggle="lightbox" data-gallery="photos-after" data-size="fullscreen">
                                    <img class="img-thumbnail" src="{{ $photo->link }}" alt="">
                                </a>
                                @if(hasRole('admin'))
                                    <i class="bi bi-x-circle-fill fs-6 text-danger cursor-pointer rm-but"
                                       onclick="if(confirm('Удалить фото?')) $('#photo-{{ $photo->id }}').submit()"
                                       title="Удалить"></i>
                                @endif
                                <form action="{{ route('reclamations.delete-photo-after', [$reclamation, $photo]) }}"
                                      method="POST" id="photo-{{ $photo->id }}" class="visually-hidden">
                                    @csrf
                                    @method('DELETE')
                                </form>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Модальное окно графика -->
    <div class="modal fade" id="copySchedule" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-fullscreen-sm-down modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h1 class="modal-title fs-5" id="addModalLabel">Перенести в график монтажей</h1>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Закрыть"></button>
                </div>
                <div class="modal-body">
                    <form action="{{ route('schedule.create-from-reclamation') }}" method="post" id="scheduleCreateForm">
                        @csrf
                        <div>
                            <input type="hidden" name="reclamation_id" value="{{ $reclamation->id }}">
{{--                            <textarea name="comment" placeholder="Комментарий для графика" class="form-control mb-3"></textarea>--}}

                            <input type="checkbox" checked="checked" id="sendNotifications" name="send_notifications" class="form-check-inline">
                            <label for="sendNotifications" class="form-check-label mb-2">Уведомить менеджера и бригадира</label><br>

                            <input type="checkbox" id="deleteOldRecords" name="delete_old_records" class="form-check-inline">
                            <label for="deleteOldRecords" class="form-check-label mb-2">Удалить старые записи в графике для этой рекламации?</label><br>
                            <button type="submit" class="btn btn-primary btn-sm">Обновить график</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('styles')
<style>
.spare-part-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1050;
    background: white;
    border: 1px solid #dee2e6;
    border-top: none;
    border-radius: 0 0 .375rem .375rem;
    max-height: 250px;
    overflow-y: auto;
    display: none;
    box-shadow: 0 4px 6px rgba(0,0,0,.1);
}
.spare-part-dropdown .sp-item {
    padding: 8px 12px;
    cursor: pointer;
    border-bottom: 1px solid #f0f0f0;
}
.spare-part-dropdown .sp-item:last-child {
    border-bottom: none;
}
.spare-part-dropdown .sp-item:hover,
.spare-part-dropdown .sp-item.active {
    background-color: #e9ecef;
}
.spare-part-dropdown .sp-item .sp-article {
    font-weight: 600;
    color: #495057;
}
.spare-part-dropdown .sp-item .sp-used {
    font-size: 0.875em;
    color: #6c757d;
}
</style>
@endpush

@push('scripts')
    <script type="module">
        $('#createScheduleButton').on('click', function () {
            let myModalSchedule = new bootstrap.Modal(document.getElementById("copySchedule"), {});
            myModalSchedule.show();
        });

        let sparePartIndex = {{ max($reclamation->spareParts->count(), 1) }};
        const searchUrl = '{{ route('spare_parts.search') }}';

        // Инициализация автокомплита для поля
        function initSparePartAutocomplete($row) {
            const $input = $row.find('.spare-part-search');
            const $dropdown = $row.find('.spare-part-dropdown');
            const $hiddenId = $row.find('.spare-part-id');
            let currentFocus = -1;
            let searchTimeout;

            $input.on('input', function() {
                const query = $(this).val().trim();
                clearTimeout(searchTimeout);

                // Сбрасываем ID при изменении текста
                $hiddenId.val('');

                if (query.length >= 1) {
                    searchTimeout = setTimeout(function() {
                        $.get(searchUrl, { query: query }).done(function(data) {
                            showDropdown(data, query);
                        });
                    }, 200);
                } else {
                    $dropdown.hide();
                }
            });

            function showDropdown(items, query) {
                $dropdown.empty();
                currentFocus = -1;

                if (items.length === 0) {
                    $dropdown.hide();
                    return;
                }

                items.forEach(function(item) {
                    const $item = $('<div class="sp-item"></div>');
                    const highlightedArticle = highlightMatch(item.article, query);
                    const highlightedUsed = item.used_in_maf ? highlightMatch(item.used_in_maf, query) : '';

                    $item.html('<span class="sp-article">' + highlightedArticle + '</span>' +
                               (item.used_in_maf ? ' <span class="sp-used">(' + highlightedUsed + ')</span>' : ''));
                    $item.data('id', item.id);
                    $item.data('article', item.article);
                    $item.data('used', item.used_in_maf || '');

                    $item.on('click', function() {
                        selectItem($(this));
                    });

                    $dropdown.append($item);
                });

                $dropdown.show();
            }

            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) {
                const article = $item.data('article');
                const used = $item.data('used');
                const displayText = article + (used ? ' (' + used + ')' : '');

                $input.val(displayText);
                $hiddenId.val($item.data('id'));
                $dropdown.hide();
            }

            // Навигация клавиатурой
            $input.on('keydown', function(e) {
                const $items = $dropdown.find('.sp-item');

                if (e.keyCode === 40) { // Стрелка вниз
                    e.preventDefault();
                    currentFocus++;
                    if (currentFocus >= $items.length) currentFocus = 0;
                    setActive($items);
                } else if (e.keyCode === 38) { // Стрелка вверх
                    e.preventDefault();
                    currentFocus--;
                    if (currentFocus < 0) currentFocus = $items.length - 1;
                    setActive($items);
                } else if (e.keyCode === 13) { // Enter
                    e.preventDefault();
                    if (currentFocus > -1 && $items.length > 0) {
                        selectItem($items.eq(currentFocus));
                    }
                } else if (e.keyCode === 27) { // Escape
                    $dropdown.hide();
                }
            });

            function setActive($items) {
                $items.removeClass('active');
                if (currentFocus >= 0 && currentFocus < $items.length) {
                    $items.eq(currentFocus).addClass('active');
                }
            }

            // Закрытие при клике вне
            $(document).on('click', function(e) {
                if (!$(e.target).closest($row).length) {
                    $dropdown.hide();
                }
            });
        }

        // Инициализация для существующих строк
        $('.spare-part-row').not('.spare-part-template').each(function() {
            initSparePartAutocomplete($(this));
        });

        // Добавление новой строки запчасти
        $('#add-spare-part-row').on('click', function() {
            let template = $('.spare-part-template').first();
            let newRow = template.clone();
            newRow.removeClass('spare-part-template d-none');
            newRow.attr('data-index', sparePartIndex);

            // Заменяем __INDEX__ на реальный индекс во всех name атрибутах
            newRow.find('[name]').each(function() {
                let name = $(this).attr('name');
                $(this).attr('name', name.replace('__INDEX__', sparePartIndex));
                $(this).prop('disabled', false);
            });

            // Сбрасываем значения и разблокируем поле поиска
            newRow.find('.spare-part-search').val('').prop('disabled', false);
            newRow.find('.spare-part-id').val('');
            newRow.find('input[type="number"]').val('');
            newRow.find('input[type="checkbox"]').prop('checked', false);

            $('.spare-parts-rows').append(newRow);

            // Инициализируем автокомплит для новой строки
            initSparePartAutocomplete(newRow);

            sparePartIndex++;
        });

        // Удаление строки
        $(document).on('click', '.remove-spare-part-row', function() {
            $(this).closest('.spare-part-row').remove();
        });
    </script>
@endpush