@extends('app')

@section('head')
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
@endsection

@section('content')
<main>
    <section class="profile">
        <div class="container">
            <div class="profile__header">
                <div class="profile__overlay">
                    <img class="profile__intro" src="{{ user_image_url($supplier->user->intro_image ?? null, 'intro') }}" alt="">
                    <div class="profile__avatar">
                        <img src="{{ user_image_url($supplier->user->image ?? null, 'avatar') }}">
                    </div>
                    <div class="profile__user">
                        <div class="profile__user-left">
                            <p class="profile__user-name">{{ $supplier->name }}</p>
                            <p class="profile__user-stats">
                                <span class="profile__user-status">{{ $supplier->is_active ? 'АКТИВЕН' : 'НА МОДЕРАЦИИ' }}</span>
                                <span class="profile__user-status">ПОСТАВЩИК</span>
                            </p>
                        </div>
                    </div>
                </div>
            </div>

            <ul class="profile__navigation">
                <li class="profile__navigation-item profile__navigation-item--active">
                    <a href="#dashboard" class="profile__navigation-link">Дашборд</a>
                </li>
                <li class="profile__navigation-item">
                    <a href="#products" class="profile__navigation-link">Товары</a>
                </li>
                <li class="profile__navigation-item">
                    <a href="#imports" class="profile__navigation-link">Импорты</a>
                </li>
                <li class="profile__navigation-item">
                    <a href="#settings" class="profile__navigation-link">Настройки</a>
                </li>
            </ul>

            <div class="profile__content">
                <!-- Dashboard Tab -->
                <div class="tab-content active" id="dashboard">
                    <div class="supplier-dashboard">
                        <h2 class="section-title">Статистика</h2>

                        <div class="stats-grid">
                            <div class="stat-card">
                                <div class="stat-icon">
                                    <i class="fa fa-cube"></i>
                                </div>
                                <div class="stat-info">
                                    <h3 class="stat-number">{{ $supplier->products()->count() }}</h3>
                                    <p class="stat-label">Всего товаров</p>
                                </div>
                            </div>

                            <div class="stat-card">
                                <div class="stat-icon">
                                    <i class="fa fa-check-circle"></i>
                                </div>
                                <div class="stat-info">
                                    <h3 class="stat-number">{{ $supplier->products()->where('quantity', '>', 0)->count() }}</h3>
                                    <p class="stat-label">В наличии</p>
                                </div>
                            </div>

                            <div class="stat-card">
                                <div class="stat-icon">
                                    <i class="fa fa-upload"></i>
                                </div>
                                <div class="stat-info">
                                    <h3 class="stat-number">{{ $supplier->importHistories()->count() }}</h3>
                                    <p class="stat-label">Импортов</p>
                                </div>
                            </div>

                            <div class="stat-card">
                                <div class="stat-icon">
                                    <i class="fa fa-star"></i>
                                </div>
                                <div class="stat-info">
                                    <h3 class="stat-number">{{ $supplier->products()->where('rating', '>=', 4.0)->count() }}</h3>
                                    <p class="stat-label">Продвигаемых</p>
                                </div>
                            </div>
                        </div>

                        <div class="quick-actions">
                            <h3 class="section-subtitle" style="margin-bottom: 15px;">Быстрые действия</h3>
                            <div class="action-buttons">
                                <button class="btn btn-primary" id="upload-price-btn">
                                    <i class="fa fa-upload"></i>
                                    Загрузить прайс-лист
                                </button>
                                <button class="btn btn-secondary" onclick="location.href='#products'">
                                    <i class="fa fa-list"></i>
                                    Управление товарами
                                </button>
                                <button class="btn btn-info" onclick="location.href='#imports'">
                                    <i class="fa fa-history"></i>
                                    История импортов
                                </button>
                            </div>
                        </div>

                        @if($supplier->importHistories()->count() > 0)
                        <div class="recent-imports">
                            <h3 class="section-subtitle" style="margin-bottom: 15px;">Последние импорты</h3>
                            <div class="imports-table">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th>Файл</th>
                                            <th>Статус</th>
                                            <th>Товаров</th>
                                            <th>Дата</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($supplier->importHistories()->latest()->limit(5)->get() as $import)
                                        <tr>
                                            <td>{{ $import->filename }}</td>
                                            <td>
                                                <span class="status-badge status-{{ $import->status }}">
                                                    {{ $import->status_text }}
                                                </span>
                                            </td>
                                            <td>{{ $import->created_count + $import->updated_count }}</td>
                                            <td>{{ $import->created_at->format('d.m.Y H:i') }}</td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        @endif
                    </div>
                </div>

                <!-- Products Tab -->
                <div class="tab-content" id="products">
                    <div class="products-management">
                        <div class="section-header">
                            <h2 class="section-title">Управление товарами</h2>
                            <div class="section-actions">
                                <button class="btn btn-danger" id="delete-all-products">
                                    <i class="fa fa-trash"></i>
                                    Удалить все товары
                                </button>
                            </div>
                        </div>

                        <div class="products-filters">
                            <input type="text" id="products-search" placeholder="Поиск товаров..." class="form-control">
                            <select id="category-filter" class="form-control">
                                <option value="">Все категории</option>
                                <!-- Categories will be loaded via AJAX -->
                            </select>
                        </div>

                        <div id="products-list" class="products-grid">
                            <!-- Products will be loaded via AJAX -->
                        </div>

                        <div id="products-pagination">
                            <!-- Pagination will be loaded via AJAX -->
                        </div>
                    </div>
                </div>

                <!-- Imports Tab -->
                <div class="tab-content" id="imports">
                    <div class="imports-management">
                        <h2 class="section-title">История импортов</h2>

                        <div id="imports-list">
                            <!-- Import history will be loaded via AJAX -->
                        </div>
                    </div>
                </div>

                <!-- Settings Tab -->
                <div class="tab-content" id="settings">
                    <div class="settings__main">
                        <form action="{{ route('supplier.update', $supplier) }}" method="POST" class="settings-form">
                            @csrf
                            @method('PUT')

                            <div class="settings__company">
                                <p class="settings-title settings__company-title">Информация о компании</p>
                                <div class="settings__company-list">
                                    <div class="form-group">
                                        <label class="settings__label settings__label--required">Название компании</label>
                                        <input class="input-main settings__input" type="text" name="name" value="{{ $supplier->name }}" required>
                                    </div>

                                    <div class="form-group">
                                        <label class="settings__label">ИНН</label>
                                        <input class="input-main settings__input" type="text" name="inn" id="inn" value="{{ $supplier->inn }}" maxlength="12">
                                        <div id="inn-error" class="text-danger" style="display: none; color: red; font-size: 12px; margin-top: 5px;"></div>
                                    </div>

                                    <div class="form-group">
                                        <label class="settings__label">ОГРН</label>
                                        <input class="input-main settings__input" type="text" name="ogrn" id="ogrn" value="{{ $supplier->ogrn }}" maxlength="15">
                                        <div id="ogrn-error" class="text-danger" style="display: none; color: red; font-size: 12px; margin-top: 5px;"></div>
                                    </div>

                                    <div class="form-group">
                                        <label class="settings__label">Адрес компании</label>
                                        <input class="input-main settings__input" type="text" name="address" value="{{ $supplier->address }}">
                                    </div>

                                    <div class="form-group">
                                        <label class="settings__label">Описание деятельности</label>
                                        <textarea class="form__textarea settings__textarea" name="description" wrap="soft">{{ $supplier->description }}</textarea>
                                    </div>
                                </div>
                            </div>

                            <div class="settings__user">
                                <p class="settings-title settings__user-title">Контактная информация</p>
                                <div class="form-group">
                                    <label class="settings__label">Контактное лицо</label>
                                    <input class="input-main settings__input" type="text" name="contact_person" value="{{ $supplier->contact_person }}">
                                </div>

                                <div class="form-group">
                                    <label class="settings__label">Телефон</label>
                                    <input class="input-main settings__input" type="text" name="phone" value="{{ $supplier->phone }}" id="supplierPhone">
                                </div>

                                <div class="form-group">
                                    <label class="settings__label">Дополнительный телефон</label>
                                    <input class="input-main settings__input" type="text" name="phone_additional" value="{{ $supplier->phone_additional }}">
                                </div>

                                <div class="form-group">
                                    <label class="settings__label">Email</label>
                                    <input class="input-main settings__input" type="email" name="email" value="{{ $supplier->email }}">
                                </div>

                                <div class="form-group">
                                    <label class="settings__label">Веб-сайт</label>
                                    <input class="input-main settings__input" type="url" name="website" value="{{ $supplier->website }}">
                                </div>

                                <div class="form-group">
                                    <label class="settings__label">WhatsApp</label>
                                    <input class="input-main settings__input" type="text" name="whatsapp" value="{{ $supplier->whatsapp }}">
                                </div>

                                <div class="form-group">
                                    <label class="settings__label">Telegram</label>
                                    <input class="input-main settings__input" type="text" name="telegram" value="{{ $supplier->telegram }}">
                                </div>
                            </div>

                            <div class="settings__save">
                                <button class="btn-main settings__btn settings__save-btn" type="submit">Сохранить изменения</button>
            </div>
        </div>
    </div>
</section>

    <!-- Upload Modal -->
    <div id="upload-modal" class="modal" style="display: none;">
        <div class="modal-content">
            <div class="modal-header">
                <h3>Загрузка прайс-листа</h3>
                <span class="close">&times;</span>
            </div>
            <div class="modal-body">
                <form id="upload-form" enctype="multipart/form-data">
                    @csrf
                    <div class="form-group">
                        <label for="import_file">Выберите файл прайс-листа</label>
                        <input type="file" id="import_file" name="import_file"
                               accept=".xlsx,.xls,.csv"
                               class="form-control" required>
                        <small class="form-text">Поддерживаемые форматы: XLSX, XLS, CSV (до 10MB)</small>
                    </div>

                    <div class="form-group">
                        <div class="upload-instructions">
                            <h4>Инструкция по импорту:</h4>
                            <ul>
                                <li>Файл должен содержать заголовки колонок</li>
                                <li>Обязательные поля: название товара, цена</li>
                                <li>Поддерживаемые колонки: название, цена, артикул системы, количество, описание, категория</li>
                                <li>Максимальный размер файла: 10MB</li>
                            </ul>
                        </div>
                    </div>

                    <div class="form-actions">
                        <button type="button" class="btn btn-secondary close-modal">Отмена</button>
                        <button type="submit" class="btn btn-primary">Загрузить</button>
                    </div>
                </form>

                <div id="upload-progress" style="display: none;">
                    <div class="progress">
                        <div class="progress-bar" role="progressbar" style="width: 0%"></div>
                    </div>
                    <p class="progress-text">Загрузка файла...</p>
                </div>
            </div>
        </div>
    </div>
</main>

<style>
.supplier-dashboard {
    padding: 20px 0;
}

/* Стили в стиле профиля специалиста */
.settings__main {
    background: white;
    border-radius: 10px;
    padding: 30px;
    box-shadow: 0 2px 15px rgba(0,0,0,0.1);
}

.settings__company,
.settings__user {
    margin-bottom: 40px;
}

.settings-title {
    font-size: 1.5rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 25px;
    padding-bottom: 10px;
    border-bottom: 2px solid #f0f0f0;
}

.settings__company-title,
.settings__user-title {
    font-size: 1.3rem;
    color: #217b00;
}

.form-group {
    margin-bottom: 20px;
}

.settings__label {
    display: block;
    font-weight: 500;
    color: #333;
    margin-bottom: 8px;
    font-size: 14px;
}

.settings__label--required::after {
    content: '*';
    color: #dc3545;
    margin-left: 4px;
}

.input-main.settings__input {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 14px;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
    background: #fff;
}

.input-main.settings__input:focus {
    outline: none;
    border-color: #217b00;
    box-shadow: 0 0 0 3px rgba(33, 123, 0, 0.1);
}

.form__textarea.settings__textarea {
    width: 100%;
    min-height: 100px;
    padding: 12px 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 14px;
    font-family: inherit;
    resize: vertical;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.form__textarea.settings__textarea:focus {
    outline: none;
    border-color: #217b00;
    box-shadow: 0 0 0 3px rgba(33, 123, 0, 0.1);
}

.settings__save {
    margin-top: 30px;
    text-align: center;
}

.btn-main.settings__btn {
    background: #217b00;
    color: white;
    padding: 15px 40px;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.btn-main.settings__btn:hover {
    background: #1a6600;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(33, 123, 0, 0.3);
}

/* Остальные стили */

.stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin: 30px 0;
}

.stat-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    display: flex;
    align-items: center;
    gap: 20px;
}

.stat-icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #217b00;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 24px;
}

.stat-number {
    font-size: 2.5rem;
    font-weight: bold;
    color: #217b00;
    margin: 0;
}

.stat-label {
    color: #666;
    margin: 5px 0 0 0;
}

.quick-actions {
    margin: 40px 0;
}

.action-buttons {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.btn {
    padding: 12px 24px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.btn-primary {
    background: #217b00;
    color: white;
}

.btn-primary:hover {
    background: #1a6600;
}

.btn-secondary {
    background: #6c757d;
    color: white;
}

.btn-info {
    background: #17a2b8;
    color: white;
}

.btn-danger {
    background: #dc3545;
    color: white;
}

.recent-imports {
    margin: 40px 0;
}

.table {
    width: 100%;
    background: white;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.table th,
.table td {
    padding: 15px;
    text-align: left;
    border-bottom: 1px solid #eee;
}

.table th {
    background: #f8f9fa;
    font-weight: 600;
}

.status-badge {
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500;
}

.status-completed {
    background: #d4edda;
    color: #155724;
}

.status-pending {
    background: #fff3cd;
    color: #856404;
}

.status-processing {
    background: #d1ecf1;
    color: #0c5460;
}

.status-failed {
    background: #f8d7da;
    color: #721c24;
}

.tab-content {
    display: none;
}

.tab-content.active {
    display: block;
}

.profile__navigation-item--active .profile__navigation-link {
    color: #217b00;
    border-bottom: 2px solid #217b00;
}

.modal {
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
}

.modal-content {
    background-color: white;
    margin: 5% auto;
    padding: 0;
    border-radius: 8px;
    width: 90%;
    max-width: 600px;
}

.modal-header {
    padding: 20px;
    border-bottom: 1px solid #eee;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-body {
    padding: 20px;
}

.close {
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}

.form-group {
    margin-bottom: 20px;
}

.form-control {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.upload-instructions {
    background: #f8f9fa;
    padding: 15px;
    border-radius: 4px;
    margin-top: 10px;
}

.upload-instructions ul {
    margin: 10px 0 0 20px;
}

.progress {
    width: 100%;
    height: 20px;
    background-color: #f8f9fa;
    border-radius: 10px;
    overflow: hidden;
}

.progress-bar {
    height: 100%;
    background-color: #217b00;
    transition: width 0.3s ease;
}

.section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.products-filters {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
}

.products-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
}
</style>

<script src="https://cdn.jsdelivr.net/npm/inputmask@5.0.9/dist/inputmask.min.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
    // Маска для телефона поставщика
    const supplierPhoneInput = document.getElementById('supplierPhone');
    if(supplierPhoneInput && typeof Inputmask !== 'undefined'){
        try {
            const maskOptions = {
                mask: '+7 (999) 999-99-99',
                placeholder: '_',
                showMaskOnHover: false,
                clearIncomplete: true,
                showMaskOnFocus: true,
                removeMaskOnSubmit: false
            };
            const im = new Inputmask(maskOptions);
            im.mask(supplierPhoneInput);
        } catch (error) {
            console.log('InputMask initialization failed:', error);
            // Fallback: simple manual formatting
            supplierPhoneInput.addEventListener('input', function(e) {
                let value = e.target.value.replace(/\D/g, '');
                if (value.length > 0) {
                    if (value.length <= 1) {
                        value = '+7';
                    } else if (value.length <= 4) {
                        value = '+7 (' + value.slice(1);
                    } else if (value.length <= 7) {
                        value = '+7 (' + value.slice(1, 4) + ') ' + value.slice(4);
                    } else if (value.length <= 9) {
                        value = '+7 (' + value.slice(1, 4) + ') ' + value.slice(4, 7) + '-' + value.slice(7);
                    } else {
                        value = '+7 (' + value.slice(1, 4) + ') ' + value.slice(4, 7) + '-' + value.slice(7, 9) + '-' + value.slice(9, 11);
                    }
                }
                e.target.value = value;
            });
        }
    }

    // Tab switching
    const navLinks = document.querySelectorAll('.profile__navigation-link');
    const tabContents = document.querySelectorAll('.tab-content');

    navLinks.forEach(link => {
        link.addEventListener('click', function(e) {
            e.preventDefault();

            // Remove active class from all nav items and tab contents
            navLinks.forEach(nl => nl.parentElement.classList.remove('profile__navigation-item--active'));
            tabContents.forEach(tc => tc.classList.remove('active'));

            // Add active class to clicked nav item
            this.parentElement.classList.add('profile__navigation-item--active');

            // Show corresponding tab content
            const targetTab = this.getAttribute('href').substring(1);
            document.getElementById(targetTab).classList.add('active');

            // Load content for specific tabs
            if (targetTab === 'products') {
                loadProducts();
            } else if (targetTab === 'imports') {
                loadImports();
            }
        });
    });

    // Upload modal
    const uploadBtn = document.getElementById('upload-price-btn');
    const modal = document.getElementById('upload-modal');
    const closeButtons = document.querySelectorAll('.close, .close-modal');

    uploadBtn.addEventListener('click', function() {
        modal.style.display = 'block';
    });

    closeButtons.forEach(btn => {
        btn.addEventListener('click', function() {
            modal.style.display = 'none';
        });
    });

    window.addEventListener('click', function(e) {
        if (e.target === modal) {
            modal.style.display = 'none';
        }
    });

    // Upload form
    const uploadForm = document.getElementById('upload-form');
    uploadForm.addEventListener('submit', function(e) {
        e.preventDefault();

        const formData = new FormData(this);
        const progressDiv = document.getElementById('upload-progress');
        const progressBar = progressDiv.querySelector('.progress-bar');
        const progressText = progressDiv.querySelector('.progress-text');

        // Show progress
        this.style.display = 'none';
        progressDiv.style.display = 'block';

        fetch('{{ route("supplier.import", $supplier) }}', {
            method: 'POST',
            body: formData,
            headers: {
                'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content')
            }
        })
        .then(response => response.json())
        .then(data => {
            if (data.success) {
                progressText.textContent = 'Импорт завершен успешно!';
                progressBar.style.width = '100%';

                setTimeout(() => {
                    modal.style.display = 'none';
                    location.reload();
                }, 2000);
            } else {
                progressText.textContent = 'Ошибка: ' + data.message;
                progressBar.style.backgroundColor = '#dc3545';
            }
        })
        .catch(error => {
            progressText.textContent = 'Произошла ошибка при загрузке';
            progressBar.style.backgroundColor = '#dc3545';
            console.error('Error:', error);
        });
    });

    // Delete all products
    document.getElementById('delete-all-products').addEventListener('click', function() {
        if (confirm('Вы уверены, что хотите удалить ВСЕ товары? Это действие необратимо!')) {
            const confirmation = prompt('Для подтверждения введите: DELETE_ALL_PRODUCTS');
            if (confirmation === 'DELETE_ALL_PRODUCTS') {
                fetch('{{ route("supplier.delete_all_products", $supplier) }}', {
                    method: 'DELETE',
                    headers: {
                        'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content'),
                        'Content-Type': 'application/json'
                    },
                    body: JSON.stringify({
                        confirmation: 'DELETE_ALL_PRODUCTS'
                    })
                })
                .then(response => response.json())
                .then(data => {
                    if (data.success) {
                        alert(data.message);
                        location.reload();
                    } else {
                        alert('Ошибка: ' + data.message);
                    }
                });
            }
        }
    });
});

function loadProducts() {
    // Implementation for loading products via AJAX
    console.log('Loading products...');
}

function loadImports() {
    // Implementation for loading import history via AJAX
    console.log('Loading imports...');
}

// Валидация ИНН/ОГРН
document.addEventListener('DOMContentLoaded', function() {
    // Валидация ИНН
    const innInput = document.getElementById('inn');
    const innError = document.getElementById('inn-error');
    if(innInput){
        innInput.addEventListener('input', function(e) {
            e.target.value = e.target.value.replace(/\D/g, '').substring(0, 12);
            validateINN();
        });

        innInput.addEventListener('blur', function(e) {
            validateINN();
        });
    }

    // Валидация ОГРН
    const ogrnInput = document.getElementById('ogrn');
    const ogrnError = document.getElementById('ogrn-error');
    if(ogrnInput){
        ogrnInput.addEventListener('input', function(e) {
            e.target.value = e.target.value.replace(/\D/g, '').substring(0, 15);
            validateOGRN();
        });

        ogrnInput.addEventListener('blur', function(e) {
            validateOGRN();
        });
    }

    // Функция валидации ИНН
    function validateINN() {
        const value = innInput.value.trim();
        const innError = document.getElementById('inn-error');

        if (value === '') {
            innError.style.display = 'none';
            innError.textContent = '';
            return true;
        }

        if (!/^\d+$/.test(value)) {
            innError.style.display = 'block';
            innError.textContent = 'ИНН должен содержать только цифры';
            return false;
        }

        if (value.length !== 10 && value.length !== 12) {
            innError.style.display = 'block';
            innError.textContent = 'ИНН должен содержать 10 цифр (для ООО) или 12 цифр (для ИП)';
            return false;
        }

        innError.style.display = 'none';
        innError.textContent = '';
        return true;
    }

    // Функция валидации ОГРН
    function validateOGRN() {
        const value = ogrnInput.value.trim();
        const ogrnError = document.getElementById('ogrn-error');

        if (value === '') {
            ogrnError.style.display = 'none';
            ogrnError.textContent = '';
            return true;
        }

        if (!/^\d+$/.test(value)) {
            ogrnError.style.display = 'block';
            ogrnError.textContent = 'ОГРН должен содержать только цифры';
            return false;
        }

        if (value.length !== 13 && value.length !== 15) {
            ogrnError.style.display = 'block';
            ogrnError.textContent = 'ОГРН должен содержать 13 цифр (для ООО) или 15 цифр (для ИП)';
            return false;
        }

        ogrnError.style.display = 'none';
        ogrnError.textContent = '';
        return true;
    }

    // Валидация при отправке формы
    const form = document.querySelector('.settings-form');
    if(form){
        form.addEventListener('submit', function(e) {
            let isValid = true;

            // Валидация ИНН
            if (innInput && !validateINN()) {
                isValid = false;
            }

            // Валидация ОГРН
            if (ogrnInput && !validateOGRN()) {
                isValid = false;
            }

            if (!isValid) {
                e.preventDefault();
                return false;
            }
        });
    }
});
</script>
@endsection