@extends('layouts.app')

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

@section('content')
{{-- Header com Breadcrumb --}}
<div class="content movimentacoes-content">
    <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>
                <a href="{{ route('gerencial.movimentacao-financeira.relatorio-pdf', $filtros) }}" class="btn btn-phoenix-primary" target="_blank">
                    <span class="fa-solid fa-file-pdf me-2"></span>PDF
                </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 (Removido Volume Total) --}}
    <div class="row g-3 mb-4">
        {{-- Card Saldo Inicial --}}
        <div class="col-12 col-sm-6 col-lg-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-lg-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 Saldo Final --}}
        <div class="col-12 col-sm-6 col-lg-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 --}}
    @php
        $totalEntradas = $movimentacoes->whereIn('tipo_movimento', ['entrada'])->sum('valor');
        $totalSaidas = $movimentacoes->whereIn('tipo_movimento', ['saida'])->sum('valor');
    @endphp
    <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="white-space-nowrap align-middle ps-3" scope="col" style="width:3%"></th>
                                    <th class="sort white-space-nowrap align-middle" scope="col" data-sort="id" style="width:7%">ID</th>
                                    <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:26%">HISTÓRICO</th>
                                    <th class="sort align-middle" scope="col" data-sort="empresa" style="width:14%">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 ps-3"></td>
                                    <td class="align-middle text-center">-</td>
                                    <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)
                                    @php
                                        // Identificar se tem vínculos
                                        $temVinculos = false;
                                        $vinculos = collect();

                                        if(isset($mov['transferencia']) && $mov['transferencia']) {
                                            // Verificar vinculações de transferência
                                            if($mov['transferencia']->vinculacoesOrigem->count() > 0 ||
                                            $mov['transferencia']->vinculacoesDestino->count() > 0) {
                                                $temVinculos = true;
                                            }

                                            // Verificar contas vinculadas
                                            if($mov['transferencia']->contaAPagar || $mov['transferencia']->contaAReceber ||
                                            $mov['transferencia']->pagamentos->count() > 0 ||
                                            $mov['transferencia']->recebimentos->count() > 0) {
                                                $temVinculos = true;
                                            }
                                        }
                                    @endphp

                                    <tr class="hover-actions-trigger btn-reveal-trigger position-static" data-row-index="{{ $index }}">
                                        <td class="align-middle ps-3">
                                            @if($temVinculos)
                                                <button class="btn btn-sm btn-phoenix-secondary btn-expand"
                                                        data-index="{{ $index }}"
                                                        data-expanded="false">
                                                    <span class="fas fa-plus fs-10"></span>
                                                </button>
                                            @endif
                                        </td>
                                        <td class="align-middle text-center">
                                            <h6 class="mb-0 text-body-highlight">
                                                @if(isset($mov['documento_id']))
                                                    #{{ $mov['documento_id'] }}
                                                @else
                                                    -
                                                @endif
                                            </h6>
                                        </td>
                                        <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' || $mov['tipo'] == 'Estorno de Pagamento')
                                                <span class="badge badge-phoenix badge-phoenix-success">
                                                    <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

                                                {{-- Indicador especial para folha de pagamento --}}
                                                @if(isset($mov['modelo']) && isset($mov['modelo']->contaAPagar) && $mov['modelo']->contaAPagar->plano_de_conta_id == 30)
                                                    <span class="badge badge-phoenix badge-phoenix-info ms-2">
                                                        <i class="fas fa-users fs-10"></i> Folha
                                                    </span>
                                                @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')
                                                @if($mov['tipo'] == 'Estorno de Pagamento')
                                                    <h6 class="mb-0 text-warning">
                                                        + R$ {{ number_format($mov['valor'], 2, ',', '.') }}
                                                        <small class="d-block fst-italic">estorno</small>
                                                    </h6>
                                                @else
                                                    <h6 class="mb-0 text-success">
                                                        + R$ {{ number_format($mov['valor'], 2, ',', '.') }}
                                                        {{-- COMENTADO: Exibição de juros e multa
                                                        @if(isset($mov['juros']) && $mov['juros'] > 0 || isset($mov['multa']) && $mov['multa'] > 0)
                                                            <small class="d-block text-success-emphasis">
                                                                @if($mov['juros'] > 0)
                                                                    J: R$ {{ number_format($mov['juros'], 2, ',', '.') }}
                                                                @endif
                                                                @if($mov['multa'] > 0)
                                                                    @if($mov['juros'] > 0) | @endif
                                                                    M: R$ {{ number_format($mov['multa'], 2, ',', '.') }}
                                                                @endif
                                                            </small>
                                                        @endif
                                                        --}}
                                                    </h6>
                                                @endif
                                            @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, ',', '.') }}
                                                    {{-- COMENTADO: Exibição de juros e multa
                                                    @if(isset($mov['juros']) && $mov['juros'] > 0 || isset($mov['multa']) && $mov['multa'] > 0)
                                                        <small class="d-block text-danger-emphasis">
                                                            @if($mov['juros'] > 0)
                                                                J: R$ {{ number_format($mov['juros'], 2, ',', '.') }}
                                                            @endif
                                                            @if($mov['multa'] > 0)
                                                                @if($mov['juros'] > 0) | @endif
                                                                M: R$ {{ number_format($mov['multa'], 2, ',', '.') }}
                                                            @endif
                                                        </small>
                                                    @endif
                                                    --}}
                                                </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
                                                </div>
                                            </div>
                                        </td>
                                    </tr>

                                    {{-- Linhas de Vínculos (inicialmente ocultas) --}}
                                    @if($temVinculos && $mov['transferencia'])
                                        @php
                                            $contasAPagar = collect();
                                            $contasAReceber = collect();

                                            // Coletar contas a pagar
                                            if($mov['transferencia']->contaAPagar) {
                                                $contasAPagar->push($mov['transferencia']->contaAPagar);
                                            }
                                            foreach($mov['transferencia']->pagamentos as $pagamento) {
                                                if($pagamento->contaAPagar && !$contasAPagar->contains('id', $pagamento->contaAPagar->id)) {
                                                    $contasAPagar->push($pagamento->contaAPagar);
                                                }
                                            }

                                            // Coletar contas a receber
                                            if($mov['transferencia']->contaAReceber) {
                                                $contasAReceber->push($mov['transferencia']->contaAReceber);
                                            }
                                            foreach($mov['transferencia']->recebimentos as $recebimento) {
                                                if($recebimento->contaAReceber && !$contasAReceber->contains('id', $recebimento->contaAReceber->id)) {
                                                    $contasAReceber->push($recebimento->contaAReceber);
                                                }
                                            }
                                        @endphp

                                        {{-- Contas a Pagar Vinculadas --}}
                                        @foreach($contasAPagar as $contaPagar)
                                            <tr class="vinculo-row d-none bg-light-subtle" data-parent-index="{{ $index }}">
                                                <td class="align-middle ps-3"></td>
                                                <td class="align-middle text-center">
                                                    <small class="text-body-tertiary">#{{ $contaPagar->id }}</small>
                                                </td>
                                                <td class="align-middle ps-4">
                                                    <span class="fas fa-link text-body-tertiary me-2"></span>
                                                </td>
                                                <td class="align-middle">
                                                    <span class="badge badge-phoenix badge-phoenix-secondary">
                                                        <span class="badge-label">Conta a Pagar</span>
                                                    </span>
                                                </td>
                                                <td class="align-middle">
                                                    <p class="mb-0 text-body-tertiary small">
                                                        <strong>#{{ $contaPagar->id }}</strong> -
                                                        {{ $contaPagar->fornecedor->razao_social ?? 'N/A' }} -
                                                        {{ Str::limit($contaPagar->descricao, 50) }}
                                                    </p>
                                                </td>
                                                <td class="align-middle">
                                                    <small class="text-body-tertiary">{{ $contaPagar->empresa->nome_fantasia ?? '-' }}</small>
                                                </td>
                                                <td class="align-middle text-end">
                                                    <span class="text-body-tertiary">-</span>
                                                </td>
                                                <td class="align-middle text-end">
                                                    <span class="text-body-tertiary small">R$ {{ number_format($contaPagar->valor, 2, ',', '.') }}</span>
                                                </td>
                                                <td class="align-middle text-end">
                                                    <small class="text-body-tertiary fst-italic">informação gerencial</small>
                                                </td>
                                                <td class="align-middle text-center">-</td>
                                            </tr>
                                        @endforeach

                                        {{-- Contas a Receber Vinculadas --}}
                                        @foreach($contasAReceber as $contaReceber)
                                            <tr class="vinculo-row d-none bg-light-subtle" data-parent-index="{{ $index }}">
                                                <td class="align-middle ps-3"></td>
                                                <td class="align-middle ps-4">
                                                    <span class="fas fa-link text-body-tertiary me-2"></span>
                                                </td>
                                                <td class="align-middle">
                                                    <span class="badge badge-phoenix badge-phoenix-secondary">
                                                        <span class="badge-label">Conta a Receber</span>
                                                    </span>
                                                </td>
                                                <td class="align-middle">
                                                    <p class="mb-0 text-body-tertiary small">
                                                        <strong>#{{ $contaReceber->id }}</strong> -
                                                        {{ $contaReceber->cliente->razao_social ?? 'N/A' }} -
                                                        {{ Str::limit($contaReceber->descricao, 50) }}
                                                    </p>
                                                </td>
                                                <td class="align-middle">
                                                    <small class="text-body-tertiary">{{ $contaReceber->empresa->nome_fantasia ?? '-' }}</small>
                                                </td>
                                                <td class="align-middle text-end">
                                                    <span class="text-body-tertiary small">R$ {{ number_format($contaReceber->valor, 2, ',', '.') }}</span>
                                                </td>
                                                <td class="align-middle text-end">
                                                    <span class="text-body-tertiary">-</span>
                                                </td>
                                                <td class="align-middle text-end">
                                                    <small class="text-body-tertiary fst-italic">não contabilizado</small>
                                                </td>
                                                <td class="align-middle text-center">-</td>
                                            </tr>
                                        @endforeach

                                        {{-- Vinculações de Transferência --}}
                                        @foreach($mov['transferencia']->vinculacoesOrigem as $vinc)
                                            <tr class="vinculo-row d-none bg-light-subtle" data-parent-index="{{ $index }}">
                                                <td class="align-middle ps-3"></td>
                                                <td class="align-middle ps-4">
                                                    <span class="fas fa-link text-body-tertiary me-2"></span>
                                                </td>
                                                <td class="align-middle">
                                                    <span class="badge badge-phoenix badge-phoenix-secondary">
                                                        <span class="badge-label">Vinculação</span>
                                                    </span>
                                                </td>
                                                <td class="align-middle">
                                                    <p class="mb-0 text-body-tertiary small">
                                                        <strong>Transferência #{{ $vinc->transferencia_destino_id }}</strong>
                                                        @if($vinc->observacoes)
                                                            - {{ $vinc->observacoes }}
                                                        @endif
                                                    </p>
                                                </td>
                                                <td class="align-middle">
                                                    <small class="text-body-tertiary">-</small>
                                                </td>
                                                <td class="align-middle text-end">
                                                    <span class="text-body-tertiary">-</span>
                                                </td>
                                                <td class="align-middle text-end">
                                                    <span class="text-body-tertiary small">R$ {{ number_format($vinc->valor_vinculado, 2, ',', '.') }}</span>
                                                </td>
                                                <td class="align-middle text-end">
                                                    <small class="text-body-tertiary fst-italic">não contabilizado</small>
                                                </td>
                                                <td class="align-middle text-center">-</td>
                                            </tr>
                                        @endforeach

                                        @foreach($mov['transferencia']->vinculacoesDestino as $vinc)
                                            <tr class="vinculo-row d-none bg-light-subtle" data-parent-index="{{ $index }}">
                                                <td class="align-middle ps-3"></td>
                                                <td class="align-middle ps-4">
                                                    <span class="fas fa-link text-body-tertiary me-2"></span>
                                                </td>
                                                <td class="align-middle">
                                                    <span class="badge badge-phoenix badge-phoenix-secondary">
                                                        <span class="badge-label">Vinculação</span>
                                                    </span>
                                                </td>
                                                <td class="align-middle">
                                                    <p class="mb-0 text-body-tertiary small">
                                                        <strong>Transferência #{{ $vinc->transferencia_origem_id }}</strong>
                                                        @if($vinc->observacoes)
                                                            - {{ $vinc->observacoes }}
                                                        @endif
                                                    </p>
                                                </td>
                                                <td class="align-middle">
                                                    <small class="text-body-tertiary">-</small>
                                                </td>
                                                <td class="align-middle text-end">
                                                    <span class="text-body-tertiary small">R$ {{ number_format($vinc->valor_vinculado, 2, ',', '.') }}</span>
                                                </td>
                                                <td class="align-middle text-end">
                                                    <span class="text-body-tertiary">-</span>
                                                </td>
                                                <td class="align-middle text-end">
                                                    <small class="text-body-tertiary fst-italic">não contabilizado</small>
                                                </td>
                                                <td class="align-middle text-center">-</td>
                                            </tr>
                                        @endforeach
                                    @endif
                                @empty
                                    <tr>
                                        <td colspan="10" 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 ps-3"></td>
                                    <td class="align-middle text-center">-</td>
                                    <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>
</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' || $mov['tipo'] == 'Estorno de Pagamento')
                                    <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>
                            @if(isset($mov['valor_principal']) && ($mov['juros'] > 0 || $mov['multa'] > 0))
                                <div class="small text-body-tertiary">
                                    <div>Principal: R$ {{ number_format($mov['valor_principal'], 2, ',', '.') }}</div>
                                    @if($mov['juros'] > 0)
                                        <div>Juros: R$ {{ number_format($mov['juros'], 2, ',', '.') }}</div>
                                    @endif
                                    @if($mov['multa'] > 0)
                                        <div>Multa: R$ {{ number_format($mov['multa'], 2, ',', '.') }}</div>
                                    @endif
                                </div>
                            @endif
                        </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_nota)
                                <div class="col-md-6">
                                    <h6 class="text-body-tertiary mb-1">Nº Nota</h6>
                                    <p class="mb-3">{{ $mov['modelo']->contaAPagar->numero_nota }}</p>
                                </div>
                            @endif
                            @if($mov['modelo']->contaAPagar->saqueDistribuicao && $mov['modelo']->contaAPagar->saqueDistribuicao->numero_cheque)
                                <div class="col-md-6">
                                    <h6 class="text-body-tertiary mb-1">Nº Cheque</h6>
                                    <p class="mb-3">
                                        <span class="badge badge-phoenix badge-phoenix-info">
                                            <span class="fas fa-receipt me-1"></span>
                                            {{ $mov['modelo']->contaAPagar->saqueDistribuicao->numero_cheque }}
                                        </span>
                                    </p>
                                </div>
                            @endif

                            {{-- Detalhamento de Juros e Multa --}}
                            @if($mov['modelo']->juros > 0 || $mov['modelo']->multa > 0)
                                <div class="col-12">
                                    <div class="card border-warning">
                                        <div class="card-header bg-warning-subtle">
                                            <h6 class="mb-0">
                                                <span class="fas fa-exclamation-triangle me-2"></span>
                                                Encargos Aplicados
                                            </h6>
                                        </div>
                                        <div class="card-body">
                                            <div class="row">
                                                <div class="col-md-4">
                                                    <h6 class="text-body-tertiary mb-1">Valor Principal</h6>
                                                    <p class="mb-2">R$ {{ number_format(abs($mov['modelo']->valor), 2, ',', '.') }}</p>
                                                </div>
                                                @if($mov['modelo']->juros > 0)
                                                    <div class="col-md-4">
                                                        <h6 class="text-body-tertiary mb-1">Juros</h6>
                                                        <p class="mb-2 text-warning">R$ {{ number_format($mov['modelo']->juros, 2, ',', '.') }}</p>
                                                    </div>
                                                @endif
                                                @if($mov['modelo']->multa > 0)
                                                    <div class="col-md-4">
                                                        <h6 class="text-body-tertiary mb-1">Multa</h6>
                                                        <p class="mb-2 text-warning">R$ {{ number_format($mov['modelo']->multa, 2, ',', '.') }}</p>
                                                    </div>
                                                @endif
                                                <div class="col-12">
                                                    <hr class="my-2">
                                                    <div class="d-flex justify-content-between">
                                                        <strong>Total Pago:</strong>
                                                        <strong class="text-primary">
                                                            R$ {{ number_format(abs($mov['modelo']->valor) + $mov['modelo']->juros + $mov['modelo']->multa, 2, ',', '.') }}
                                                        </strong>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </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

{{-- CSS Customizado --}}
<style>
    @media print {
        .navbar,
        .navbar-vertical,
        .btn,
        .breadcrumb,
        .modal,
        .dropdown,
        .search-box,
        .btn-reveal-trigger,
        .vinculo-row {
            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;
    }

    .btn-expand {
        width: 24px;
        height: 24px;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .vinculo-row {
        transition: all 0.3s ease;
    }

    .vinculo-row td {
        padding-top: .5rem;
        padding-bottom: .5rem;
    }
</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 => {
            // Pular linhas de vínculo
            if (row.classList.contains('vinculo-row')) return;

            const text = row.textContent.toLowerCase();
            const shouldShow = text.includes(searchTerm);
            row.style.display = shouldShow ? '' : 'none';

            // Ocultar também as linhas de vínculo se a linha principal estiver oculta
            if (!shouldShow) {
                const index = row.getAttribute('data-row-index');
                if (index) {
                    document.querySelectorAll(`tr.vinculo-row[data-parent-index="${index}"]`).forEach(vinculoRow => {
                        vinculoRow.classList.add('d-none');
                    });
                }
            }
        });
    });

    // Expandir/Colapsar vínculos
    document.addEventListener('click', function(e) {
        const btn = e.target.closest('.btn-expand');
        if (btn) {
            e.preventDefault();
            e.stopPropagation();

            const index = btn.getAttribute('data-index');
            const expanded = btn.getAttribute('data-expanded') === 'true';

            // Buscar o ícone dentro do botão - pode ser o span ou o próprio elemento clicado
            let icon = btn.querySelector('span.fas');
            if (!icon) {
                icon = btn.querySelector('.fa-plus, .fa-minus');
            }

            // Toggle das linhas vinculadas
            const vinculoRows = document.querySelectorAll(`tr.vinculo-row[data-parent-index="${index}"]`);

            if (expanded) {
                // Colapsar
                vinculoRows.forEach(row => row.classList.add('d-none'));
                if (icon) {
                    icon.classList.remove('fa-minus');
                    icon.classList.add('fa-plus');
                }
                btn.setAttribute('data-expanded', 'false');
            } else {
                // Expandir
                vinculoRows.forEach(row => row.classList.remove('d-none'));
                if (icon) {
                    icon.classList.remove('fa-plus');
                    icon.classList.add('fa-minus');
                }
                btn.setAttribute('data-expanded', 'true');
            }
        }
    });
</script>
@endpush