@extends('app')
@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($user->intro_image, 'intro') }}" alt="">
                    <div class="profile__avatar">
                        <img src="{{ user_image_url($user->image, 'avatar') }}">
                    </div>
                    <div class="profile__user">
                        <div class="profile__user-left">
                            <p class="profile__user-name">{{$user->name}}</p>
                            <p class="profile__user-stats">
                                <span class="profile__user-status">ПОСТАВЩИК</span>
                            </p>
                        </div>
                    </div>
                </div>
            </div>

            <ul class="profile__navigation">
                <li class="profile__navigation-item {{ Route::is('supplier.profile') || Route::is('supplier.settings') ? 'profile__navigation-item--active' : '' }}">
                    <a href="{{ route('supplier.profile') }}" class="profile__navigation-link">Главная</a>
                </li>
                <li class="profile__navigation-item {{ Route::is('supplier.products') ? 'profile__navigation-item--active' : '' }}">
                    <a href="{{ route('supplier.products') }}" class="profile__navigation-link">Товары</a>
                </li>
                <li class="profile__navigation-item {{ Route::is('supplier.imports') ? 'profile__navigation-item--active' : '' }}">
                    <a href="{{ route('supplier.imports') }}" class="profile__navigation-link">Импорты</a>
                </li>
                <li class="profile__navigation-item {{ Route::is('showFavoritesPage') ? 'profile__navigation-item--active' : '' }}">
                    <a href="{{ route('showFavoritesPage') }}" class="profile__navigation-link">Избранные</a>
                </li>
                <li class="profile__navigation-item {{ Route::is('chat.index') || Route::is('chat') ? 'profile__navigation-item--active' : '' }}">
                    <a href="{{ route('chat.index') }}" class="profile__navigation-link">
                        Сообщения
                        @if(auth()->check() && auth()->user()->unreadMessagesCount() > 0)
                            <span class="messages-badge">{{ auth()->user()->unreadMessagesCount() }}</span>
                        @endif
                    </a>
                </li>
            </ul>
        </div>
    </section>

    <section class="settings">
        <div class="container">
            <div class="settings__inner">
                <button class="settings-menu__btn">Настройки</button>
                <aside class="settings__inner-aside aside-filter hidden">
                    <p class="settings__links-title" style="font-size: 19px">Аккаунт</p>
                    <ul class="settings__links">
                        <li class="settings__links-item">
                            <a href="{{ route('supplier.profile') }}"
                               class="settings__links-url {{ Route::is('supplier.profile') ? 'settings__links-url--active' : '' }}">
                               Информация профиля
                            </a>
                        </li>
                        <li class="settings__links-item">
                            <a href="{{ route('showPasswordPage') }}"
                               class="settings__links-url {{ Route::is('showPasswordPage') ? 'settings__links-url--active' : '' }}">
                               Пароль
                            </a>
                        </li>
                    </ul>
                </aside>

                <div class="settings__main">
                    <form action="{{ route('supplier.settings.update') }}" method="POST" class="supplier-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" for="supplier-settings-name">Название компании</label>
                                    <input class="input-main settings__input" type="text" name="name" id="supplier-settings-name" value="{{ old('name', $user->supplier->name) }}" required>
                                    @error('name')
                                        <span style="color: red; font-size: 12px;">{{ $message }}</span>
                                    @enderror
                                </div>

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

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

                                <div class="form-group">
                                    <label class="settings__label" for="supplier-settings-address">Адрес компании</label>
                                    <input class="input-main settings__input" type="text" name="address" id="supplier-settings-address" value="{{ old('address', $user->supplier->address) }}">
                                    @error('address')
                                        <span style="color: red; font-size: 12px;">{{ $message }}</span>
                                    @enderror
                                </div>

                                <div class="form-group">
                                    <label class="settings__label" for="supplier-settings-description">Описание деятельности</label>
                                    <textarea class="form__textarea settings__textarea" name="description" id="supplier-settings-description" wrap="soft">{{ old('description', $user->supplier->description) }}</textarea>
                                    @error('description')
                                        <span style="color: red; font-size: 12px;">{{ $message }}</span>
                                    @enderror
                                </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="{{ old('contact_person', $user->supplier->contact_person) }}">
                                @error('contact_person')
                                    <span style="color: red; font-size: 12px;">{{ $message }}</span>
                                @enderror
                            </div>

                            <div class="form-group">
                                <label class="settings__label">Телефон</label>
                                <input class="input-main settings__input" type="text" name="phone" value="{{ old('phone', $user->supplier->phone) }}" id="supplierPhone">
                                @error('phone')
                                    <span style="color: red; font-size: 12px;">{{ $message }}</span>
                                @enderror
                            </div>

                            <div class="form-group">
                                <label class="settings__label">Дополнительный телефон</label>
                                <input class="input-main settings__input" type="text" name="phone_additional" value="{{ old('phone_additional', $user->supplier->phone_additional) }}">
                                @error('phone_additional')
                                    <span style="color: red; font-size: 12px;">{{ $message }}</span>
                                @enderror
                            </div>

                            <div class="form-group">
                                <label class="settings__label">Email</label>
                                <input class="input-main settings__input" type="email" name="email" value="{{ old('email', $user->supplier->email) }}">
                                @error('email')
                                    <span style="color: red; font-size: 12px;">{{ $message }}</span>
                                @enderror
                            </div>

                            <div class="form-group">
                                <label class="settings__label">Веб-сайт</label>
                                <input class="input-main settings__input" type="url" name="website" value="{{ old('website', $user->supplier->website) }}">
                                @error('website')
                                    <span style="color: red; font-size: 12px;">{{ $message }}</span>
                                @enderror
                            </div>

                            <div class="form-group">
                                <label class="settings__label">WhatsApp</label>
                                <input class="input-main settings__input" type="text" name="whatsapp" value="{{ old('whatsapp', $user->supplier->whatsapp) }}">
                                @error('whatsapp')
                                    <span style="color: red; font-size: 12px;">{{ $message }}</span>
                                @enderror
                            </div>

                            <div class="form-group">
                                <label class="settings__label">Telegram</label>
                                <input class="input-main settings__input" type="text" name="telegram" value="{{ old('telegram', $user->supplier->telegram) }}">
                                @error('telegram')
                                    <span style="color: red; font-size: 12px;">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>

                        @if (session('success'))
                            <div style="background: #d4edda; color: #155724; padding: 15px; border-radius: 4px; margin: 20px 0;">
                                {{ session('success') }}
                            </div>
                        @endif

                        @if (session('error'))
                            <div style="background: #f8d7da; color: #721c24; padding: 15px; border-radius: 4px; margin: 20px 0;">
                                {{ session('error') }}
                            </div>
                        @endif

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

<script>
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('.supplier-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