@extends('layouts.app')

@section('title', 'Detalhes da Transferência')

@push('styles-custom')
@endpush

@section('content')
<div class="content pt-3">
    <!-- Breadcrumb -->
    <nav class="mb-3" aria-label="breadcrumb">
        <ol class="breadcrumb mb-0">
            <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li>
            <li class="breadcrumb-item"><a href="{{ route('transferencias.index') }}">Transferências</a></li>
            <li class="breadcrumb-item active" aria-current="page">Transferência #{{ $transferencia->id }}</li>
        </ol>
    </nav>

    <!-- Header -->
    <div class="row g-3 mb-4">
        <div class="col-12 col-md-auto">
            <h2 class="mb-0 d-flex align-items-center">
                <span class="fas fa-exchange-alt text-primary me-3"></span>
                {{ $transferencia->descricao }}
            </h2>
        </div>
        <div class="col-12 col-md-auto ms-auto">
            <div class="d-flex gap-2">
                <a href="{{ route('transferencias.edit', $transferencia) }}{{ request()->getQueryString() ? '?' . request()->getQueryString() : '' }}" class="btn btn-outline-primary btn-sm">
                    <span class="fas fa-edit me-2"></span>Editar
                </a>
                <a href="{{ route('transferencias.index') }}{{ request()->getQueryString() ? '?' . request()->getQueryString() : '' }}" class="btn btn-secondary btn-sm">
                    <span class="fas fa-arrow-left me-2"></span>Voltar
                </a>
            </div>
        </div>
    </div>

    <!-- Dados da Transferência -->
    <div class="row g-3 mb-4">
        <!-- Card Principal -->
        <div class="col-12 col-xl-8">
            <div class="card h-100">
                <div class="card-header">
                    <div class="row flex-between-end">
                        <div class="col-auto align-self-center">
                            <h5 class="mb-0">Dados da Transferência</h5>
                        </div>
                    </div>
                </div>
                <div class="card-body">
                    <div class="row g-3">
                        <div class="col-md-6">
                            <div class="d-flex">
                                <span class="fas fa-calendar text-primary me-2 mt-1"></span>
                                <div>
                                    <h6 class="mb-1 text-body-emphasis">Data</h6>
                                    <p class="mb-0 text-body-secondary">{{ \Carbon\Carbon::parse($transferencia->data)->format('d/m/Y') }}</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="d-flex">
                                <span class="fas fa-money-bill-wave text-success me-2 mt-1"></span>
                                <div>
                                    <h6 class="mb-1 text-body-emphasis">Valor</h6>
                                    <p class="mb-0 text-success fw-bold fs-5">R$ {{ number_format($transferencia->valor, 2, ',', '.') }}</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="d-flex">
                                <span class="fas fa-file-alt text-info me-2 mt-1"></span>
                                <div>
                                    <h6 class="mb-1 text-body-emphasis">Descrição</h6>
                                    <p class="mb-0 text-body-secondary">{{ $transferencia->descricao }}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Card Status -->
        <div class="col-12 col-xl-4">
            <div class="card h-100">
                <div class="card-header">
                    <h5 class="mb-0">Status</h5>
                </div>
                <div class="card-body text-center">
                    <div class="mb-3">
                        <span class="badge badge-phoenix fs-9 badge-phoenix-success">
                            <span class="badge-label">Processada</span>
                            <span class="fas fa-check ms-1"></span>
                        </span>
                    </div>
                    <p class="text-body-secondary small mb-0">Transferência lançada em</p>
                    <p class="text-body-emphasis fw-semibold">{{ $transferencia->created_at->format('d/m/Y \à\s H:i') }}</p>
                </div>
            </div>
        </div>
    </div>

    <!-- Origem e Destino -->
    <div class="row g-3 mb-4">
        <!-- Conta Origem -->
        <div class="col-12 col-lg-6">
            <div class="card h-100">
                <div class="card-header bg-body-highlight">
                    <div class="d-flex align-items-center">
                        <span class="fas fa-arrow-right text-danger me-2"></span>
                        <h6 class="mb-0 text-danger">Conta de Origem (Débito)</h6>
                    </div>
                </div>
                <div class="card-body">
                    <div class="row g-2">
                        <div class="col-12">
                            <div class="d-flex align-items-center mb-2">
                                <span class="fas fa-building text-muted me-2"></span>
                                <div>
                                    <h6 class="mb-0 text-body-emphasis">{{ $transferencia->contaOrigem->empresa->nome_fantasia }}</h6>
                                    <small class="text-body-secondary">{{ $transferencia->contaOrigem->empresa->razao_social }}</small>
                                </div>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="d-flex align-items-center mb-2">
                                <span class="fas fa-university text-muted me-2"></span>
                                <div>
                                    <h6 class="mb-0">{{ $transferencia->contaOrigem->banco }}</h6>
                                    <small class="text-body-secondary">Ag: {{ $transferencia->contaOrigem->agencia }} | CC: {{ $transferencia->contaOrigem->conta_corrente }}</small>
                                </div>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="d-flex align-items-center">
                                <span class="fas fa-tags text-muted me-2"></span>
                                <div>
                                    <h6 class="mb-0">{{ $transferencia->planoOrigem->codigo }}</h6>
                                    <small class="text-body-secondary">{{ $transferencia->planoOrigem->descricao }}</small>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Conta Destino -->
        <div class="col-12 col-lg-6">
            <div class="card h-100">
                <div class="card-header bg-body-highlight">
                    <div class="d-flex align-items-center">
                        <span class="fas fa-arrow-left text-success me-2"></span>
                        <h6 class="mb-0 text-success">Conta de Destino (Crédito)</h6>
                    </div>
                </div>
                <div class="card-body">
                    <div class="row g-2">
                        <div class="col-12">
                            <div class="d-flex align-items-center mb-2">
                                <span class="fas fa-building text-muted me-2"></span>
                                <div>
                                    <h6 class="mb-0 text-body-emphasis">{{ $transferencia->contaDestino->empresa->nome_fantasia }}</h6>
                                    <small class="text-body-secondary">{{ $transferencia->contaDestino->empresa->razao_social }}</small>
                                </div>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="d-flex align-items-center mb-2">
                                <span class="fas fa-university text-muted me-2"></span>
                                <div>
                                    <h6 class="mb-0">{{ $transferencia->contaDestino->banco }}</h6>
                                    <small class="text-body-secondary">Ag: {{ $transferencia->contaDestino->agencia }} | CC: {{ $transferencia->contaDestino->conta_corrente }}</small>
                                </div>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="d-flex align-items-center">
                                <span class="fas fa-tags text-muted me-2"></span>
                                <div>
                                    <h6 class="mb-0">{{ $transferencia->planoDestino->codigo }}</h6>
                                    <small class="text-body-secondary">{{ $transferencia->planoDestino->descricao }}</small>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Movimentações -->
    <div class="card">
        <div class="card-header">
            <div class="row flex-between-end">
                <div class="col-auto align-self-center">
                    <h5 class="mb-0">Movimentações Geradas</h5>
                </div>
                <div class="col-auto ms-auto">
                    @php
                        $totalDeb   = $pagamentos->count();
                        $totalCred  = $recebimentos->count();
                    @endphp
                    <span class="badge badge-phoenix fs-10 badge-phoenix-info">
                        Total: {{ $totalDeb + $totalCred }} movimentação{{ ($totalDeb + $totalCred) !== 1 ? 's' : '' }}
                        ({{ $totalDeb  }} débito{{  $totalDeb  !== 1 ? 's' : '' }},
                        {{ $totalCred }} crédito{{ $totalCred !== 1 ? 's' : '' }})
                    </span>
                </div>
            </div>
        </div>
        <div class="card-body p-0">
            <div class="table-responsive">
                <table class="table table-sm table-striped mb-0">
                    <thead class="text-body bg-body-secondary">
                        <tr>
                            <th class="ps-3">Tipo</th>
                            <th>Data</th>
                            <th>Descrição</th>
                            <th>Empresa</th>
                            <th>Conta Bancária</th>
                            <th class="text-end pe-3">Valor</th>
                        </tr>
                    </thead>
                    <tbody class="list">
                        @php
                            $movimentacoes = collect();

                            // Adicionar TODOS os pagamentos com transferencia_id = transferencia.id
                            foreach ($pagamentos as $pagamento) {
                                $contaAPagar = $pagamento->contaAPagar;
                                $movimentacoes->push([
                                    'tipo' => 'débito',
                                    'tipo_label' => 'Pagamento (Débito)',
                                    'data' => $pagamento->data_pagamento,
                                    'data_original' => $pagamento->created_at,
                                    'descricao' => $contaAPagar ? $contaAPagar->descricao : 'Pagamento de transferência',
                                    'empresa' => $contaAPagar && $contaAPagar->empresa ? $contaAPagar->empresa->nome_fantasia : 'N/A',
                                    'fornecedor' => $contaAPagar && $contaAPagar->fornecedor ? $contaAPagar->fornecedor->razao_social : 'N/A',
                                    'conta' => $contaAPagar && $contaAPagar->contaBancaria ?
                                              $contaAPagar->contaBancaria->banco . ' - ' . $contaAPagar->contaBancaria->conta_corrente : 'N/A',
                                    'valor' => $pagamento->valor,
                                    'conta_id' => $contaAPagar ? $contaAPagar->id : null,
                                    'conta_tipo' => 'conta_a_pagar',
                                    'movimentacao_id' => $pagamento->id,
                                    'multa' => $pagamento->multa ?? 0,
                                    'juros' => $pagamento->juros ?? 0
                                ]);
                            }

                            // Adicionar TODOS os recebimentos com transferencia_id = transferencia.id
                            foreach ($recebimentos as $recebimento) {
                                $contaAReceber = $recebimento->contaAReceber;
                                $movimentacoes->push([
                                    'tipo' => 'crédito',
                                    'tipo_label' => 'Recebimento (Crédito)',
                                    'data' => $recebimento->data_pagamento,
                                    'data_original' => $recebimento->created_at,
                                    'descricao' => $contaAReceber ? $contaAReceber->descricao : 'Recebimento de transferência',
                                    'empresa' => $contaAReceber && $contaAReceber->empresa ? $contaAReceber->empresa->nome_fantasia : 'N/A',
                                    'cliente' => $contaAReceber && $contaAReceber->cliente ? $contaAReceber->cliente->razao_social : 'N/A',
                                    'conta' => $contaAReceber && $contaAReceber->contaBancaria ?
                                              $contaAReceber->contaBancaria->banco . ' - ' . $contaAReceber->contaBancaria->conta_corrente : 'N/A',
                                    'valor' => $recebimento->valor,
                                    'conta_id' => $contaAReceber ? $contaAReceber->id : null,
                                    'conta_tipo' => 'conta_a_receber',
                                    'movimentacao_id' => $recebimento->id,
                                    'observacao' => $recebimento->observacao ?? ''
                                ]);
                            }

                            /*
                            // *** ADICIONAR MOVIMENTAÇÃO VIRTUAL PARA BALANCEAMENTO ***
                            // Se não há recebimentos registrados, criar uma movimentação virtual para exibição
                            if ($recebimentos->count() == 0) {
                                $movimentacoes->push([
                                    'tipo' => 'crédito',
                                    'tipo_label' => 'Transferência (Crédito)',
                                    'data' => $transferencia->data,
                                    'data_original' => $transferencia->created_at,
                                    'descricao' => 'TRANSFERÊNCIA = ' . $transferencia->descricao,
                                    'empresa' => $transferencia->contaDestino->empresa->nome_fantasia,
                                    'cliente' => 'Transferência interna',
                                    'conta' => $transferencia->contaDestino->banco . ' - ' . $transferencia->contaDestino->conta_corrente,
                                    'valor' => $transferencia->valor,
                                    'conta_id' => null,
                                    'conta_tipo' => 'transferencia',
                                    'movimentacao_id' => 'virtual',
                                    'observacao' => 'Movimentação de transferência'
                                ]);
                            }

                            // Se não há pagamentos registrados, criar uma movimentação virtual para exibição
                            if ($pagamentos->count() == 0) {
                                $movimentacoes->push([
                                    'tipo' => 'débito',
                                    'tipo_label' => 'Transferência (Débito)',
                                    'data' => $transferencia->data,
                                    'data_original' => $transferencia->created_at,
                                    'descricao' => 'TRANSFERÊNCIA = ' . $transferencia->descricao,
                                    'empresa' => $transferencia->contaOrigem->empresa->nome_fantasia,
                                    'fornecedor' => 'Transferência interna',
                                    'conta' => $transferencia->contaOrigem->banco . ' - ' . $transferencia->contaOrigem->conta_corrente,
                                    'valor' => $transferencia->valor,
                                    'conta_id' => null,
                                    'conta_tipo' => 'transferencia',
                                    'movimentacao_id' => 'virtual',
                                    'multa' => 0,
                                    'juros' => 0
                                ]);
                            }
                            */

                            // Ordenar por data de pagamento/recebimento, depois por data de criação
                            $movimentacoes = $movimentacoes->sortBy(['data', 'data_original']);
                        @endphp

                        @forelse($movimentacoes as $mov)
                        <tr>
                            <td class="ps-3">
                                @if($mov['tipo'] === 'débito')
                                    @if($mov['conta_tipo'] === 'transferencia')
                                        <span class="badge badge-phoenix fs-10 badge-phoenix-warning">
                                            <span class="fas fa-exchange-alt me-1"></span>{{ $mov['tipo_label'] }}
                                        </span>
                                    @else
                                        <span class="badge badge-phoenix fs-10 badge-phoenix-danger">
                                            <span class="fas fa-minus me-1"></span>{{ $mov['tipo_label'] }}
                                        </span>
                                    @endif
                                @else
                                    @if($mov['conta_tipo'] === 'transferencia')
                                        <span class="badge badge-phoenix fs-10 badge-phoenix-info">
                                            <span class="fas fa-exchange-alt me-1"></span>{{ $mov['tipo_label'] }}
                                        </span>
                                    @else
                                        <span class="badge badge-phoenix fs-10 badge-phoenix-success">
                                            <span class="fas fa-plus me-1"></span>{{ $mov['tipo_label'] }}
                                        </span>
                                    @endif
                                @endif
                            </td>
                            <td class="align-middle">
                                <h6 class="mb-0 fw-semibold fs-9">
                                    <span class="text-body-emphasis">
                                        {{ \Carbon\Carbon::parse($mov['data'])->format('d/m/Y') }}
                                    </span>
                                </h6>
                            </td>
                            <td class="align-middle">
                                <div>
                                    <h6 class="mb-0 fw-semibold fs-9">
                                        @if($mov['conta_tipo'] === 'conta_a_receber' && $mov['conta_id'])
                                            <a  href="{{ route('contas-a-receber.edit', ['contaAReceber' => $mov['conta_id']]) }}"
                                                class="text-decoration-underline">
                                                {{ $mov['descricao'] }}
                                            </a>
                                        @elseif($mov['conta_tipo'] === 'conta_a_pagar' && $mov['conta_id'])
                                            <a  href="{{ route('contas-a-pagar.edit',   ['contaAPagar'    => $mov['conta_id']]) }}"
                                                class="text-decoration-underline text-danger">
                                                {{ $mov['descricao'] }}
                                            </a>
                                        @else
                                            {{ $mov['descricao'] }}
                                        @endif
                                    </h6>
                                </div>
                            </td>
                            <td class="align-middle">
                                <h6 class="mb-0 fw-semibold fs-9">
                                    <span class="text-body-emphasis fw-semibold">{{ $mov['empresa'] }}</span>
                                </h6>
                            </td>
                            <td class="align-middle">
                                <h6 class="mb-0 fw-semibold fs-9">
                                    <span class="text-body-secondary">{{ $mov['conta'] }}</span>
                                </h6>
                            </td>
                            <td class="align-middle text-end pe-3">
                                <h6 class="mb-0 fw-semibold fs-9">
                                    @if($mov['tipo'] === 'débito')
                                        <span class="text-danger fw-bold">- R$ {{ number_format(abs($mov['valor']), 2, ',', '.') }}</span>
                                    @else
                                        <span class="text-success fw-bold">+ R$ {{ number_format($mov['valor'], 2, ',', '.') }}</span>
                                    @endif
                                </h6>
                            </td>
                        </tr>
                        @empty
                        <tr>
                            <td colspan="6" class="text-center py-4">
                                <div class="text-body-secondary">
                                    <span class="fas fa-info-circle me-2"></span>
                                    Nenhuma movimentação encontrada para esta transferência.
                                </div>
                            </td>
                        </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>

        @php
            // Somar só as movimentações reais (conta_tipo ≠ transferencia)
            $totalDebitos  = $movimentacoes
                                ->where('tipo', 'débito')
                                ->where('conta_tipo', '!=', 'transferencia')
                                ->sum('valor');

            $totalCreditos = $movimentacoes
                                ->where('tipo', 'crédito')
                                ->where('conta_tipo', '!=', 'transferencia')
                                ->sum('valor');

            // Saldo final = saldo inicial + créditos reais – débitos reais
            $saldoLiquido  = $transferencia->valor + $totalCreditos - $totalDebitos;
        @endphp

        <!-- Footer com resumo -->
        <div class="card-footer bg-body-highlight">
            <div class="row text-center">
                <div class="col-md-4">
                    <div class="d-flex justify-content-center align-items-center">
                        <span class="fas fa-minus text-danger me-2"></span>
                        <div>
                            <p class="mb-0 text-body-secondary fs-8">Total Débitos</p>
                            <p class="mb-0 text-danger fw-bold">
                                R$ {{ number_format($totalDebitos, 2, ',', '.') }}
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="d-flex justify-content-center align-items-center">
                        <span class="fas fa-plus text-success me-2"></span>
                        <div>
                            <p class="mb-0 text-body-secondary fs-8">Total Créditos</p>
                            <p class="mb-0 text-success fw-bold">
                                R$ {{ number_format($totalCreditos, 2, ',', '.') }}
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="d-flex justify-content-center align-items-center">
                        <span class="fas fa-equals text-info me-2"></span>
                        <div>
                            <p class="mb-0 text-body-secondary fs-8">Saldo Líquido</p>
                            <p class="mb-0 text-body-emphasis fw-bold">
                                R$ {{ number_format($saldoLiquido, 2, ',', '.') }}
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Vinculações -->
    @if($transferencia->vinculacoesOrigem->count() > 0 || $transferencia->vinculacoesDestino->count() > 0)
    <div class="row g-3 mt-4">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <div class="row flex-between-end">
                        <div class="col-auto align-self-center">
                            <h5 class="mb-0">
                                <span class="fas fa-link text-primary me-2"></span>
                                Vinculações
                            </h5>
                        </div>
                        <div class="col-auto ms-auto">
                            @php
                                $totalVinculacoesOrigem = $transferencia->vinculacoesOrigem->count();
                                $totalVinculacoesDestino = $transferencia->vinculacoesDestino->count();
                                $totalVinculacoes = $totalVinculacoesOrigem + $totalVinculacoesDestino;
                            @endphp
                            <span class="badge badge-phoenix fs-10 badge-phoenix-info">
                                {{ $totalVinculacoes }} vinculação{{ $totalVinculacoes !== 1 ? 'ões' : '' }}
                            </span>
                        </div>
                    </div>
                </div>
                <div class="card-body">
                    <div class="row g-3">
                        <!-- Vinculações como Origem -->
                        @if($transferencia->vinculacoesOrigem->count() > 0)
                        <div class="col-12{{ $transferencia->vinculacoesDestino->count() > 0 ? ' col-lg-6' : '' }}">
                            <div class="card border-info h-100">
                                <div class="card-header bg-info-subtle">
                                    <div class="d-flex align-items-center">
                                        <span class="fas fa-arrow-right text-info me-2"></span>
                                        <h6 class="mb-0 text-info">Esta Transferência Vincula Com</h6>
                                    </div>
                                </div>
                                <div class="card-body">
                                    @foreach($transferencia->vinculacoesOrigem as $vinculacao)
                                    <div class="border rounded p-3{{ !$loop->last ? ' mb-3' : '' }}">
                                        <div class="row g-2">
                                            <div class="col-12">
                                                <div class="d-flex align-items-center justify-content-between">
                                                    <div class="d-flex align-items-center">
                                                        <span class="fas fa-exchange-alt text-primary me-2"></span>
                                                        <div>
                                                            <h6 class="mb-0">
                                                                <a href="{{ route('transferencias.show', $vinculacao->transferenciaDestino) }}{{ request()->getQueryString() ? '?' . request()->getQueryString() : '' }}" 
                                                                class="text-decoration-none">
                                                                    Transferência #{{ $vinculacao->transferenciaDestino->id }}
                                                                </a>
                                                            </h6>
                                                            <small class="text-body-secondary">
                                                                {{ \Carbon\Carbon::parse($vinculacao->transferenciaDestino->data)->format('d/m/Y') }}
                                                            </small>
                                                        </div>
                                                    </div>
                                                    <span class="badge bg-info">
                                                        R$ {{ number_format($vinculacao->valor_vinculado, 2, ',', '.') }}
                                                    </span>
                                                </div>
                                            </div>
                                            <div class="col-12">
                                                <p class="mb-2 text-body-secondary">
                                                    <strong>Descrição:</strong> {{ $vinculacao->transferenciaDestino->descricao }}
                                                </p>
                                            </div>
                                            <div class="col-12">
                                                <small class="text-body-secondary">
                                                    <strong>Empresas:</strong> 
                                                    {{ $vinculacao->transferenciaDestino->contaOrigem->empresa->nome_fantasia }} 
                                                    → {{ $vinculacao->transferenciaDestino->contaDestino->empresa->nome_fantasia }}
                                                </small>
                                            </div>
                                            @if($vinculacao->observacoes)
                                            <div class="col-12">
                                                <small class="text-body-secondary">
                                                    <strong>Observações:</strong> {{ $vinculacao->observacoes }}
                                                </small>
                                            </div>
                                            @endif
                                            <div class="col-12">
                                                <div class="d-flex align-items-center justify-content-between">
                                                    <small class="text-body-secondary">
                                                        <span class="fas fa-calendar me-1"></span>
                                                        Vinculada em {{ $vinculacao->data_vinculacao->format('d/m/Y \à\s H:i') }}
                                                    </small>
                                                    <form action="{{ route('transferencias.vinculacoes.destroy', [$transferencia, $vinculacao]) }}" 
                                                          method="POST" class="d-inline">
                                                        @csrf
                                                        @method('DELETE')
                                                        <button type="submit" 
                                                                class="btn btn-sm btn-outline-danger"
                                                                onclick="return confirm('Tem certeza que deseja remover esta vinculação?')"
                                                                title="Remover vinculação">
                                                            <span class="fas fa-unlink"></span>
                                                        </button>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                        @endif

                        <!-- Vinculações como Destino -->
                        @if($transferencia->vinculacoesDestino->count() > 0)
                        <div class="col-12{{ $transferencia->vinculacoesOrigem->count() > 0 ? ' col-lg-6' : '' }}">
                            <div class="card border-warning h-100">
                                <div class="card-header bg-warning-subtle">
                                    <div class="d-flex align-items-center">
                                        <span class="fas fa-arrow-left text-warning me-2"></span>
                                        <h6 class="mb-0 text-warning">Transferências que Vinculam a Esta</h6>
                                    </div>
                                </div>
                                <div class="card-body">
                                    @foreach($transferencia->vinculacoesDestino as $vinculacao)
                                    <div class="border rounded p-3{{ !$loop->last ? ' mb-3' : '' }}">
                                        <div class="row g-2">
                                            <div class="col-12">
                                                <div class="d-flex align-items-center justify-content-between">
                                                    <div class="d-flex align-items-center">
                                                        <span class="fas fa-exchange-alt text-primary me-2"></span>
                                                        <div>
                                                            <h6 class="mb-0">
                                                                <a href="{{ route('transferencias.show', $vinculacao->transferenciaOrigem) }}" 
                                                                   class="text-decoration-none">
                                                                    Transferência #{{ $vinculacao->transferenciaOrigem->id }}
                                                                </a>
                                                            </h6>
                                                            <small class="text-body-secondary">
                                                                {{ \Carbon\Carbon::parse($vinculacao->transferenciaOrigem->data)->format('d/m/Y') }}
                                                            </small>
                                                        </div>
                                                    </div>
                                                    <span class="badge bg-warning">
                                                        R$ {{ number_format($vinculacao->valor_vinculado, 2, ',', '.') }}
                                                    </span>
                                                </div>
                                            </div>
                                            <div class="col-12">
                                                <p class="mb-2 text-body-secondary">
                                                    <strong>Descrição:</strong> {{ $vinculacao->transferenciaOrigem->descricao }}
                                                </p>
                                            </div>
                                            <div class="col-12">
                                                <small class="text-body-secondary">
                                                    <strong>Empresas:</strong> 
                                                    {{ $vinculacao->transferenciaOrigem->contaOrigem->empresa->nome_fantasia }} 
                                                    → {{ $vinculacao->transferenciaOrigem->contaDestino->empresa->nome_fantasia }}
                                                </small>
                                            </div>
                                            @if($vinculacao->observacoes)
                                            <div class="col-12">
                                                <small class="text-body-secondary">
                                                    <strong>Observações:</strong> {{ $vinculacao->observacoes }}
                                                </small>
                                            </div>
                                            @endif
                                            <div class="col-12">
                                                <small class="text-body-secondary">
                                                    <span class="fas fa-calendar me-1"></span>
                                                    Vinculada em {{ $vinculacao->data_vinculacao->format('d/m/Y \à\s H:i') }}
                                                </small>
                                                <br>
                                                <small class="text-body-tertiary fst-italic">
                                                    <span class="fas fa-info-circle me-1"></span>
                                                    Apenas a transferência origem pode remover esta vinculação
                                                </small>
                                            </div>
                                        </div>
                                    </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
    @endif
</div>
@endsection