@extends('layouts.app')

@section('title', 'Relatório de Movimentação Financeira')

@section('content')
{{-- Header com Breadcrumb --}}
<div class="row gy-3 mb-6 justify-content-between">
    <div class="col-md-9 col-auto">
        <h2 class="mb-2 text-body-emphasis">Movimentação Financeira</h2>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb mb-0">
                <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li>
                <li class="breadcrumb-item">Gerencial</li>
                <li class="breadcrumb-item"><a href="{{ route('gerencial.movimentacao-financeira.index') }}">Movimentação Financeira</a></li>
                <li class="breadcrumb-item active">Relatório</li>
            </ol>
        </nav>
    </div>
    <div class="col-md-3 col-auto">
        <div class="d-flex gap-2 justify-content-md-end">
            <a href="{{ route('gerencial.movimentacao-financeira.index') }}" class="btn btn-phoenix-secondary">
                <span class="fa-solid fa-arrow-left me-2"></span>Voltar
            </a>
            <button type="button" class="btn btn-phoenix-primary" onclick="window.print()">
                <span class="fa-solid fa-print me-2"></span>Imprimir
            </button>
        </div>
    </div>
</div>

{{-- Informações do Filtro --}}
<div class="row mb-4">
    <div class="col-12">
        <div class="alert alert-subtle-primary d-flex align-items-center" role="alert">
            <span class="fa-solid fa-info-circle fs-5 me-3"></span>
            <div class="flex-1">
                <h6 class="alert-heading mb-1">Parâmetros do Relatório</h6>
                <p class="mb-0">
                    <strong>Período:</strong> {{ $dataInicial->format('d/m/Y') }} a {{ $dataFinal->format('d/m/Y') }}
                    @if($empresa)
                        <span class="mx-2">•</span>
                        <strong>Empresa:</strong> {{ $empresa->nome_fantasia ?? $empresa->razao_social }}
                    @endif
                    @if($contaBancaria)
                        <span class="mx-2">•</span>
                        <strong>Conta:</strong> {{ $contaBancaria->banco }} Ag: {{ $contaBancaria->agencia }} CC: {{ $contaBancaria->conta_corrente }}
                    @endif
                    @if(isset($filtros['tipo_movimentacao']) && $filtros['tipo_movimentacao'])
                        <span class="mx-2">•</span>
                        <strong>Tipo:</strong>
                        @if($filtros['tipo_movimentacao'] == 'entrada')
                            Apenas Entradas
                        @elseif($filtros['tipo_movimentacao'] == 'saida')
                            Apenas Saídas
                        @elseif($filtros['tipo_movimentacao'] == 'transferencia')
                            Apenas Transferências
                        @endif
                    @endif
                </p>
            </div>
        </div>
    </div>
</div>

{{-- Cards de Resumo --}}
<div class="row g-3 mb-4">
    {{-- Card Saldo Inicial --}}
    <div class="col-12 col-sm-6 col-xxl-3">
        <div class="card h-100">
            <div class="card-body">
                <div class="d-flex align-items-center mb-3">
                    <div class="avatar avatar-2xl">
                        <div class="avatar-name {{ $saldoInicial >= 0 ? 'bg-success-subtle text-success' : 'bg-danger-subtle text-danger' }} rounded-circle">
                            <span class="fs-7 fas fa-coins"></span>
                        </div>
                    </div>
                    <div class="flex-1 ms-3">
                        <h5 class="mb-0 text-body-tertiary">Saldo Inicial</h5>
                        <div class="d-flex align-items-center">
                            <h3 class="mb-0 {{ $saldoInicial >= 0 ? 'text-success' : 'text-danger' }}">
                                R$ {{ number_format(abs($saldoInicial), 2, ',', '.') }}
                            </h3>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{-- Card Total Movimentações --}}
    <div class="col-12 col-sm-6 col-xxl-3">
        <div class="card h-100">
            <div class="card-body">
                <div class="d-flex align-items-center mb-3">
                    <div class="avatar avatar-2xl">
                        <div class="avatar-name bg-warning-subtle text-warning rounded-circle">
                            <span class="fs-7 fas fa-exchange-alt"></span>
                        </div>
                    </div>
                    <div class="flex-1 ms-3">
                        <h5 class="mb-0 text-body-tertiary">Total de Movimentações</h5>
                        <div class="d-flex align-items-center">
                            <h3 class="mb-0 text-body-emphasis">{{ $movimentacoes->count() }}</h3>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{-- Card Volume Total --}}
    <div class="col-12 col-sm-6 col-xxl-3">
        <div class="card h-100">
            <div class="card-body">
                <div class="d-flex align-items-center mb-3">
                    <div class="avatar avatar-2xl">
                        <div class="avatar-name bg-info-subtle text-info rounded-circle">
                            <span class="fs-7 fas fa-chart-line"></span>
                        </div>
                    </div>
                    <div class="flex-1 ms-3">
                        <h5 class="mb-0 text-body-tertiary">Volume Total</h5>
                        <div class="d-flex align-items-center">
                            @php
                                $totalEntradas = $movimentacoes->whereIn('tipo_movimento', ['entrada'])->sum('valor');
                                $totalSaidas = $movimentacoes->whereIn('tipo_movimento', ['saida'])->sum('valor');
                                $totalTransferencias = $movimentacoes->where('tipo_movimento', 'transferencia')->sum('valor');
                                $volumeTotal = $totalEntradas + $totalSaidas + $totalTransferencias;
                            @endphp
                            <h3 class="mb-0 text-body-emphasis">
                                R$ {{ number_format($volumeTotal, 2, ',', '.') }}
                            </h3>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{-- Card Saldo Final --}}
    <div class="col-12 col-sm-6 col-xxl-3">
        <div class="card h-100">
            <div class="card-body">
                <div class="d-flex align-items-center mb-3">
                    <div class="avatar avatar-2xl">
                        <div class="avatar-name {{ $saldoFinal >= 0 ? 'bg-success-subtle text-success' : 'bg-danger-subtle text-danger' }} rounded-circle">
                            <span class="fs-7 fas fa-wallet"></span>
                        </div>
                    </div>
                    <div class="flex-1 ms-3">
                        <h5 class="mb-0 text-body-tertiary">Saldo Final</h5>
                        <div class="d-flex align-items-center">
                            <h3 class="mb-0 {{ $saldoFinal >= 0 ? 'text-success' : 'text-danger' }}">
                                R$ {{ number_format(abs($saldoFinal), 2, ',', '.') }}
                            </h3>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

{{-- Resumo Rápido --}}
<div class="row g-3 mb-4">
    <div class="col-12">
        <div class="card">
            <div class="card-body py-3">
                <div class="row g-3 align-items-center">
                    <div class="col-md-auto">
                        <div class="d-flex align-items-center">
                            <div class="fa-stack fa-1x me-2">
                                <span class="fas fa-circle fa-stack-2x text-success-subtle"></span>
                                <span class="fas fa-arrow-up fa-stack-1x text-success"></span>
                            </div>
                            <div>
                                <h6 class="mb-0 text-body-tertiary">Total Entradas</h6>
                                <h5 class="mb-0 text-success">R$ {{ number_format($totalEntradas ?? 0, 2, ',', '.') }}</h5>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-auto">
                        <div class="vr d-none d-md-block h-100"></div>
                        <hr class="d-md-none my-2">
                    </div>
                    <div class="col-md-auto">
                        <div class="d-flex align-items-center">
                            <div class="fa-stack fa-1x me-2">
                                <span class="fas fa-circle fa-stack-2x text-danger-subtle"></span>
                                <span class="fas fa-arrow-down fa-stack-1x text-danger"></span>
                            </div>
                            <div>
                                <h6 class="mb-0 text-body-tertiary">Total Saídas</h6>
                                <h5 class="mb-0 text-danger">R$ {{ number_format($totalSaidas ?? 0, 2, ',', '.') }}</h5>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-auto">
                        <div class="vr d-none d-md-block h-100"></div>
                        <hr class="d-md-none my-2">
                    </div>
                    <div class="col-md-auto">
                        <div class="d-flex align-items-center">
                            <div class="fa-stack fa-1x me-2">
                                <span class="fas fa-circle fa-stack-2x text-primary-subtle"></span>
                                <span class="fas fa-balance-scale fa-stack-1x text-primary"></span>
                            </div>
                            <div>
                                <h6 class="mb-0 text-body-tertiary">Saldo do Período</h6>
                                <h5 class="mb-0 {{ (($totalEntradas ?? 0) - ($totalSaidas ?? 0)) >= 0 ? 'text-success' : 'text-danger' }}">
                                    R$ {{ number_format((($totalEntradas ?? 0) - ($totalSaidas ?? 0)), 2, ',', '.') }}
                                </h5>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

{{-- Tabela de Movimentações --}}
<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-header border-bottom border-translucent">
                <div class="row align-items-center">
                    <div class="col">
                        <h5 class="mb-0">Movimentações Detalhadas</h5>
                        <p class="mb-0 text-body-tertiary small">Ordenado por data crescente</p>
                    </div>
                    <div class="col-auto">
                        <div class="d-flex gap-2">
                            <div class="search-box">
                                <form class="position-relative">
                                    <input class="form-control search-input search form-control-sm" type="search"
                                           placeholder="Buscar..." aria-label="Search" id="searchMovimentacao">
                                    <span class="fas fa-search search-box-icon"></span>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="card-body p-0">
                <div class="table-responsive scrollbar mx-n1 px-1">
                    <table class="table fs-9 mb-0 border-top border-translucent" id="tabelaMovimentacao">
                        <thead>
                            <tr>
                                <th class="sort white-space-nowrap align-middle" scope="col" data-sort="data" style="width:10%">DATA</th>
                                <th class="sort align-middle" scope="col" data-sort="tipo" style="width:12%">TIPO</th>
                                <th class="sort align-middle" scope="col" data-sort="historico" style="width:35%">HISTÓRICO</th>
                                <th class="sort align-middle" scope="col" data-sort="empresa" style="width:15%">EMPRESA</th>
                                <th class="sort align-middle text-end" scope="col" data-sort="entrada" style="width:10%">ENTRADA</th>
                                <th class="sort align-middle text-end" scope="col" data-sort="saida" style="width:10%">SAÍDA</th>
                                <th class="sort align-middle text-end" scope="col" data-sort="saldo" style="width:10%">SALDO</th>
                                <th class="text-center align-middle" scope="col" style="width:5%">AÇÕES</th>
                            </tr>
                        </thead>
                        <tbody class="list">
                            {{-- Saldo Inicial --}}
                            <tr class="hover-primary-bg">
                                <td class="align-middle data white-space-nowrap text-body-tertiary">
                                    <div class="d-flex align-items-center gap-2">
                                        <div class="fa-stack" style="--phoenix-fa-stack-width: 1.5rem; --phoenix-fa-stack-height: 1.5rem;">
                                            <span class="fa-solid fa-square fa-stack-2x text-info-subtle"></span>
                                            <span class="fa-solid fa-flag fa-stack-1x text-info" data-fa-transform="shrink-4"></span>
                                        </div>
                                        <h6 class="mb-0 text-body">{{ $dataInicial->format('d/m/Y') }}</h6>
                                    </div>
                                </td>
                                <td class="align-middle tipo">
                                    <span class="badge badge-phoenix badge-phoenix-info">SALDO INICIAL</span>
                                </td>
                                <td class="align-middle historico fw-semibold text-body-emphasis">
                                    Saldo inicial do período
                                </td>
                                <td class="align-middle empresa">-</td>
                                <td class="align-middle entrada text-end">-</td>
                                <td class="align-middle saida text-end">-</td>
                                <td class="align-middle saldo text-end fw-bold {{ $saldoInicial >= 0 ? 'text-success' : 'text-danger' }}">
                                    R$ {{ number_format($saldoInicial, 2, ',', '.') }}
                                </td>
                                <td class="align-middle text-center">-</td>
                            </tr>

                            @forelse($movimentacoes as $index => $mov)
                                <tr class="hover-actions-trigger btn-reveal-trigger position-static">
                                    <td class="align-middle data white-space-nowrap text-body-tertiary">
                                        <h6 class="mb-0 text-body ms-2">{{ $mov['data']->format('d/m/Y') }}</h6>
                                    </td>
                                    <td class="align-middle tipo">
                                        @if($mov['tipo'] == 'Pagamento')
                                            <span class="badge badge-phoenix badge-phoenix-danger">
                                                <span class="badge-label">{{ $mov['tipo'] }}</span>
                                            </span>
                                        @elseif($mov['tipo'] == 'Recebimento')
                                            <span class="badge badge-phoenix badge-phoenix-success">
                                                <span class="badge-label">{{ $mov['tipo'] }}</span>
                                            </span>
                                        @elseif($mov['tipo'] == 'Estorno')
                                            <span class="badge badge-phoenix badge-phoenix-warning">
                                                <span class="badge-label">{{ $mov['tipo'] }}</span>
                                            </span>
                                        @elseif(str_contains($mov['tipo'], 'Transferência'))
                                            <span class="badge badge-phoenix badge-phoenix-primary">
                                                <span class="badge-label">{{ $mov['tipo'] }}</span>
                                            </span>
                                        @else
                                            <span class="badge badge-phoenix badge-phoenix-secondary">
                                                <span class="badge-label">{{ $mov['tipo'] }}</span>
                                            </span>
                                        @endif
                                    </td>
                                    <td class="align-middle historico">
                                        <p class="mb-0 text-body-highlight">
                                            @if(strlen($mov['historico']) > 80)
                                                {{ Str::limit($mov['historico'], 80) }}
                                                <a href="#" class="text-primary small" data-bs-toggle="modal"
                                                   data-bs-target="#modalHistorico{{ $index }}">
                                                    Ver mais
                                                </a>
                                            @else
                                                {{ $mov['historico'] }}
                                            @endif
                                        </p>
                                    </td>
                                    <td class="align-middle empresa">
                                        <h6 class="mb-0 text-body">
                                            {{ Str::limit($mov['empresa']->nome_fantasia ?? $mov['empresa']->razao_social ?? '-', 25) }}
                                        </h6>
                                    </td>
                                    <td class="align-middle entrada text-end">
                                        @if($mov['tipo_movimento'] == 'entrada')
                                            <h6 class="mb-0 text-success">
                                                + R$ {{ number_format($mov['valor'], 2, ',', '.') }}
                                            </h6>
                                        @else
                                            <span class="text-body-tertiary">-</span>
                                        @endif
                                    </td>
                                    <td class="align-middle saida text-end">
                                        @if($mov['tipo_movimento'] == 'saida')
                                            <h6 class="mb-0 text-danger">
                                                - R$ {{ number_format($mov['valor'], 2, ',', '.') }}
                                            </h6>
                                        @else
                                            <span class="text-body-tertiary">-</span>
                                        @endif
                                    </td>
                                    <td class="align-middle saldo text-end">
                                        <h6 class="mb-0 fw-bold {{ $mov['saldo'] >= 0 ? 'text-success' : 'text-danger' }}">
                                            R$ {{ number_format($mov['saldo'], 2, ',', '.') }}
                                        </h6>
                                    </td>
                                    <td class="align-middle text-center">
                                        <div class="btn-reveal-trigger position-static">
                                            <button class="btn btn-sm dropdown-toggle dropdown-caret-none transition-none btn-reveal fs-10"
                                                    type="button" data-bs-toggle="dropdown" data-boundary="window"
                                                    aria-haspopup="true" aria-expanded="false" data-bs-reference="parent">
                                                <span class="fas fa-ellipsis fs-10"></span>
                                            </button>
                                            <div class="dropdown-menu dropdown-menu-end py-2">
                                                <a class="dropdown-item" href="#" data-bs-toggle="modal"
                                                data-bs-target="#modalDetalhes{{ $index }}">
                                                    <span class="fas fa-eye me-2"></span>Ver Detalhes
                                                </a>
                                                @if($mov['transferencia'] && str_contains($mov['tipo'], 'Transferência'))
                                                    <a class="dropdown-item" href="#" data-bs-toggle="modal"
                                                    data-bs-target="#modalTransferenciaDetalhes{{ $mov['transferencia']->id }}">
                                                        <span class="fas fa-exchange-alt me-2"></span>Detalhes da Transferência
                                                    </a>
                                                @endif
                                                @if($mov['transferencia'] && ($mov['transferencia']->vinculacoesOrigem->count() > 0 || $mov['transferencia']->vinculacoesDestino->count() > 0))
                                                    <a class="dropdown-item" href="#" data-bs-toggle="modal"
                                                    data-bs-target="#modalVinculacao{{ $mov['transferencia']->id }}">
                                                        <span class="fas fa-link me-2"></span>Ver Vinculações
                                                    </a>
                                                @endif
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="8" class="text-center py-4">
                                        <div class="text-body-tertiary">
                                            <span class="fas fa-inbox fa-3x mb-3 d-block"></span>
                                            <h5>Nenhuma movimentação encontrada</h5>
                                            <p class="mb-0">Não há movimentações no período selecionado.</p>
                                        </div>
                                    </td>
                                </tr>
                            @endforelse

                            {{-- Saldo Final --}}
                            <tr class="hover-primary-bg">
                                <td class="align-middle data white-space-nowrap text-body-tertiary">
                                    <div class="d-flex align-items-center gap-2">
                                        <div class="fa-stack" style="--phoenix-fa-stack-width: 1.5rem; --phoenix-fa-stack-height: 1.5rem;">
                                            <span class="fa-solid fa-square fa-stack-2x text-success-subtle"></span>
                                            <span class="fa-solid fa-flag-checkered fa-stack-1x text-success" data-fa-transform="shrink-4"></span>
                                        </div>
                                        <h6 class="mb-0 text-body">{{ $dataFinal->format('d/m/Y') }}</h6>
                                    </div>
                                </td>
                                <td class="align-middle tipo">
                                    <span class="badge badge-phoenix badge-phoenix-success">SALDO FINAL</span>
                                </td>
                                <td class="align-middle historico fw-semibold text-body-emphasis">
                                    Saldo final do período
                                </td>
                                <td class="align-middle empresa">-</td>
                                <td class="align-middle entrada text-end">-</td>
                                <td class="align-middle saida text-end">-</td>
                                <td class="align-middle saldo text-end fw-bold {{ $saldoFinal >= 0 ? 'text-success' : 'text-danger' }}">
                                    R$ {{ number_format($saldoFinal, 2, ',', '.') }}
                                </td>
                                <td class="align-middle text-center">-</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

{{-- Modais de Histórico Completo --}}
@foreach($movimentacoes as $index => $mov)
    @if(strlen($mov['historico']) > 80)
        <div class="modal fade" id="modalHistorico{{ $index }}" tabindex="-1">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">
                            <span class="fas fa-file-alt me-2"></span>
                            Histórico Completo
                        </h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                    </div>
                    <div class="modal-body">
                        <p class="mb-0">{{ $mov['historico'] }}</p>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fechar</button>
                    </div>
                </div>
            </div>
        </div>
    @endif
@endforeach

{{-- Modais de Detalhes --}}
@foreach($movimentacoes as $index => $mov)
    <div class="modal fade" id="modalDetalhes{{ $index }}" tabindex="-1">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">
                        <span class="fas fa-info-circle me-2"></span>
                        Detalhes da Movimentação
                    </h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <div class="row g-3">
                        <div class="col-md-6">
                            <h6 class="text-body-tertiary mb-1">Data</h6>
                            <p class="mb-3">{{ $mov['data']->format('d/m/Y') }}</p>
                        </div>
                        <div class="col-md-6">
                            <h6 class="text-body-tertiary mb-1">Tipo</h6>
                            <p class="mb-3">
                                @if($mov['tipo'] == 'Pagamento')
                                    <span class="badge badge-phoenix badge-phoenix-danger">{{ $mov['tipo'] }}</span>
                                @elseif($mov['tipo'] == 'Recebimento')
                                    <span class="badge badge-phoenix badge-phoenix-success">{{ $mov['tipo'] }}</span>
                                @elseif($mov['tipo'] == 'Estorno')
                                    <span class="badge badge-phoenix badge-phoenix-warning">{{ $mov['tipo'] }}</span>
                                @elseif(str_contains($mov['tipo'], 'Transferência'))
                                    <span class="badge badge-phoenix badge-phoenix-primary">{{ $mov['tipo'] }}</span>
                                @else
                                    <span class="badge badge-phoenix badge-phoenix-secondary">{{ $mov['tipo'] }}</span>
                                @endif
                            </p>
                        </div>
                        <div class="col-12">
                            <h6 class="text-body-tertiary mb-1">Histórico</h6>
                            <p class="mb-3">{{ $mov['historico'] }}</p>
                        </div>
                        <div class="col-md-6">
                            <h6 class="text-body-tertiary mb-1">Empresa</h6>
                            <p class="mb-3">{{ $mov['empresa']->razao_social ?? '-' }}</p>
                        </div>
                        <div class="col-md-6">
                            <h6 class="text-body-tertiary mb-1">Conta Bancária</h6>
                            <p class="mb-3">
                                @if($mov['conta_bancaria'])
                                    {{ $mov['conta_bancaria']->banco }} -
                                    Ag: {{ $mov['conta_bancaria']->agencia }} -
                                    CC: {{ $mov['conta_bancaria']->conta_corrente }}
                                @else
                                    -
                                @endif
                            </p>
                        </div>
                        <div class="col-md-4">
                            <h6 class="text-body-tertiary mb-1">Valor</h6>
                            <p class="mb-3 {{ $mov['tipo_movimento'] == 'entrada' ? 'text-success' : 'text-danger' }} fw-bold">
                                {{ $mov['tipo_movimento'] == 'entrada' ? '+' : '-' }} R$ {{ number_format($mov['valor'], 2, ',', '.') }}
                            </p>
                        </div>
                        <div class="col-md-4">
                            <h6 class="text-body-tertiary mb-1">Saldo após Movimento</h6>
                            <p class="mb-3 {{ $mov['saldo'] >= 0 ? 'text-success' : 'text-danger' }} fw-bold">
                                R$ {{ number_format($mov['saldo'], 2, ',', '.') }}
                            </p>
                        </div>
                        <div class="col-md-4">
                            <h6 class="text-body-tertiary mb-1">Origem</h6>
                            <p class="mb-3">
                                @if(isset($mov['origem']))
                                    @if($mov['origem'] == 'pagamento')
                                        <span class="badge badge-phoenix badge-phoenix-danger">Conta a Pagar</span>
                                    @elseif($mov['origem'] == 'recebimento')
                                        <span class="badge badge-phoenix badge-phoenix-success">Conta a Receber</span>
                                    @elseif(str_contains($mov['origem'], 'transferencia'))
                                        <span class="badge badge-phoenix badge-phoenix-primary">Transferência</span>
                                    @endif
                                @else
                                    <span class="badge badge-phoenix badge-phoenix-secondary">Não identificada</span>
                                @endif
                            </p>
                        </div>

                        {{-- Informações Específicas por Tipo --}}
                        @if(isset($mov['origem']) && $mov['origem'] == 'pagamento' && isset($mov['modelo']))
                            <div class="col-12">
                                <hr>
                                <h6 class="text-body-emphasis mb-3">Informações do Pagamento</h6>
                            </div>
                            @if($mov['modelo']->contaAPagar->fornecedor)
                                <div class="col-md-6">
                                    <h6 class="text-body-tertiary mb-1">Fornecedor</h6>
                                    <p class="mb-3">{{ $mov['modelo']->contaAPagar->fornecedor->razao_social }}</p>
                                </div>
                            @endif
                            @if($mov['modelo']->contaAPagar->evento)
                                <div class="col-md-6">
                                    <h6 class="text-body-tertiary mb-1">Evento</h6>
                                    <p class="mb-3">{{ $mov['modelo']->contaAPagar->evento->nome }}</p>
                                </div>
                            @endif
                            @if($mov['modelo']->contaAPagar->numero_documento)
                                <div class="col-md-6">
                                    <h6 class="text-body-tertiary mb-1">Nº Documento</h6>
                                    <p class="mb-3">{{ $mov['modelo']->contaAPagar->numero_documento }}</p>
                                </div>
                            @endif
                        @elseif(isset($mov['origem']) && $mov['origem'] == 'recebimento' && isset($mov['modelo']))
                            <div class="col-12">
                                <hr>
                                <h6 class="text-body-emphasis mb-3">Informações do Recebimento</h6>
                            </div>
                            @if($mov['modelo']->contaAReceber->cliente)
                                <div class="col-md-6">
                                    <h6 class="text-body-tertiary mb-1">Cliente</h6>
                                    <p class="mb-3">{{ $mov['modelo']->contaAReceber->cliente->razao_social }}</p>
                                </div>
                            @endif
                            @if($mov['modelo']->contaAReceber->evento)
                                <div class="col-md-6">
                                    <h6 class="text-body-tertiary mb-1">Evento</h6>
                                    <p class="mb-3">{{ $mov['modelo']->contaAReceber->evento->nome }}</p>
                                </div>
                            @endif
                            @if($mov['modelo']->contaAReceber->numero_documento)
                                <div class="col-md-6">
                                    <h6 class="text-body-tertiary mb-1">Nº Documento</h6>
                                    <p class="mb-3">{{ $mov['modelo']->contaAReceber->numero_documento }}</p>
                                </div>
                            @endif
                        @endif
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fechar</button>
                </div>
            </div>
        </div>
    </div>
@endforeach

{{-- Modais de Vinculações --}}
@foreach($movimentacoes as $mov)
    @if($mov['transferencia'] && ($mov['transferencia']->vinculacoesOrigem->count() > 0 || $mov['transferencia']->vinculacoesDestino->count() > 0))
        <div class="modal fade" id="modalVinculacao{{ $mov['transferencia']->id }}" tabindex="-1">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">
                            <span class="fas fa-link me-2"></span>
                            Vinculações da Transferência #{{ $mov['transferencia']->id }}
                        </h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                    </div>
                    <div class="modal-body">
                        @if($mov['transferencia']->vinculacoesOrigem->count() > 0)
                            <div class="mb-4">
                                <h6 class="text-body-emphasis mb-3">
                                    <span class="fas fa-arrow-right text-primary me-2"></span>
                                    Esta transferência vincula com:
                                </h6>
                                <div class="list-group">
                                    @foreach($mov['transferencia']->vinculacoesOrigem as $vinc)
                                        <div class="list-group-item">
                                            <div class="d-flex justify-content-between align-items-start">
                                                <div class="ms-2 me-auto">
                                                    <div class="fw-bold">
                                                        Transferência #{{ $vinc->transferencia_destino_id }}
                                                    </div>
                                                    @if($vinc->observacoes)
                                                        <small class="text-body-tertiary">{{ $vinc->observacoes }}</small>
                                                    @endif
                                                </div>
                                                <span class="badge bg-primary rounded-pill">
                                                    R$ {{ number_format($vinc->valor_vinculado, 2, ',', '.') }}
                                                </span>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        @endif

                        @if($mov['transferencia']->vinculacoesDestino->count() > 0)
                            <div>
                                <h6 class="text-body-emphasis mb-3">
                                    <span class="fas fa-arrow-left text-info me-2"></span>
                                    Transferências que vinculam com esta:
                                </h6>
                                <div class="list-group">
                                    @foreach($mov['transferencia']->vinculacoesDestino as $vinc)
                                        <div class="list-group-item">
                                            <div class="d-flex justify-content-between align-items-start">
                                                <div class="ms-2 me-auto">
                                                    <div class="fw-bold">
                                                        Transferência #{{ $vinc->transferencia_origem_id }}
                                                    </div>
                                                    @if($vinc->observacoes)
                                                        <small class="text-body-tertiary">{{ $vinc->observacoes }}</small>
                                                    @endif
                                                </div>
                                                <span class="badge bg-info rounded-pill">
                                                    R$ {{ number_format($vinc->valor_vinculado, 2, ',', '.') }}
                                                </span>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        @endif
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fechar</button>
                    </div>
                </div>
            </div>
        </div>
    @endif
@endforeach

{{-- CSS Customizado --}}
<style>
    @media print {
        .navbar,
        .navbar-vertical,
        .btn,
        .breadcrumb,
        .modal,
        .dropdown,
        .search-box,
        .btn-reveal-trigger {
            display: none !important;
        }

        .card {
            border: none !important;
            box-shadow: none !important;
            page-break-inside: avoid;
        }

        .table {
            font-size: 10px;
        }

        .badge {
            border: 1px solid #000 !important;
            color: #000 !important;
            background-color: #fff !important;
        }

        .avatar {
            display: none !important;
        }
    }

    .hover-primary-bg:hover {
        background-color: var(--phoenix-primary-bg-subtle);
    }

    .table > :not(caption) > * > * {
        padding: .75rem .5rem;
    }

    #searchMovimentacao {
        width: 200px;
    }
</style>

{{-- Incluir Modais de Detalhes de Transferência --}}
@foreach($movimentacoes as $mov)
    @include('gerencial.movimentacao-financeira.partials.modal-detalhes-transferencia', ['mov' => $mov])
@endforeach

@endsection

@push('scripts-custom')
<script>
    // Inicializar tooltips
    var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
    var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
        return new bootstrap.Tooltip(tooltipTriggerEl)
    });

    // Busca na tabela
    document.getElementById('searchMovimentacao').addEventListener('keyup', function() {
        const searchTerm = this.value.toLowerCase();
        const rows = document.querySelectorAll('#tabelaMovimentacao tbody tr:not(:first-child):not(:last-child)');

        rows.forEach(row => {
            const text = row.textContent.toLowerCase();
            row.style.display = text.includes(searchTerm) ? '' : 'none';
        });
    });
</script>
@endpush