@extends('layouts.app')

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <h2>{{ $title }}</h2>

            {{-- Вкладки --}}
            <ul class="nav nav-tabs mb-3">
                <li class="nav-item">
                    <a class="nav-link {{ ($tab ?? 'catalog') === 'catalog' ? 'active' : '' }}"
                       href="{{ route('spare_parts.index') }}">
                        Каталог
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link {{ ($tab ?? '') === 'orders' ? 'active' : '' }}"
                       href="{{ route('spare_part_orders.index') }}">
                        Заказы деталей
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link {{ ($tab ?? '') === 'inventory' ? 'active' : '' }}"
                       href="{{ route('spare_part_inventory.index') }}">
                        Контроль наличия
                    </a>
                </li>
                @if(hasRole('admin'))
                <li class="nav-item">
                    <a class="nav-link" href="{{ route('pricing_codes.index') }}">
                        Справочник расшифровок
                    </a>
                </li>
                @endif
            </ul>

            @if(($tab ?? 'catalog') === 'catalog')
                {{-- Кнопки управления --}}
                <div class="mb-3">
                    @if(hasRole('admin'))
                        <a href="{{ route('spare_parts.create') }}" class="btn btn-primary">Добавить запчасть</a>
                        <form action="{{ route('spare_parts.export') }}" method="POST" class="d-inline">
                            @csrf
                            <button type="submit" class="btn btn-success">Экспорт</button>
                        </form>
                        <button type="button" class="btn btn-info" data-bs-toggle="modal" data-bs-target="#importModal">
                            Импорт
                        </button>
                    @endif
                </div>

                {{-- Таблица каталога --}}
                @if(isset($spare_parts) && isset($strings))
                    @include('partials.table', [
                        'id' => $id,
                        'header' => $header,
                        'strings' => $strings,
                        'filters' => $filters ?? [],
                        'ranges' => $ranges ?? [],
                        'dates' => $dates ?? [],
                        'searchFields' => $searchFields ?? [],
                        'sortBy' => $sortBy ?? 'article',
                        'orderBy' => $orderBy ?? 'asc',
                        'routeName' => $routeName ?? null,
                    ])

                    {{ $spare_parts->links() }}
                @endif

            @elseif($tab === 'orders')
                {{-- Таблица заказов --}}
                @if(isset($spare_part_orders))
                    <div class="mb-3">
                        @if(hasRole('admin,manager'))
                            <a href="{{ route('spare_part_orders.create') }}" class="btn btn-primary">Создать заказ</a>
                        @endif
                    </div>

                    @include('partials.table', [
                        'id' => $id,
                        'header' => $header,
                        'strings' => $strings,
                        'filters' => $filters ?? [],
                        'ranges' => $ranges ?? [],
                        'dates' => $dates ?? [],
                        'searchFields' => $searchFields ?? [],
                        'sortBy' => $sortBy ?? 'id',
                        'orderBy' => $orderBy ?? 'desc',
                        'routeName' => $routeName ?? null,
                    ])

                    {{ $spare_part_orders->links() }}
                @endif

            @elseif($tab === 'inventory')
                {{-- Контроль наличия --}}
                <h4 class="text-danger">Критический недостаток</h4>
                @if(isset($critical_shortages) && $critical_shortages->count() > 0)
                    <div class="table-responsive">
                        <table class="table table-danger table-striped">
                            <thead>
                                <tr>
                                    <th>Картинка</th>
                                    <th>Артикул</th>
                                    <th>Кол-во без док</th>
                                    <th>Кол-во с док</th>
                                    <th>Примечание</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($critical_shortages as $sp)
                                    <tr>
                                        <td>
                                            @if($sp->image)
                                                <img src="{{ $sp->image }}" alt="{{ $sp->article }}" style="max-width: 50px;">
                                            @endif
                                        </td>
                                        <td><a href="{{ route('spare_parts.show', $sp->id) }}">{{ $sp->article }}</a></td>
                                        <td>{{ $sp->quantity_without_docs }}</td>
                                        <td>{{ $sp->quantity_with_docs }}</td>
                                        <td>Отсутствие детали</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @else
                    <p class="text-muted">Нет запчастей с критическим недостатком</p>
                @endif

                <h4 class="text-warning mt-4">Ниже минимального остатка</h4>
                @if(isset($below_min_stock) && $below_min_stock->count() > 0)
                    <div class="table-responsive">
                        <table class="table table-warning table-striped">
                            <thead>
                                <tr>
                                    <th>Картинка</th>
                                    <th>Артикул</th>
                                    <th>Текущий остаток</th>
                                    <th>Минимальный остаток</th>
                                    <th>Примечание</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($below_min_stock as $sp)
                                    <tr>
                                        <td>
                                            @if($sp->image)
                                                <img src="{{ $sp->image }}" alt="{{ $sp->article }}" style="max-width: 50px;">
                                            @endif
                                        </td>
                                        <td><a href="{{ route('spare_parts.show', $sp->id) }}">{{ $sp->article }}</a></td>
                                        <td>{{ $sp->total_quantity }}</td>
                                        <td>{{ $sp->min_stock }}</td>
                                        <td>Достигнут лимит минимального остатка ({{ $sp->min_stock }} шт)</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @else
                    <p class="text-muted">Нет запчастей ниже минимального остатка</p>
                @endif
            @endif
        </div>
    </div>
</div>

{{-- Модальное окно импорта --}}
@if(hasRole('admin'))
<div class="modal fade" id="importModal" 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>
            <form action="{{ route('spare_parts.import') }}" method="POST" enctype="multipart/form-data">
                @csrf
                <div class="modal-body">
                    <div class="mb-3">
                        <label for="import_file" class="form-label">Выберите файл Excel</label>
                        <input type="file" class="form-control" id="import_file" name="file" accept=".xlsx,.xls" required>
                        <div class="form-text">
                            Файл должен содержать две вкладки:<br>
                            1. Каталог запчастей (колонки: ID, Артикул, Где используется, Кол-во без док, Кол-во с док, Кол-во общее, Примечание, Цена закупки, Цена для заказчика, Цена экспертизы, № по ТСН, Шифр расценки, Минимальный остаток)<br>
                            2. Справочник расшифровок (колонки: ID, Тип, Код, Расшифровка)
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Отмена</button>
                    <button type="submit" class="btn btn-primary">Импортировать</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endif

@push('scripts')
<script type="module">
    function waitForJQuery(callback) {
        if (typeof window.$ !== 'undefined') {
            callback();
        } else {
            setTimeout(() => waitForJQuery(callback), 50);
        }
    }

    waitForJQuery(function() {
        $(document).on('click', '.clickable-quantity', function(e) {
            e.preventDefault();
            const sparePartId = $(this).data('spare-part-id');
            const withDocs = $(this).data('with-docs');

            let url = "{{ route('spare_part_orders.index') }}" +
                      "?spare_part_id=" + sparePartId +
                      "&status=in_stock&remaining_quantity_min=1";

            if (withDocs !== 'all') {
                url += "&with_documents=" + withDocs;
            }

            window.location.href = url;
        });
    });
</script>
@endpush
@endsection