@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" href="{{ route('spare_parts.index') }}">
                        Каталог
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="{{ route('spare_part_orders.index') }}">
                        Заказы деталей
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="{{ route('spare_part_inventory.index') }}">
                        Контроль наличия
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link active" href="{{ route('pricing_codes.index') }}">
                        Справочник расшифровок
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link {{ ($tab ?? '') === 'help' ? 'active' : '' }}"
                       href="{{ route('spare_parts.help') }}">
                        <i class="bi bi-question-circle"></i> Справка
                    </a>
                </li>
            </ul>

            {{-- Кнопки управления --}}
            <div class="mb-3">
                <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#addCodeModal">
                    Добавить код
                </button>
            </div>

            @if(isset($pricing_codes))
                @include('partials.table', [
                    'id' => $id,
                    'header' => $header,
                    'strings' => $pricing_codes,
                    'searchFields' => $searchFields,
                    'sortBy' => $sortBy,
                    'orderBy' => $orderBy,
                    'filters' => [],
                    'ranges' => [],
                    'dates' => [],
                    'enableColumnFilters' => false,
                ])

                {{ $pricing_codes->links() }}
            @endif
        </div>
    </div>
</div>

{{-- Модальное окно добавления кода --}}
<div class="modal fade" id="addCodeModal" 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('pricing_codes.store') }}" method="POST">
                @csrf
                <div class="modal-body">
                    <div class="mb-3">
                        <label for="type" class="form-label">Тип</label>
                        <select class="form-select" id="type" name="type" required>
                            <option value="tsn_number">№ по ТСН</option>
                            <option value="pricing_code">Шифр расценки</option>
                        </select>
                    </div>
                    <div class="mb-3">
                        <label for="code" class="form-label">Код</label>
                        <input type="text" class="form-control" id="code" name="code" required>
                    </div>
                    <div class="mb-3">
                        <label for="description" class="form-label">Расшифровка</label>
                        <input type="text" class="form-control" id="description" name="description">
                    </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>

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

    waitForJQuery(function() {
        // Редактирование описания
        $('.edit-description').on('click', function() {
            const id = $(this).data('id');
            $('.description-text-' + id).hide();
            $(this).hide();
            $('.edit-form-' + id).show();
        });

        // Отмена редактирования
        $('.cancel-edit').on('click', function() {
            const id = $(this).data('id');
            $('.edit-form-' + id).hide();
            $('.description-text-' + id).show();
            $('.edit-description[data-id="' + id + '"]').show();
        });

        $('.js-confirm-submit').on('submit', function(e) {
            e.preventDefault();
            const form = this;
            const message = $(form).data('confirm-message') || 'Подтвердите действие';

            customConfirm(message, function () {
                form.submit();
            }, 'Подтверждение удаления');
        });
    });
</script>
@endpush
@endsection