@extends('layouts.app')

@section('title', 'Добавление судебного документа')

@section('content')
<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
    
    @if(isset($transferData) && $transferData)
        <div class="alert alert-warning">
            <strong>📤 Передача документа из суда</strong><br>
            Вы создаете новый документ-наследник на основе документа #{{ $parentId }}.<br>
            Заполните данные нового суда. Поля уже предзаполнены из исходного документа.
            @if(!empty($transferData['transfer_notes']))
                <br><strong>Причина передачи:</strong> {{ $transferData['transfer_notes'] }}
            @endif
        </div>
    @endif
    
    <div class="card mb-4">
        <div class="card-header bg-light">
            <h5 class="mb-0">Поиск клиентов</h5>
        </div>
        <div class="card-body">
            <div class="table-responsive" style="max-height: 300px; overflow-y: auto;">
                <table class="table table-bordered table-hover" id="clients-table">
                    <thead class="table-light">
                        <tr>
                            <th>№ счета</th>
                            <th>ФИО</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($clients as $client)
                            <tr data-account="{{ $client->account_number }}" style="cursor: pointer;">
                                <td>{{ $client->account_number }}</td>
                                <td>{{ $client->full_name }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    
    <form method="POST" action="{{ route('court-documents.store') }}" id="courtDocumentForm">
        @csrf
        
        @if(isset($parentId) && $parentId)
            <input type="hidden" name="parent_document_id" value="{{ $parentId }}">
            <input type="hidden" name="transfer_notes" value="{{ $transferData['transfer_notes'] ?? '' }}">
        @endif
        
        {{-- Основная информация --}}
        <div class="form-section">
            <h3>📄 Основные сведения о документе</h3>
            <div class="row">
                <div class="col-md-6">
                    <div class="mb-3">
                        <label class="form-label">№ лицевого счета <span class="text-danger">*</span></label>
                        <input type="text" name="account_number" class="form-control @error('account_number') is-invalid @enderror" 
                               value="{{ old('account_number', $transferData['account_number'] ?? ($client->account_number ?? '')) }}" 
                               required maxlength="20" id="account_number">
                        @error('account_number')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Тип документа</label>
                        <select name="document_type" class="form-control @error('document_type') is-invalid @enderror">
                            <option value="">-- Не указан --</option>
                            <option value="Судебный приказ" {{ old('document_type', $transferData['document_type'] ?? '') == 'Судебный приказ' ? 'selected' : '' }}>Судебный приказ</option>
                            <option value="Исполнительный лист" {{ old('document_type', $transferData['document_type'] ?? '') == 'Исполнительный лист' ? 'selected' : '' }}>Исполнительный лист</option>
                            <option value="Решение суда" {{ old('document_type', $transferData['document_type'] ?? '') == 'Решение суда' ? 'selected' : '' }}>Решение суда</option>
                            <option value="Исковое заявление" {{ old('document_type', $transferData['document_type'] ?? '') == 'Исковое заявление' ? 'selected' : '' }}>Исковое заявление</option>
                            <option value="Иной документ" {{ old('document_type', $transferData['document_type'] ?? '') == 'Иной документ' ? 'selected' : '' }}>Иной документ</option>
                        </select>
                        @error('document_type')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="mb-3">
                        <label class="form-label">Номер документа</label>
                        <input type="text" name="document_number" class="form-control @error('document_number') is-invalid @enderror" 
                               value="{{ old('document_number', $transferData['document_number'] ?? '') }}">
                        @error('document_number')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Дата документа</label>
                        <input type="date" name="document_date" class="form-control @error('document_date') is-invalid @enderror" 
                               value="{{ old('document_date', $transferData['document_date'] ?? '') }}">
                        @error('document_date')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                </div>
            </div>
        </div>
        
        {{-- Информация о суде --}}
        <div class="form-section">
            <h3>⚖️ Информация о суде</h3>
            <div class="row">
                <div class="col-md-6">
                    <div class="mb-3">
                        <label class="form-label">Наименование суда <span class="text-danger">*</span></label>
                        <input type="text" name="court_name" class="form-control @error('court_name') is-invalid @enderror" 
                               value="{{ old('court_name', $transferData['court_name'] ?? '') }}" required>
                        @error('court_name')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Номер дела</label>
                        <input type="text" name="case_number" class="form-control @error('case_number') is-invalid @enderror" 
                               value="{{ old('case_number', $transferData['case_number'] ?? '') }}">
                        @error('case_number')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="mb-3">
                        <label class="form-label">Территориальная подсудность</label>
                        <input type="text" name="territorial_jurisdiction" class="form-control @error('territorial_jurisdiction') is-invalid @enderror" 
                               value="{{ old('territorial_jurisdiction', $transferData['territorial_jurisdiction'] ?? '') }}">
                        @error('territorial_jurisdiction')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Дата подачи заявления в суд</label>
                        <input type="date" name="court_application_date" class="form-control @error('court_application_date') is-invalid @enderror" 
                               value="{{ old('court_application_date', $transferData['court_application_date'] ?? '') }}">
                        @error('court_application_date')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                </div>
            </div>
        </div>
        
        {{-- Финансовая информация --}}
        <div class="form-section">
            <h3>💰 Финансовая информация</h3>
            <div class="row">
                <div class="col-md-4">
                    <div class="mb-3">
                        <label class="form-label">Сумма основного долга (руб.)</label>
                        <input type="number" name="principal_debt" class="form-control debt-amount @error('principal_debt') is-invalid @enderror" 
                               step="0.01" min="0" value="{{ old('principal_debt', $transferData['principal_debt'] ?? 0) }}">
                        @error('principal_debt')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="mb-3">
                        <label class="form-label">Начало периода долга</label>
                        <input type="date" name="debt_period_start" class="form-control @error('debt_period_start') is-invalid @enderror" 
                               value="{{ old('debt_period_start', $transferData['debt_period_start'] ?? '') }}">
                        @error('debt_period_start')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="mb-3">
                        <label class="form-label">Конец периода долга</label>
                        <input type="date" name="debt_period_end" class="form-control @error('debt_period_end') is-invalid @enderror" 
                               value="{{ old('debt_period_end', $transferData['debt_period_end'] ?? '') }}">
                        @error('debt_period_end')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                </div>
            </div>
            
            <div class="row mt-2">
                <div class="col-md-4">
                    <div class="mb-3">
                        <label class="form-label">Сумма пеней (руб.)</label>
                        <input type="number" name="penalties" class="form-control debt-amount @error('penalties') is-invalid @enderror" 
                               step="0.01" min="0" value="{{ old('penalties', $transferData['penalties'] ?? 0) }}">
                        @error('penalties')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="mb-3">
                        <label class="form-label">Начало периода пеней</label>
                        <input type="date" name="penalties_period_start" class="form-control @error('penalties_period_start') is-invalid @enderror" 
                               value="{{ old('penalties_period_start', $transferData['penalties_period_start'] ?? '') }}">
                        @error('penalties_period_start')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="mb-3">
                        <label class="form-label">Конец периода пеней</label>
                        <input type="date" name="penalties_period_end" class="form-control @error('penalties_period_end') is-invalid @enderror" 
                               value="{{ old('penalties_period_end', $transferData['penalties_period_end'] ?? '') }}">
                        @error('penalties_period_end')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                </div>
            </div>
            
            <div class="row mt-2">
                <div class="col-md-4">
                    <div class="mb-3">
                        <label class="form-label">Судебные издержки (руб.)</label>
                        <input type="number" name="court_costs" class="form-control debt-amount @error('court_costs') is-invalid @enderror" 
                               step="0.01" min="0" value="{{ old('court_costs', $transferData['court_costs'] ?? 0) }}">
                        @error('court_costs')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="mb-3 amount-total">
                        <label class="form-label"><strong>ОБЩАЯ СУММА (руб.)</strong></label>
                        <input type="number" name="total_amount" class="form-control @error('total_amount') is-invalid @enderror" 
                               step="0.01" readonly value="{{ old('total_amount', $transferData['total_amount'] ?? 0) }}">
                        @error('total_amount')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                </div>
            </div>
        </div>
        
        {{-- Статус и даты --}}
        <div class="form-section">
            <h3>📅 Статус и даты</h3>
            <div class="row">
                <div class="col-md-4">
                    <div class="mb-3">
                        <label class="form-label">Статус документа</label>
                        <select name="status" class="form-control @error('status') is-invalid @enderror">
                            <option value="">-- Выберите статус --</option>
                            <option value="Подано" {{ old('status', $transferData['status'] ?? '') == 'Подано' ? 'selected' : '' }}>Подано</option>
                            <option value="Рассматривается" {{ old('status', $transferData['status'] ?? '') == 'Рассматривается' ? 'selected' : '' }}>Рассматривается</option>
                            <option value="Вынесено" {{ old('status', $transferData['status'] ?? '') == 'Вынесено' ? 'selected' : '' }}>Вынесено</option>
                            <option value="Отклонено" {{ old('status', $transferData['status'] ?? '') == 'Отклонено' ? 'selected' : '' }}>Отклонено</option>
                            <option value="Исполнено" {{ old('status', $transferData['status'] ?? '') == 'Исполнено' ? 'selected' : '' }}>Исполнено</option>
                            <option value="В архиве" {{ old('status', $transferData['status'] ?? '') == 'В архиве' ? 'selected' : '' }}>В архиве</option>
                            <option value="Передано в другой суд" {{ old('status', $transferData['status'] ?? '') == 'Передано в другой суд' ? 'selected' : '' }}>Передано в другой суд</option>
                        </select>
                        @error('status')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="mb-3">
                        <label class="form-label">Дата вынесения решения</label>
                        <input type="date" name="decision_date" class="form-control @error('decision_date') is-invalid @enderror" 
                               value="{{ old('decision_date', $transferData['decision_date'] ?? '') }}">
                        @error('decision_date')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="mb-3">
                        <label class="form-label">Дата вступления в силу</label>
                        <input type="date" name="effective_date" class="form-control @error('effective_date') is-invalid @enderror" 
                               value="{{ old('effective_date', $transferData['effective_date'] ?? '') }}">
                        @error('effective_date')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                </div>
            </div>
        </div>
        
        {{-- Дополнительная информация --}}
        <div class="form-section">
            <h3>📝 Дополнительная информация</h3>
            <div class="mb-3">
                <label class="form-label">Описание документа</label>
                <textarea name="description" class="form-control @error('description') is-invalid @enderror" rows="4">{{ old('description', $transferData['description'] ?? '') }}</textarea>
                @error('description')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="mb-3">
                <label class="form-label">Ссылка на файл документа</label>
                <input type="text" name="file_reference" class="form-control @error('file_reference') is-invalid @enderror" 
                       value="{{ old('file_reference', $transferData['file_reference'] ?? '') }}" placeholder="Путь к файлу или ссылка">
                @error('file_reference')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
        </div>
        
        <div class="text-center mt-4">
            <button type="submit" class="btn btn-primary">
                {{ isset($transferData) && $transferData ? '📤 Создать документ-наследник' : '💾 Сохранить документ' }}
            </button>
            <button type="reset" class="btn btn-secondary">🗑️ Очистить форму</button>
            <a href="{{ route('court-documents.index') }}" class="btn btn-secondary">Отмена</a>
        </div>
    </form>
</div>

@push('styles')
<style>
.form-section {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 25px;
}
.form-section h3 {
    margin-top: 0;
    color: #495057;
    border-bottom: 2px solid #007bff;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.amount-total {
    background: #d4edda;
    border: 2px solid #28a745;
    border-radius: 6px;
    padding: 8px;
}
#clients-table tbody tr:hover {
    background-color: #f8f9fa;
    cursor: pointer;
}
.is-invalid {
    border-color: #dc3545;
}
.invalid-feedback {
    display: block;
    color: #dc3545;
    font-size: 0.875rem;
}
</style>
@endpush

@push('scripts')
<script>
document.addEventListener('DOMContentLoaded', function() {
    function calculateTotal() {
        const principal = parseFloat(document.querySelector('input[name="principal_debt"]')?.value) || 0;
        const penalties = parseFloat(document.querySelector('input[name="penalties"]')?.value) || 0;
        const costs = parseFloat(document.querySelector('input[name="court_costs"]')?.value) || 0;
        const total = principal + penalties + costs;
        const totalField = document.querySelector('input[name="total_amount"]');
        if (totalField) totalField.value = total.toFixed(2);
    }
    
    document.querySelectorAll('.debt-amount').forEach(field => {
        field.addEventListener('input', calculateTotal);
        field.addEventListener('change', calculateTotal);
    });
    calculateTotal();
    
    const accountInput = document.getElementById('account_number');
    const rows = document.querySelectorAll('#clients-table tbody tr');
    
    rows.forEach(row => {
        row.addEventListener('click', function() {
            const accountNumber = this.getAttribute('data-account');
            if (accountInput) {
                accountInput.value = accountNumber;
                accountInput.dispatchEvent(new Event('change'));
            }
            rows.forEach(r => r.classList.remove('table-primary'));
            this.classList.add('table-primary');
        });
    });
});
</script>
@endpush
@endsection