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

@section('title', $object->name)

@php
    $individualDebtors = \App\Models\IndividualDebtor::orderBy('last_name')->get();
    $legalDebtors = \App\Models\LegalDebtor::orderBy('full_name')->get();
@endphp

@section('content')
<div class="page-header">
    <div>
        <div style="display: flex; align-items: center; gap: 10px; margin-bottom: 10px;">
            <a href="{{ route('objects.index') }}" class="btn btn-outline btn-sm">
                <i class="bi bi-arrow-left"></i> К списку
            </a>
        </div>
        <h1 class="page-title" style="margin-bottom: 5px;">{{ $object->name }}</h1>
        <div style="color: var(--gray); font-size: 13px;">{{ $object->address }}</div>
    </div>
    <div style="display: flex; gap: 10px;">
        <button class="btn btn-primary btn-sm" onclick="document.getElementById('attachDebtorModal').style.display='flex'">
            <i class="bi bi-link-45deg"></i> Привязать должника
        </button>
        <a href="{{ route('objects.edit', $object) }}" class="btn btn-outline btn-sm">
            <i class="bi bi-pencil"></i> Редактировать
        </a>
    </div>
</div>

<!-- Сводка -->
<div style="display: flex; gap: 0; margin-bottom: 20px; background: var(--white); border: 1px solid var(--border); border-radius: 8px; overflow: hidden;">
    <div style="flex: 1; padding: 12px 20px; text-align: center; border-right: 1px solid var(--border);">
        <span style="font-size: 11px; color: var(--gray);">Должников</span>
        <div style="font-size: 18px; font-weight: 700;">{{ $debtors->count() }}</div>
    </div>
    <div style="flex: 1; padding: 12px 20px; text-align: center; border-right: 1px solid var(--border);">
        <span style="font-size: 11px; color: var(--gray);">Дел</span>
        <div style="font-size: 18px; font-weight: 700;">{{ $cases->count() }}</div>
    </div>
    <div style="flex: 1; padding: 12px 20px; text-align: center;">
        <span style="font-size: 11px; color: var(--gray);">Общий долг</span>
        <div style="font-size: 18px; font-weight: 700; color: var(--danger);">{{ number_format($totalDebt, 0, ',', ' ') }} ₽</div>
    </div>
</div>

<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 20px;">
    <!-- Основная информация -->
    <div class="card">
        <div class="card-header">
            <h3 style="font-size: 15px;">Информация об объекте</h3>
        </div>
        <div class="card-body" style="padding: 0;">
            <table class="table" style="margin: 0;">
                <tbody>
                    <tr>
                        <td style="width: 40%; color: var(--gray); font-size: 12px;">Адрес</td>
                        <td style="font-size: 13px;">{{ $object->address }}</td>
                    </tr>
                    @if($object->object_type)
                        <tr><td style="color: var(--gray); font-size: 12px;">Тип объекта</td><td><span class="badge badge-info">{{ $object->object_type }}</span></td></tr>
                    @endif
                    @if($object->cadastral_number)
                        <tr><td style="color: var(--gray); font-size: 12px;">Кадастровый номер</td><td style="font-size: 13px;">{{ $object->cadastral_number }}</td></tr>
                    @endif
                    @if($object->area)
                        <tr><td style="color: var(--gray); font-size: 12px;">Площадь</td><td style="font-size: 13px;">{{ number_format($object->area, 2, ',', ' ') }} м²</td></tr>
                    @endif
                    @if($object->metering_device_number)
                        <tr><td style="color: var(--gray); font-size: 12px;">Прибор учета</td><td style="font-size: 13px;">{{ $object->metering_device_number }}</td></tr>
                    @endif
                    @if($object->connected_capacity)
                        <tr><td style="color: var(--gray); font-size: 12px;">Мощность</td><td style="font-size: 13px;">{{ $object->connected_capacity }} кВт</td></tr>
                    @endif
                    @if($object->description)
                        <tr><td style="color: var(--gray); font-size: 12px;">Описание</td><td style="font-size: 13px;">{{ $object->description }}</td></tr>
                    @endif
                </tbody>
            </table>
        </div>
    </div>

    <!-- Должники -->
    <div class="card">
        <div class="card-header">
            <h3 style="font-size: 15px;">Связанные должники</h3>
        </div>
        <div class="card-body" style="padding: 0;">
            @if($debtors->isNotEmpty())
                @foreach($debtors as $debtor)
                    <div style="padding: 12px 15px; border-bottom: 1px solid var(--border); font-size: 13px;">
                        <div style="display: flex; justify-content: space-between; align-items: start; margin-bottom: 5px;">
                            <a href="{{ route('debtors.show', $debtor->id) }}" style="font-weight: 600; text-decoration: none;">
                                @if($debtor->pivot_relation->debtor_type === 'App\\Models\\IndividualDebtor')
                                    <i class="bi bi-person"></i> {{ $debtor->full_name }}
                                @else
                                    <i class="bi bi-building"></i> {{ $debtor->short_name ?? $debtor->full_name }}
                                @endif
                            </a>
                            <span class="badge badge-{{ $debtor->pivot_relation->is_active ? 'success' : 'secondary' }}" style="font-size: 10px;">
                                {{ $debtor->pivot_relation->is_active ? 'Активна' : 'Неактивна' }}
                            </span>
                        </div>
                        <div style="color: var(--gray); font-size: 12px;">
                            <span>{{ $debtor->pivot_relation->relation_type }}</span>
                            @if($debtor->pivot_relation->document_type)
                                | {{ $debtor->pivot_relation->document_type }}
                                @if($debtor->pivot_relation->document_number) №{{ $debtor->pivot_relation->document_number }} @endif
                            @endif
                        </div>
                        <div style="color: var(--gray); font-size: 11px; margin-top: 3px;">
                            @if($debtor->pivot_relation->relation_start_date)
                                <span>Начало: {{ date('d.m.Y', strtotime($debtor->pivot_relation->relation_start_date)) }}</span>
                            @endif
                            @if($debtor->pivot_relation->relation_end_date)
                                <span> | Окончание: {{ date('d.m.Y', strtotime($debtor->pivot_relation->relation_end_date)) }}</span>
                            @endif
                        </div>
                        @if($debtor->pivot_relation->document_scan)
                            <a href="{{ $debtor->pivot_relation->document_scan }}" target="_blank" style="font-size: 11px;">
                                <i class="bi bi-file-earmark"></i> Документ
                            </a>
                        @endif
                    </div>
                @endforeach
            @else
                <div style="padding: 15px; text-align: center;">
                    <p style="color: var(--gray); font-size: 13px; margin-bottom: 10px;">Нет связанных должников</p>
                    <button class="btn btn-primary btn-sm" onclick="document.getElementById('attachDebtorModal').style.display='flex'">
                        <i class="bi bi-link-45deg"></i> Привязать должника
                    </button>
                </div>
            @endif
        </div>
    </div>
</div>

<!-- Связанные дела -->
<div class="card" style="margin-top: 20px;">
    <div class="card-header">
        <h3 style="font-size: 15px;">Связанные дела</h3>
    </div>
    <div class="card-body" style="padding: 0;">
        @if($cases->isNotEmpty())
            @foreach($cases as $case)
                <a href="{{ route('cases.show', $case) }}" 
                   style="display: flex; align-items: center; gap: 10px; padding: 10px 15px; border-bottom: 1px solid var(--border); text-decoration: none; color: inherit; font-size: 13px;"
                   onmouseover="this.style.background='var(--light)'" onmouseout="this.style.background='transparent'">
                    <span style="font-weight: 600;">{{ $case->case_number }}</span>
                    <span>{{ $case->title }}</span>
                    <span class="badge badge-{{ $case->status === 'active' ? 'success' : 'secondary' }}" style="font-size: 10px; margin-left: auto;">
                        {{ $case->status === 'active' ? 'Активное' : 'Закрыто' }}
                    </span>
                    @if(isset($case->debt_summary) && $case->debt_summary['total_remaining'] > 0)
                        <span style="color: var(--danger); font-weight: 600;">
                            {{ number_format($case->debt_summary['total_remaining'], 0, ',', ' ') }} ₽
                        </span>
                    @endif
                </a>
            @endforeach
        @else
            <p style="color: var(--gray); font-size: 13px; text-align: center; padding: 20px;">Нет связанных дел</p>
        @endif
    </div>
</div>

<!-- Модальное окно привязки должника -->
<div id="attachDebtorModal" class="modal-overlay" style="display: none;">
    <div class="modal-content" style="max-width: 600px;">
        <form action="{{ route('objects.attach-debtor', $object) }}" method="POST">
            @csrf
            <div class="modal-header">
                <h5><i class="bi bi-link-45deg"></i> Привязать должника</h5>
                <button type="button" class="btn btn-outline btn-sm" onclick="document.getElementById('attachDebtorModal').style.display='none'">
                    <i class="bi bi-x"></i>
                </button>
            </div>
            <div class="modal-body" style="font-size: 13px;">
                <div class="form-row">
                    <div class="form-group">
                        <label class="form-label">Тип должника *</label>
                        <select class="form-control" name="debtor_type" id="debtorType" onchange="toggleDebtorSelect()" required>
                            <option value="">Выберите тип</option>
                            <option value="App\Models\IndividualDebtor">Физическое лицо</option>
                            <option value="App\Models\LegalDebtor">Юридическое лицо</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label class="form-label">Должник *</label>
                        <select class="form-control" name="debtor_id" id="debtorSelect" required>
                            <option value="">Сначала выберите тип</option>
                        </select>
                    </div>
                </div>

                <div class="form-group">
                    <label class="form-label">Тип отношения *</label>
                    <select class="form-control" name="relation_type" required>
                        <option value="Собственность">Собственность</option>
                        <option value="Аренда">Аренда</option>
                        <option value="Безвозмездное пользование">Безвозмездное пользование</option>
                        <option value="Оперативное управление">Оперативное управление</option>
                        <option value="Фактическое проживание">Фактическое проживание</option>
                        <option value="Долевая собственность">Долевая собственность</option>
                    </select>
                </div>

                <div class="form-row">
                    <div class="form-group">
                        <label class="form-label">Дата начала</label>
                        <input type="date" class="form-control" name="relation_start_date" value="{{ date('Y-m-d') }}">
                    </div>
                    <div class="form-group">
                        <label class="form-label">Дата окончания</label>
                        <input type="date" class="form-control" name="relation_end_date">
                    </div>
                </div>

                <div class="form-row">
                    <div class="form-group">
                        <label class="form-label">Тип документа-основания</label>
                        <input type="text" class="form-control" name="document_type" placeholder="Например: Свидетельство о собственности">
                    </div>
                    <div class="form-group">
                        <label class="form-label">Номер документа</label>
                        <input type="text" class="form-control" name="document_number" placeholder="Номер">
                    </div>
                </div>

                <div class="form-group">
                    <label class="form-label">Ссылка на скан документа</label>
                    <input type="url" class="form-control" name="document_scan" placeholder="https://...">
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-outline" onclick="document.getElementById('attachDebtorModal').style.display='none'">Отмена</button>
                <button type="submit" class="btn btn-primary"><i class="bi bi-link"></i> Привязать</button>
            </div>
        </form>
    </div>
</div>

<script>
var individualDebtors = @json($individualDebtors->map(function($d) { return ['id' => $d->id, 'text' => $d->full_name]; }));
var legalDebtors = @json($legalDebtors->map(function($d) { return ['id' => $d->id, 'text' => $d->short_name ?? $d->full_name]; }));

function toggleDebtorSelect() {
    var type = document.getElementById('debtorType').value;
    var select = document.getElementById('debtorSelect');
    select.innerHTML = '';
    
    if (type === 'App\\Models\\IndividualDebtor' || type === 'App\\\\Models\\\\IndividualDebtor') {
        individualDebtors.forEach(function(d) {
            select.innerHTML += '<option value="' + d.id + '">' + d.text + '</option>';
        });
    } else if (type === 'App\\Models\\LegalDebtor' || type === 'App\\\\Models\\\\LegalDebtor') {
        legalDebtors.forEach(function(d) {
            select.innerHTML += '<option value="' + d.id + '">' + d.text + '</option>';
        });
    } else {
        select.innerHTML = '<option value="">Сначала выберите тип</option>';
    }
}

document.querySelectorAll('.modal-overlay').forEach(function(overlay) {
    overlay.addEventListener('click', function(e) { 
        if (e.target === this) this.style.display = 'none'; 
    });
});
</script>
@endsection