@extends('layouts.app')
@section('title', 'Meu Financeiro')

@section('content')
<div class="container py-5">
    <div class="custom-card p-4">
        <div class="title-screen text-center mb-4">
            <h2>Extrato Financeiro</h2>
        </div>

        <div class="row align-items-center mb-4">

            <div class="col-md-7 col-lg-5">

                <div class="balance-card d-flex justify-content-between align-items-center rounded">
                    <span class="text-muted">SALDO RETIDO (AGUARDANDO 30 DIAS)</span>
                    <span class="fs-6 fw-bold text-info">R$ {{ number_format($heldBalance, 2, ',', '.') }}</span>
                </div>

                <div class="balance-card d-flex justify-content-between align-items-center rounded">
                    <span class="text-muted">PAGAMENTOS EM PROCESSAMENTO</span>
                    <span class="fs-6 fw-bold text-warning">R$ {{ number_format($pendingBalance, 2, ',', '.') }}</span>
                </div>

            </div>

            <div class="col-md-5 col-lg-7 text-md-end text-center mt-3 mt-md-0">
                @if(!$user->stripe_connect_id)
                    <a href="{{ route('stripe.connect.onboard') }}" target="_blank" class="btn btn-primary">
                        <i class="fa-solid fa-gears me-2 color-bg"></i>Configurar Conta Agora
                    </a>
                @else
                    <a href="{{ route('stripe.connect.manage') }}" target="_blank" class="btn btn-primary" style="min-width: 180px;">
                        <i class="fa-solid fa-external-link-alt me-2 color-bg"></i>Gerenciar Conta
                    </a>
                @endif
            </div>

        </div>

        <h4 class="mb-3">Histórico de Transações</h4>
        <div class="table-responsive">
            <table class="table table-hover table-dark table-striped">
                <thead>
                    <tr>
                        <th>Data</th>
                        <th>Descrição</th>
                        <th class="text-end">Valor (R$)</th>
                        <th class="text-center">Status</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($history as $entry)
                        <tr>
                            <td>{{ $entry['date']->format('d/m/Y H:i') }}</td>
                            <td>
                                {{ $entry['description'] }}
                                @if($entry['type'] === 'Entrada' && $entry['status'] === 'Retido')
                                    <small class="d-block text-muted">
                                        Disponível em: {{ $entry['maturity_date']->format('d/m/Y') }}
                                    </small>
                                @endif
                            </td>
                            <td class="text-end fw-bold {{ $entry['amount'] > 0 ? 'text-success' : 'text-danger' }}">
                                {{ number_format($entry['amount'], 2, ',', '.') }}
                            </td>
                            <td class="text-center">
                                <span class="badge 
                                    @if($entry['status'] === 'Completed') 
                                        bg-success
                                    @elseif($entry['status'] === 'Retido' || $entry['status'] === 'Pending' || $entry['status'] === 'processing')
                                        bg-warning color-bg
                                    @elseif($entry['status'] === 'Failed')
                                        bg-danger
                                    @else
                                        bg-secondary
                                    @endif"
                                >
                                    @switch($entry['status'])
                                        @case('Completed') Concluído @break
                                        @case('Pending') Em processamento @break
                                        @case('processing') Em processamento @break
                                        @case('Failed') Falhou @break
                                        @default {{ $entry['status'] }}
                                    @endswitch
                                </span>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="4" class="text-center py-4">Nenhuma transação encontrada.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>

    </div>
</div>
@endsection