@extends('layouts.app')

@section('title', 'Detalhes do Saque')

@push('styles-custom')
@endpush

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

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

    <!-- Dados do Saque -->
    <div class="row g-3 mb-4">
        <!-- Card Principal -->
        <div class="col-12 col-xl-8">
            <div class="card h-100">
                <div class="card-header">
                    <div class="row flex-between-end">
                        <div class="col-auto align-self-center">
                            <h5 class="mb-0">Dados do Saque</h5>
                        </div>
                    </div>
                </div>
                <div class="card-body">
                    <div class="row g-3">
                        <div class="col-md-6">
                            <div class="d-flex">
                                <span class="fas fa-calendar text-primary me-2 mt-1"></span>
                                <div>
                                    <h6 class="mb-1 text-body-emphasis">Data</h6>
                                    <p class="mb-0 text-body-secondary">{{ \Carbon\Carbon::parse($saque->data)->format('d/m/Y') }}</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="d-flex">
                                <span class="fas fa-money-bill-wave text-success me-2 mt-1"></span>
                                <div>
                                    <h6 class="mb-1 text-body-emphasis">Valor Total</h6>
                                    <p class="mb-0 text-success fw-bold fs-5">R$ {{ number_format($saque->valor_total, 2, ',', '.') }}</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="d-flex">
                                <span class="fas fa-file-alt text-info me-2 mt-1"></span>
                                <div>
                                    <h6 class="mb-1 text-body-emphasis">Descrição</h6>
                                    <p class="mb-0 text-body-secondary">{{ $saque->descricao }}</p>
                                </div>
                            </div>
                        </div>
                        @if($saque->numero_cheque)
                        <div class="col-md-6">
                            <div class="d-flex">
                                <span class="fas fa-money-check text-success me-2 mt-1"></span>
                                <div>
                                    <h6 class="mb-1 text-body-emphasis">Número do Cheque</h6>
                                    <p class="mb-0 text-success fw-bold">{{ $saque->numero_cheque }}</p>
                                </div>
                            </div>
                        </div>
                        @endif
                        @if($saque->observacoes)
                        <div class="col-12">
                            <div class="d-flex">
                                <span class="fas fa-comment text-warning me-2 mt-1"></span>
                                <div>
                                    <h6 class="mb-1 text-body-emphasis">Observações</h6>
                                    <p class="mb-0 text-body-secondary">{{ $saque->observacoes }}</p>
                                </div>
                            </div>
                        </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>

        <!-- Card Status -->
        <div class="col-12 col-xl-4">
            <div class="card h-100">
                <div class="card-header">
                    <h5 class="mb-0">Status da Distribuição</h5>
                </div>
                <div class="card-body text-center">
                    <div class="mb-3">
                        @if($saque->items->count() === 0)
                            <span class="badge badge-phoenix fs-9 badge-phoenix-warning">
                                <span class="badge-label">Sem Distribuição</span>
                                <span class="fas fa-exclamation-triangle ms-1"></span>
                            </span>
                        @elseif($saque->distribuicao_completa)
                            <span class="badge badge-phoenix fs-9 badge-phoenix-success">
                                <span class="badge-label">Completa</span>
                                <span class="fas fa-check ms-1"></span>
                            </span>
                        @else
                            <span class="badge badge-phoenix fs-9 badge-phoenix-info">
                                <span class="badge-label">Parcial</span>
                                <span class="fas fa-clock ms-1"></span>
                            </span>
                        @endif
                    </div>
                    <p class="text-body-secondary small mb-1">Valor Distribuído</p>
                    <p class="text-body-emphasis fw-semibold fs-5">R$ {{ number_format($saque->valor_distribuido, 2, ',', '.') }}</p>
                    @if($saque->saldo_pendente > 0)
                        <p class="text-body-secondary small mb-1">Saldo Pendente</p>
                        <p class="text-warning fw-semibold">R$ {{ number_format($saque->saldo_pendente, 2, ',', '.') }}</p>
                    @endif
                </div>
            </div>
        </div>
    </div>

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

    <!-- Transferência Vinculada -->
    @if($saque->vinculacaoTransferencia)
    <div class="row g-3 mb-4">
        <div class="col-12">
            <div class="card border-info">
                <div class="card-header bg-info-subtle">
                    <div class="d-flex align-items-center">
                        <span class="fas fa-link text-info me-2"></span>
                        <h6 class="mb-0 text-info">Transferência Vinculada</h6>
                    </div>
                </div>
                <div class="card-body">
                    <div class="row g-3">
                        <div class="col-md-3">
                            <div class="d-flex align-items-center mb-2">
                                <span class="fas fa-calendar text-muted me-2"></span>
                                <div>
                                    <h6 class="mb-0 text-body-emphasis">Data</h6>
                                    <small class="text-body-secondary">{{ \Carbon\Carbon::parse($saque->vinculacaoTransferencia->transferencia->data)->format('d/m/Y') }}</small>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="d-flex align-items-center mb-2">
                                <span class="fas fa-file-alt text-muted me-2"></span>
                                <div>
                                    <h6 class="mb-0 text-body-emphasis">Descrição</h6>
                                    <small class="text-body-secondary">{{ $saque->vinculacaoTransferencia->transferencia->descricao }}</small>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="d-flex align-items-center">
                                <span class="fas fa-coins text-muted me-2"></span>
                                <div>
                                    <h6 class="mb-0 text-body-emphasis">Valor Vinculado</h6>
                                    <small class="text-success fw-bold">R$ {{ number_format($saque->vinculacaoTransferencia->valor_vinculado, 2, ',', '.') }}</small>
                                </div>
                            </div>
                        </div>
                    </div>
                    <hr class="my-3">
                    <div class="row g-2">
                        <div class="col-md-6">
                            <div class="d-flex align-items-center mb-2">
                                <span class="fas fa-arrow-right text-primary me-2"></span>
                                <div>
                                    <h6 class="mb-0">Origem da Transferência</h6>
                                    <small class="text-body-secondary">
                                        {{ $saque->vinculacaoTransferencia->transferencia->contaOrigem->empresa->nome_fantasia }} —
                                        {{ $saque->vinculacaoTransferencia->transferencia->contaOrigem->banco }}/{{ $saque->vinculacaoTransferencia->transferencia->contaOrigem->agencia }}/{{ $saque->vinculacaoTransferencia->transferencia->contaOrigem->conta_corrente }}
                                    </small>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="d-flex align-items-center">
                                <span class="fas fa-arrow-left text-success me-2"></span>
                                <div>
                                    <h6 class="mb-0">Destino da Transferência</h6>
                                    <small class="text-body-secondary">
                                        {{ $saque->vinculacaoTransferencia->transferencia->contaDestino->empresa->nome_fantasia }} —
                                        {{ $saque->vinculacaoTransferencia->transferencia->contaDestino->banco }}/{{ $saque->vinculacaoTransferencia->transferencia->contaDestino->agencia }}/{{ $saque->vinculacaoTransferencia->transferencia->contaDestino->conta_corrente }}
                                    </small>
                                </div>
                            </div>
                        </div>
                    </div>
                    @if($saque->vinculacaoTransferencia->observacoes)
                    <hr class="my-3">
                    <div class="row">
                        <div class="col-12">
                            <div class="d-flex">
                                <span class="fas fa-comment text-warning me-2 mt-1"></span>
                                <div>
                                    <h6 class="mb-1 text-body-emphasis">Observações da Vinculação</h6>
                                    <p class="mb-0 text-body-secondary">{{ $saque->vinculacaoTransferencia->observacoes }}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    @endif
                    <div class="mt-3 text-end">
                        <a href="{{ route('transferencias.show', $saque->vinculacaoTransferencia->transferencia) }}" class="btn btn-sm btn-outline-info">
                            <span class="fas fa-external-link-alt me-1"></span>Ver Transferência
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @endif

    <!-- Distribuições -->
    @if($saque->items->count() > 0)
    <div class="card mb-4">
        <div class="card-header">
            <div class="row flex-between-end">
                <div class="col-auto align-self-center">
                    <h5 class="mb-0">
                        <span class="fas fa-share-alt text-primary me-2"></span>
                        Distribuições
                    </h5>
                </div>
                <div class="col-auto ms-auto">
                    <span class="badge badge-phoenix fs-10 badge-phoenix-info">
                        {{ $saque->items->count() }} distribuição{{ $saque->items->count() !== 1 ? 'ões' : '' }}
                    </span>
                </div>
            </div>
        </div>
        <div class="card-body p-0">
            <div class="table-responsive">
                <table class="table table-sm table-striped mb-0">
                    <thead class="text-body bg-body-secondary">
                        <tr>
                            <th class="ps-3">Beneficiário</th>
                            <th>Tipo</th>
                            <th>Documento</th>
                            <th>Conta Bancária</th>
                            <th>Plano de Conta</th>
                            <th class="text-end pe-3">Valor</th>
                        </tr>
                    </thead>
                    <tbody class="list">
                        @foreach($saque->items as $item)
                        <tr>
                            <td class="ps-3">
                                <div>
                                    <h6 class="mb-0 fw-semibold fs-9 text-body-emphasis">{{ $item->beneficiario_nome }}</h6>
                                    @if($item->observacoes)
                                        <small class="text-body-secondary">{{ $item->observacoes }}</small>
                                    @endif
                                </div>
                            </td>
                            <td class="align-middle">
                                @if($item->beneficiario_tipo === 'interno')
                                    <span class="badge badge-phoenix fs-10 badge-phoenix-success">
                                        <span class="fas fa-building me-1"></span>Interno
                                    </span>
                                @else
                                    <span class="badge badge-phoenix fs-10 badge-phoenix-info">
                                        <span class="fas fa-user me-1"></span>Externo
                                    </span>
                                @endif
                            </td>
                            <td class="align-middle">
                                @if($item->beneficiario_tipo === 'interno' && $item->contaDestino && $item->contaDestino->empresa->fornecedor)
                                    {{-- Para beneficiário interno, pegar documento do fornecedor --}}
                                    @php
                                        $fornecedor = $item->contaDestino->empresa->fornecedor;
                                        $documento = $fornecedor->cnpj ?: $fornecedor->cpf;
                                    @endphp
                                    @if($documento)
                                        <span class="text-body-emphasis">{{ $documento }}</span>
                                    @else
                                        <span class="text-body-secondary">N/A</span>
                                    @endif
                                @elseif($item->beneficiario_tipo === 'externo')
                                    {{-- Para beneficiário externo, usar campo do item --}}
                                    @if($item->beneficiario_documento)
                                        <span class="text-body-emphasis">{{ $item->beneficiario_documento }}</span>
                                    @else
                                        <span class="text-body-secondary">N/A</span>
                                    @endif
                                @else
                                    <span class="text-body-secondary">N/A</span>
                                @endif
                            </td>
                            <td class="align-middle">
                                @if($item->contaDestino)
                                    <div>
                                        <h6 class="mb-0 fw-semibold fs-9 text-primary">
                                            {{ $item->contaDestino->empresa->nome_fantasia }} — {{ $item->contaDestino->banco }}/{{ $item->contaDestino->agencia }}/{{ $item->contaDestino->conta_corrente }}
                                        </h6>
                                    </div>
                                @else
                                    <span class="text-body-secondary">-</span>
                                @endif
                            </td>
                            <td class="align-middle">
                                <div>
                                    <h6 class="mb-0 fw-semibold fs-9">{{ $item->planoDestino->codigo }}</h6>
                                    <small class="text-body-secondary">{{ $item->planoDestino->descricao }}</small>
                                </div>
                            </td>
                            <td class="align-middle text-end pe-3">
                                <h6 class="mb-0 fw-semibold fs-9 text-success">
                                    R$ {{ number_format($item->valor, 2, ',', '.') }}
                                </h6>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>

        <!-- Footer com resumo -->
        <div class="card-footer bg-body-highlight">
            <div class="row text-center">
                <div class="col-md-4">
                    <div class="d-flex justify-content-center align-items-center">
                        <span class="fas fa-hand-holding-usd text-primary me-2"></span>
                        <div>
                            <p class="mb-0 text-body-secondary fs-8">Valor Total do Saque</p>
                            <p class="mb-0 text-primary fw-bold">
                                R$ {{ number_format($saque->valor_total, 2, ',', '.') }}
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="d-flex justify-content-center align-items-center">
                        <span class="fas fa-share-alt text-success me-2"></span>
                        <div>
                            <p class="mb-0 text-body-secondary fs-8">Valor Distribuído</p>
                            <p class="mb-0 text-success fw-bold">
                                R$ {{ number_format($saque->valor_distribuido, 2, ',', '.') }}
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="d-flex justify-content-center align-items-center">
                        <span class="fas fa-balance-scale text-warning me-2"></span>
                        <div>
                            <p class="mb-0 text-body-secondary fs-8">Saldo Pendente</p>
                            <p class="mb-0 text-warning fw-bold">
                                R$ {{ number_format($saque->saldo_pendente, 2, ',', '.') }}
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @endif

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

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

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

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

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