@extends('layouts.app')

@section('title', 'Добавить клиента')

@section('content')
<style>
.bankrupt-fields, .legal-fields {
    background-color: #f8f9fa;
    padding: 15px;
    border-radius: 5px;
    margin-top: 15px;
    border-left: 3px solid #6c757d;
}
.is-invalid {
    border-color: #dc3545 !important;
}
.invalid-feedback {
    display: block;
    color: #dc3545;
    font-size: 0.875rem;
    margin-top: 0.25rem;
}
</style>

<div class="container">
    <h1>Добавить нового клиента</h1>

    @if($errors->any())
        <div class="alert alert-danger">
            <strong>Ошибка! Пожалуйста, исправьте следующие поля:</strong>
            <ul class="mb-0 mt-2">
                @foreach($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <form method="POST" action="{{ route('clients.store') }}" id="clientForm">
        @csrf
        
        {{-- Основная информация --}}
        <div class="card mb-4">
            <div class="card-header bg-light">
                <h5 class="mb-0">Основная информация</h5>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-6 mb-3">
                        <label for="client_type" class="form-label">Тип клиента <span class="text-danger">*</span></label>
                        <select class="form-control @error('client_type') is-invalid @enderror" id="client_type" name="client_type" required>
                            <option value="individual" {{ old('client_type') == 'individual' ? 'selected' : '' }}>Физическое лицо</option>
                            <option value="legal" {{ old('client_type') == 'legal' ? 'selected' : '' }}>Юридическое лицо</option>
                            <option value="ip" {{ old('client_type') == 'ip' ? 'selected' : '' }}>Индивидуальный предприниматель</option>
                        </select>
                        @error('client_type')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    
                    <div class="col-md-6 mb-3">
                        <label for="account_number" class="form-label">№ лицевого счета <span class="text-danger">*</span></label>
                        <input type="text" class="form-control @error('account_number') is-invalid @enderror" 
                               id="account_number" name="account_number" value="{{ old('account_number') }}" required>
                        @error('account_number')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                </div>
                
                {{-- Поля для физического лица (по умолчанию) --}}
                <div id="individual_fields">
                    <div class="row">
                        <div class="col-md-12 mb-3">
                            <label for="full_name" class="form-label">ФИО <span class="text-danger">*</span></label>
                            <input type="text" class="form-control @error('full_name') is-invalid @enderror" 
                                   id="full_name" name="full_name" value="{{ old('full_name') }}" required>
                            @error('full_name')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label for="passport_data" class="form-label">Паспортные данные</label>
                            <input type="text" class="form-control" id="passport_data" name="passport_data" value="{{ old('passport_data') }}">
                        </div>
                        <div class="col-md-6 mb-3">
                            <label for="driver_license" class="form-label">Водительское удостоверение</label>
                            <input type="text" class="form-control" id="driver_license" name="driver_license" value="{{ old('driver_license') }}">
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label for="snils" class="form-label">СНИЛС</label>
                            <input type="text" class="form-control" id="snils" name="snils" value="{{ old('snils') }}">
                        </div>
                    </div>
                </div>
                
                {{-- Поля для юридического лица --}}
                <div id="legal_fields" style="display: none;">
                    <div class="row">
                        <div class="col-md-12 mb-3">
                            <label for="full_name_legal" class="form-label">Наименование организации <span class="text-danger">*</span></label>
                            <input type="text" class="form-control @error('full_name') is-invalid @enderror" 
                                   id="full_name_legal" name="full_name" value="{{ old('full_name') }}" required>
                            @error('full_name')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-4 mb-3">
                            <label for="inn" class="form-label">ИНН</label>
                            <input type="text" class="form-control" id="inn" name="inn" value="{{ old('inn') }}">
                        </div>
                        <div class="col-md-4 mb-3">
                            <label for="kpp" class="form-label">КПП</label>
                            <input type="text" class="form-control" id="kpp" name="kpp" value="{{ old('kpp') }}">
                        </div>
                        <div class="col-md-4 mb-3">
                            <label for="ogrn" class="form-label">ОГРН</label>
                            <input type="text" class="form-control" id="ogrn" name="ogrn" value="{{ old('ogrn') }}">
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label for="legal_address" class="form-label">Юридический адрес</label>
                            <textarea class="form-control" id="legal_address" name="legal_address" rows="2">{{ old('legal_address') }}</textarea>
                        </div>
                        <div class="col-md-6 mb-3">
                            <label for="director_name" class="form-label">Руководитель</label>
                            <input type="text" class="form-control" id="director_name" name="director_name" value="{{ old('director_name') }}">
                            <small class="text-muted">ФИО руководителя</small>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label for="director_position" class="form-label">Должность руководителя</label>
                            <input type="text" class="form-control" id="director_position" name="director_position" value="{{ old('director_position') }}" placeholder="Генеральный директор">
                        </div>
                    </div>
                </div>
                
                {{-- Контактные данные --}}
                <div class="row">
                    <div class="col-md-6 mb-3">
                        <label for="phone_number" class="form-label">Телефон</label>
                        <input type="text" class="form-control" id="phone_number" name="phone_number" value="{{ old('phone_number') }}">
                    </div>
                    <div class="col-md-6 mb-3">
                        <label for="email" class="form-label">Email</label>
                        <input type="email" class="form-control" id="email" name="email" value="{{ old('email') }}">
                    </div>
                </div>
                
                <div class="row">
                    <div class="col-md-12 mb-3">
                        <label for="object_address" class="form-label">Адрес объекта</label>
                        <textarea class="form-control" id="object_address" name="object_address" rows="2">{{ old('object_address') }}</textarea>
                    </div>
                </div>
            </div>
        </div>
        
        {{-- Статус банкрота --}}
        <div class="card mb-4">
            <div class="card-header bg-light">
                <h5 class="mb-0">Статус банкротства</h5>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-12 mb-3">
                        <div class="form-check">
                            <input type="checkbox" class="form-check-input" id="is_bankrupt" name="is_bankrupt" value="1" {{ old('is_bankrupt') ? 'checked' : '' }}>
                            <label class="form-check-label" for="is_bankrupt">
                                Клиент признан банкротом
                            </label>
                        </div>
                    </div>
                </div>
                
                <div id="bankrupt_fields" style="display: none;">
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label for="bankrupt_date" class="form-label">Дата признания банкротом</label>
                            <input type="date" class="form-control" id="bankrupt_date" name="bankrupt_date" value="{{ old('bankrupt_date') }}">
                        </div>
                        <div class="col-md-6 mb-3">
                            <label for="bankrupt_stage" class="form-label">Стадия банкротства</label>
                            <select class="form-control" id="bankrupt_stage" name="bankrupt_stage">
                                <option value="">-- Выберите стадию --</option>
                                <option value="observation" {{ old('bankrupt_stage') == 'observation' ? 'selected' : '' }}>Наблюдение</option>
                                <option value="financial_recovery" {{ old('bankrupt_stage') == 'financial_recovery' ? 'selected' : '' }}>Финансовое оздоровление</option>
                                <option value="external_management" {{ old('bankrupt_stage') == 'external_management' ? 'selected' : '' }}>Внешнее управление</option>
                                <option value="bankruptcy_proceedings" {{ old('bankrupt_stage') == 'bankruptcy_proceedings' ? 'selected' : '' }}>Конкурсное производство</option>
                                <option value="settlement_agreement" {{ old('bankrupt_stage') == 'settlement_agreement' ? 'selected' : '' }}>Мировое соглашение</option>
                            </select>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label for="bankrupt_case_number" class="form-label">Номер дела о банкротстве</label>
                            <input type="text" class="form-control" id="bankrupt_case_number" name="bankrupt_case_number" value="{{ old('bankrupt_case_number') }}">
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label for="trustee_name" class="form-label">Арбитражный управляющий</label>
                            <input type="text" class="form-control" id="trustee_name" name="trustee_name" value="{{ old('trustee_name') }}">
                        </div>
                        <div class="col-md-6 mb-3">
                            <label for="trustee_phone" class="form-label">Телефон управляющего</label>
                            <input type="text" class="form-control" id="trustee_phone" name="trustee_phone" value="{{ old('trustee_phone') }}">
                        </div>
                    </div>
                    <div class="alert alert-warning mt-2">
                        <i class="fas fa-exclamation-triangle"></i> 
                        <strong>Внимание!</strong> После признания клиента банкротом начисление пеней приостанавливается.
                    </div>
                </div>
            </div>
        </div>
        
        <div class="d-flex justify-content-end gap-2">
            <a href="{{ route('clients.index') }}" class="btn btn-secondary">Отмена</a>
            <button type="submit" class="btn btn-primary" id="submitBtn">Сохранить клиента</button>
        </div>
    </form>
</div>

<script>
document.addEventListener('DOMContentLoaded', function() {
    const clientType = document.getElementById('client_type');
    const individualFields = document.getElementById('individual_fields');
    const legalFields = document.getElementById('legal_fields');
    const isBankrupt = document.getElementById('is_bankrupt');
    const bankruptFields = document.getElementById('bankrupt_fields');
    const fullNameField = document.getElementById('full_name');
    const fullNameLegalField = document.getElementById('full_name_legal');
    const submitBtn = document.getElementById('submitBtn');
    
    function toggleClientFields() {
        if (clientType.value === 'legal') {
            individualFields.style.display = 'none';
            legalFields.style.display = 'block';
            // Делаем поле full_name обязательным для юрлица
            if (fullNameLegalField) {
                fullNameLegalField.required = true;
            }
            if (fullNameField) {
                fullNameField.required = false;
            }
        } else {
            individualFields.style.display = 'block';
            legalFields.style.display = 'none';
            // Делаем поле full_name обязательным для физлица
            if (fullNameField) {
                fullNameField.required = true;
            }
            if (fullNameLegalField) {
                fullNameLegalField.required = false;
            }
        }
    }
    
    function toggleBankruptFields() {
        if (isBankrupt.checked) {
            bankruptFields.style.display = 'block';
        } else {
            bankruptFields.style.display = 'none';
        }
    }
    
    clientType.addEventListener('change', toggleClientFields);
    isBankrupt.addEventListener('change', toggleBankruptFields);
    
    toggleClientFields();
    toggleBankruptFields();
    
    // Валидация формы перед отправкой
    document.getElementById('clientForm').addEventListener('submit', function(e) {
        const accountNumber = document.getElementById('account_number');
        let isValid = true;
        
        // Проверяем обязательные поля
        if (!accountNumber.value.trim()) {
            accountNumber.classList.add('is-invalid');
            isValid = false;
        }
        
        if (clientType.value === 'legal') {
            if (!fullNameLegalField.value.trim()) {
                fullNameLegalField.classList.add('is-invalid');
                isValid = false;
            }
        } else {
            if (!fullNameField.value.trim()) {
                fullNameField.classList.add('is-invalid');
                isValid = false;
            }
        }
        
        if (!isValid) {
            e.preventDefault();
            alert('Пожалуйста, заполните все обязательные поля');
        }
    });
});
</script>
@endsection