@extends('layouts.app')

@section('title', 'Pagamentos da Conta')

@section('content')
<div class="content pt-3">
    <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('contas-a-pagar.index') }}">Contas a Pagar</a></li>
            <li class="breadcrumb-item active" aria-current="page">Pagamentos da Conta #{{ $conta->id }}</li>
        </ol>
    </nav>

    <h4>Pagamentos da Conta #{{ $conta->id }}</h4>
    <p><strong>Descrição:</strong> {{ $conta->descricao ?? 'N/A' }}</p>
    <p><strong>Valor da Conta:</strong> R$ {{ number_format($conta->valor, 2, ',', '.') }}</p>
    <p><strong>Total Pago:</strong> R$ {{ number_format($conta->totalPago(), 2, ',', '.') }}</p>
    <p><strong>Valor Restante:</strong> R$ {{ number_format($conta->valor - $conta->totalPago(), 2, ',', '.') }}</p>

    <div class="mb-3">
        <a href="{{ route('contas-a-pagar.pagamentos.create', $conta) }}" class="btn btn-primary">Registrar Novo Pagamento</a>
        <a href="{{ route('contas-a-pagar.index') }}" class="btn btn-secondary">Voltar</a>
    </div>

    @if($pagamentos->count() > 0)
        <table class="table table-sm fs-9 mb-0">
            <thead>
                <tr>
                    <th>#</th>
                    <th>Valor Pago</th>
                    <th>Data do Pagamento</th>
                    <th>Data de Registro</th>
                </tr>
            </thead>
            <tbody>
                @foreach($pagamentos as $index => $pagamento)
                    <tr>
                        <td>{{ $index+1 }}</td>
                        <td>R$ {{ number_format($pagamento->valor, 2, ',', '.') }}</td>
                        <td>{{ $pagamento->data_pagamento->format('d/m/Y') }}</td>
                        <td>{{ $pagamento->created_at->format('d/m/Y H:i') }}</td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    @else
        <p>Nenhum pagamento registrado para esta conta.</p>
    @endif
</div>
@endsection