{{-- resources/views/documents/edit.blade.php --}}
@extends('layouts.app')

@section('title', 'Редактирование документа')

@php
    $organizations = \App\Models\Organization::orderBy('name')->get();
    $documentTypes = \Illuminate\Support\Facades\DB::table('document_types')->orderBy('name')->pluck('name');
@endphp

@section('content')
<div class="page-header">
    <div>
        <div style="display: flex; align-items: center; gap: 10px; margin-bottom: 10px;">
            <a href="{{ route('cases.documents.show', [$case, $document]) }}" class="btn btn-outline btn-sm">
                <i class="bi bi-arrow-left"></i> К просмотру
            </a>
            <a href="{{ route('cases.show', $case) }}" class="btn btn-outline btn-sm">
                <i class="bi bi-folder2"></i> К делу
            </a>
        </div>
        <h1 class="page-title" style="margin-bottom: 5px;">Редактирование документа</h1>
    </div>
</div>

<div class="card">
    <div class="card-body">
        <form action="{{ route('cases.documents.update', [$case, $document]) }}" method="POST" id="docEditForm">
            @csrf
            @method('PUT')
            
            <!-- Тип документа со своим вариантом -->
            <div class="form-row">
                <div class="form-group" style="flex: 2;">
                    <label class="form-label">Тип документа *</label>
                    <select class="form-control" name="document_type" id="docTypeSelect" onchange="toggleCustomDocType()">
                        <option value="">Выберите тип</option>
                        @foreach($documentTypes as $type)
                            <option value="{{ $type }}" {{ old('document_type', $document->document_type) == $type ? 'selected' : '' }}>{{ $type }}</option>
                        @endforeach
                        <option value="__custom__">+ Свой вариант</option>
                    </select>
                </div>
                <div class="form-group" id="customDocTypeGroup" style="display: none; flex: 1;">
                    <label class="form-label">Новый тип документа</label>
                    <input type="text" class="form-control" name="document_type_custom" id="customDocType" placeholder="Введите новый тип">
                </div>
                <div class="form-group">
                    <label class="form-label">Номер документа</label>
                    <input type="text" class="form-control" name="document_number" value="{{ old('document_number', $document->document_number) }}">
                </div>
                <div class="form-group">
                    <label class="form-label">Дата документа *</label>
                    <input type="date" class="form-control" name="document_date" value="{{ old('document_date', $document->document_date ? $document->document_date->format('Y-m-d') : '') }}" required>
                </div>
            </div>

            <div class="form-row">
                <div class="form-group">
                    <label class="form-label">Наименование суда</label>
                    <input type="text" class="form-control" name="court_name" value="{{ old('court_name', $document->court_name) }}">
                </div>
                <div class="form-group">
                    <label class="form-label">Территориальная подсудность</label>
                    <input type="text" class="form-control" name="territorial_jurisdiction" value="{{ old('territorial_jurisdiction', $document->territorial_jurisdiction) }}">
                </div>
            </div>

            <div class="form-row">
                <div class="form-group">
                    <label class="form-label">Дата подачи в суд</label>
                    <input type="date" class="form-control" name="filing_date" value="{{ old('filing_date', $document->filing_date ? $document->filing_date->format('Y-m-d') : '') }}">
                </div>
                <div class="form-group">
                    <label class="form-label">Дата вынесения решения</label>
                    <input type="date" class="form-control" name="decision_date" value="{{ old('decision_date', $document->decision_date ? $document->decision_date->format('Y-m-d') : '') }}">
                </div>
                <div class="form-group">
                    <label class="form-label">Дата вступления в силу</label>
                    <input type="date" class="form-control" name="effective_date" value="{{ old('effective_date', $document->effective_date ? $document->effective_date->format('Y-m-d') : '') }}">
                </div>
            </div>

            <!-- Отправитель / Получатель / Направление -->
            <hr>
            <h6 style="margin-bottom: 10px;">Отправитель / Получатель</h6>
            <div class="form-row">
                <div class="form-group">
                    <label class="form-label">Отправитель (организация)</label>
                    <select class="form-control" name="sender_organization_id" id="senderOrg" onchange="toggleCustomSender()">
                        <option value="">-- Выберите --</option>
                        @foreach($organizations as $org)
                            <option value="{{ $org->id }}" {{ old('sender_organization_id', $document->sender_organization_id) == $org->id ? 'selected' : '' }}>
                                {{ $org->short_name ?? $org->name }}
                            </option>
                        @endforeach
                        <option value="__custom__">+ Свой вариант</option>
                    </select>
                </div>
                <div class="form-group" id="senderCustomGroup" style="display: none;">
                    <label class="form-label">Новый отправитель</label>
                    <input type="text" class="form-control" name="sender_custom" id="senderCustom" value="{{ old('sender_custom', $document->sender_custom) }}" placeholder="Название организации">
                    <small style="color: var(--gray);">Будет добавлен в справочник</small>
                </div>
            </div>

            <div class="form-row">
                <div class="form-group">
                    <label class="form-label">Получатель (организация)</label>
                    <select class="form-control" name="recipient_organization_id" id="recipientOrg" onchange="toggleCustomRecipient()">
                        <option value="">-- Выберите --</option>
                        @foreach($organizations as $org)
                            <option value="{{ $org->id }}" {{ old('recipient_organization_id', $document->recipient_organization_id) == $org->id ? 'selected' : '' }}>
                                {{ $org->short_name ?? $org->name }}
                            </option>
                        @endforeach
                        <option value="__custom__">+ Свой вариант</option>
                    </select>
                </div>
                <div class="form-group" id="recipientCustomGroup" style="display: none;">
                    <label class="form-label">Новый получатель</label>
                    <input type="text" class="form-control" name="recipient_custom" id="recipientCustom" value="{{ old('recipient_custom', $document->recipient_custom) }}" placeholder="Название организации">
                    <small style="color: var(--gray);">Будет добавлен в справочник</small>
                </div>
            </div>

            <div class="form-row">
                <div class="form-group">
                    <label class="form-label">Направление</label>
                    <select class="form-control" name="direction">
                        <option value="">Не указано</option>
                        <option value="incoming" {{ old('direction', $document->direction) == 'incoming' ? 'selected' : '' }}>Входящий</option>
                        <option value="outgoing" {{ old('direction', $document->direction) == 'outgoing' ? 'selected' : '' }}>Исходящий</option>
                        <option value="internal" {{ old('direction', $document->direction) == 'internal' ? 'selected' : '' }}>Внутренний</option>
                    </select>
                </div>
                <div class="form-group">
                    <label class="form-label">Статус документа</label>
                    <select class="form-control" name="status">
                        <option value="">Выберите</option>
                        @foreach(['Подготовлен','Подан в суд','На рассмотрении','Вынесено решение','Вступило в силу','Обжалован','Исполнен'] as $st)
                            <option value="{{ $st }}" {{ old('status', $document->status) == $st ? 'selected' : '' }}>{{ $st }}</option>
                        @endforeach
                    </select>
                </div>
            </div>

            <hr>
            <h6 style="margin-bottom: 10px;">Суммы</h6>
            <div class="form-row">
                <div class="form-group">
                    <label class="form-label">Основной долг (₽)</label>
                    <input type="number" step="0.01" class="form-control" name="debt_amount" value="{{ old('debt_amount', $document->debt_amount) }}">
                </div>
                <div class="form-group">
                    <label class="form-label">Начало периода долга</label>
                    <input type="date" class="form-control" name="debt_period_start" value="{{ old('debt_period_start', $document->debt_period_start ? $document->debt_period_start->format('Y-m-d') : '') }}">
                </div>
                <div class="form-group">
                    <label class="form-label">Конец периода долга</label>
                    <input type="date" class="form-control" name="debt_period_end" value="{{ old('debt_period_end', $document->debt_period_end ? $document->debt_period_end->format('Y-m-d') : '') }}">
                </div>
            </div>
            <div class="form-row">
                <div class="form-group">
                    <label class="form-label">Пени (₽)</label>
                    <input type="number" step="0.01" class="form-control" name="penalty_amount" value="{{ old('penalty_amount', $document->penalty_amount) }}">
                </div>
                <div class="form-group">
                    <label class="form-label">Начало периода пеней</label>
                    <input type="date" class="form-control" name="penalty_period_start" value="{{ old('penalty_period_start', $document->penalty_period_start ? $document->penalty_period_start->format('Y-m-d') : '') }}">
                </div>
                <div class="form-group">
                    <label class="form-label">Конец периода пеней</label>
                    <input type="date" class="form-control" name="penalty_period_end" value="{{ old('penalty_period_end', $document->penalty_period_end ? $document->penalty_period_end->format('Y-m-d') : '') }}">
                </div>
            </div>
            <div class="form-row">
                <div class="form-group">
                    <label class="form-label">Судебные издержки (₽)</label>
                    <input type="number" step="0.01" class="form-control" name="court_costs" value="{{ old('court_costs', $document->court_costs) }}">
                </div>
            </div>

            <div class="form-group">
                <label class="form-label">Описание документа</label>
                <textarea class="form-control" name="description" rows="3">{{ old('description', $document->description) }}</textarea>
            </div>

            <div class="form-group">
                <label class="form-label">Ссылка на скан документа</label>
                <input type="url" class="form-control" name="scan_file" value="{{ old('scan_file', $document->scan_file) }}" placeholder="https://...">
                <small style="color: var(--gray);">Укажите полную ссылку на документ</small>
            </div>

            <div class="form-group">
                <label class="form-check">
                    <input type="checkbox" name="is_active_debt" value="1" style="width: auto; margin-right: 8px;" {{ old('is_active_debt', $document->is_active_debt) ? 'checked' : '' }}>
                    Сделать актуальным для расчета задолженности
                </label>
            </div>

            <div style="display: flex; justify-content: space-between; margin-top: 20px;">
                <a href="{{ route('cases.documents.show', [$case, $document]) }}" class="btn btn-outline">Отмена</a>
                <button type="submit" class="btn btn-primary"><i class="bi bi-save"></i> Сохранить изменения</button>
            </div>
        </form>
    </div>
</div>

<script>
function toggleCustomDocType() {
    var select = document.getElementById('docTypeSelect');
    var group = document.getElementById('customDocTypeGroup');
    if (select.value === '__custom__') {
        group.style.display = 'block';
    } else {
        group.style.display = 'none';
        document.getElementById('customDocType').value = '';
    }
}

function toggleCustomSender() {
    var select = document.getElementById('senderOrg');
    var group = document.getElementById('senderCustomGroup');
    if (select.value === '__custom__') {
        group.style.display = 'block';
        select.value = '';
    } else {
        group.style.display = 'none';
        document.getElementById('senderCustom').value = '';
    }
}

function toggleCustomRecipient() {
    var select = document.getElementById('recipientOrg');
    var group = document.getElementById('recipientCustomGroup');
    if (select.value === '__custom__') {
        group.style.display = 'block';
        select.value = '';
    } else {
        group.style.display = 'none';
        document.getElementById('recipientCustom').value = '';
    }
}

// При отправке формы обрабатываем свои варианты
document.getElementById('docEditForm').addEventListener('submit', function(e) {
    var docTypeSelect = document.getElementById('docTypeSelect');
    var customDocType = document.getElementById('customDocType');
    if (docTypeSelect.value === '__custom__' && customDocType.value) {
        var hidden = document.createElement('input');
        hidden.type = 'hidden';
        hidden.name = 'document_type_new';
        hidden.value = customDocType.value;
        this.appendChild(hidden);
        docTypeSelect.removeAttribute('name');
    }
    
    var senderSelect = document.getElementById('senderOrg');
    var senderCustom = document.getElementById('senderCustom');
    if (senderSelect.value === '__custom__' && senderCustom.value) {
        var hidden = document.createElement('input');
        hidden.type = 'hidden';
        hidden.name = 'sender_organization_name';
        hidden.value = senderCustom.value;
        this.appendChild(hidden);
        senderSelect.removeAttribute('name');
    }
    
    var recipientSelect = document.getElementById('recipientOrg');
    var recipientCustom = document.getElementById('recipientCustom');
    if (recipientSelect.value === '__custom__' && recipientCustom.value) {
        var hidden = document.createElement('input');
        hidden.type = 'hidden';
        hidden.name = 'recipient_organization_name';
        hidden.value = recipientCustom.value;
        this.appendChild(hidden);
        recipientSelect.removeAttribute('name');
    }
});
</script>
@endsection