@extends('layouts.app')

@section('titulo', 'Conta a Pagar')
@section('subtitulo', 'Financeiro')

@section('conteudo')
<div class="row g-3 mb-3">
    <div class="col-6 col-lg-3">
        <div class="kpi-card">
            <div class="kpi-label">Valor</div>
            <div class="kpi-value">R$ {{ number_format($conta->valor, 2, ',', '.') }}</div>
        </div>
    </div>
    <div class="col-6 col-lg-3">
        <div class="kpi-card">
            <div class="kpi-label">Pago</div>
            <div class="kpi-value">R$ {{ number_format($conta->valor_pago, 2, ',', '.') }}</div>
        </div>
    </div>
    <div class="col-6 col-lg-3">
        <div class="kpi-card">
            <div class="kpi-label">Saldo</div>
            <div class="kpi-value">R$ {{ number_format($conta->saldo, 2, ',', '.') }}</div>
        </div>
    </div>
    <div class="col-6 col-lg-3">
        <div class="kpi-card">
            <div class="kpi-label">Situação</div>
            <div class="kpi-value h6 mb-0"><span class="badge-status {{ $conta->situacao }}">{{ str_replace('_',' ',$conta->situacao) }}</span></div>
        </div>
    </div>
</div>

<div class="row g-3">
    <div class="col-lg-7">
        <div class="card mb-3">
            <div class="card-header">Informações</div>
            <div class="card-body small">
                <dl class="row mb-0">
                    <dt class="col-4 text-muted-sm">Favorecido</dt>
                    <dd class="col-8">
                        @if ($conta->fornecedor)
                            <a href="{{ route('fornecedores.show', $conta->fornecedor) }}">{{ $conta->fornecedor->nome_exibicao }}</a>
                        @else
                            {{ $conta->favorecidoUser?->name ?? '—' }}
                        @endif
                    </dd>

                    <dt class="col-4 text-muted-sm">Documento</dt>
                    <dd class="col-8">{{ $conta->documento ?? '—' }}</dd>

                    @if ($conta->pedidoCompra)
                    <dt class="col-4 text-muted-sm">Pedido de Compra</dt>
                    <dd class="col-8"><a href="{{ route('compras.pedidos.show', $conta->pedidoCompra) }}">{{ $conta->pedidoCompra->numero }}</a></dd>
                    @endif

                    <dt class="col-4 text-muted-sm">Emissão</dt>
                    <dd class="col-8">{{ $conta->data_emissao->format('d/m/Y') }}</dd>

                    <dt class="col-4 text-muted-sm">Vencimento</dt>
                    <dd class="col-8">{{ $conta->data_vencimento->format('d/m/Y') }}</dd>

                    @if ($conta->data_pagamento)
                    <dt class="col-4 text-muted-sm">Último Pagamento</dt>
                    <dd class="col-8">{{ \Illuminate\Support\Carbon::parse($conta->data_pagamento)->format('d/m/Y') }}</dd>
                    @endif
                </dl>

                @if ($conta->observacoes)
                    <hr>
                    <p class="mb-0">{{ $conta->observacoes }}</p>
                @endif
            </div>
        </div>

        @if ($conta->recibos->isNotEmpty())
        <div class="card">
            <div class="card-header">Recibos Emitidos</div>
            <div class="card-body p-0">
                <table class="table table-sm mb-0">
                    <tbody>
                        @foreach ($conta->recibos as $recibo)
                            <tr>
                                <td>{{ $recibo->numero }}</td>
                                <td>{{ $recibo->data_emissao->format('d/m/Y') }}</td>
                                <td class="text-end text-money">R$ {{ number_format($recibo->valor, 2, ',', '.') }}</td>
                                <td class="text-end">
                                    @can('recibos.visualizar')
                                        <a href="{{ route('recibos.show', $recibo) }}" class="btn btn-sm btn-outline-secondary">Ver</a>
                                    @endcan
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        @endif
    </div>

    <div class="col-lg-5">
        @can('financeiro.editar')
        @if ($conta->saldo > 0 && $conta->situacao !== 'cancelado')
        <div class="card">
            <div class="card-header">Registrar Pagamento</div>
            <div class="card-body">
                <form method="POST" action="{{ route('financeiro.pagar.baixa', $conta) }}">
                    @csrf
                    <div class="mb-3">
                        <label class="form-label small fw-semibold">Valor *</label>
                        <div class="input-group">
                            <span class="input-group-text">R$</span>
                            <input type="number" step="0.01" min="0.01" max="{{ $conta->saldo }}" name="valor" class="form-control" value="{{ number_format($conta->saldo, 2, '.', '') }}" required>
                        </div>
                        <div class="text-muted-sm">Saldo devido: R$ {{ number_format($conta->saldo, 2, ',', '.') }}</div>
                    </div>
                    <div class="mb-3">
                        <label class="form-label small fw-semibold">Forma de Pagamento</label>
                        <select name="forma_pagamento" class="form-select">
                            <option value="">— Não informado —</option>
                            <option value="dinheiro">Dinheiro</option>
                            <option value="pix">PIX</option>
                            <option value="transferencia">Transferência</option>
                            <option value="boleto">Boleto</option>
                        </select>
                    </div>
                    <div class="form-check mb-3">
                        <input class="form-check-input" type="checkbox" name="gerar_recibo" id="gerar_recibo" value="1" checked>
                        <label class="form-check-label small" for="gerar_recibo">Gerar recibo automaticamente</label>
                    </div>
                    <button type="submit" class="btn btn-primary w-100">Registrar Pagamento</button>
                </form>
            </div>
        </div>
        @endif
        @endcan
    </div>
</div>
@endsection