@extends('layouts.app', ['title' => 'Gerar Boletos Sicredi'])

@section('css')
<style>
.input-sm-num {
    width: 80px;
    border-radius: 6px;
    padding: 5px 8px;
    font-size: 13px;
    text-align: center;
}
.btn-sicredi-confirm {
    background: linear-gradient(135deg, #00843D, #005C2B);
    color: #fff !important;
    border: none;
    border-radius: 8px;
    padding: 11px 32px;
    font-weight: 700;
    font-size: 14px;
    transition: all .2s;
}
.btn-sicredi-confirm:hover { filter: brightness(1.1); transform: translateY(-1px); }
</style>
@endsection

@section('content')
<div class="container-fluid py-3">

    {{-- Cabeçalho --}}
    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <h4 class="mb-1 fw-bold"><i class="ri-file-text-line me-2 text-success"></i>Gerar Boletos</h4>
            <p class="text-muted mb-0 small">Confira os títulos selecionados e ajuste os parâmetros por boleto</p>
        </div>
        <a href="{{ route('sicredi.cobrancas') }}" class="btn btn-danger btn-sm">
            <i class="ri-arrow-left-line me-1"></i> Voltar
        </a>
    </div>

    {{-- Cards de resumo --}}
    <div class="row g-3 mb-4">
        <div class="col-6 col-md-3">
            <div class="card border-0 shadow-sm text-center py-3">
                <div class="text-muted small mb-1">Quantidade de títulos</div>
                <div class="fw-bold fs-4">{{ $contas->count() }}</div>
            </div>
        </div>
        <div class="col-6 col-md-3">
            <div class="card border-0 shadow-sm text-center py-3">
                <div class="text-muted small mb-1">Valor total</div>
                <div class="fw-bold fs-5 text-success">R$ {{ number_format($contas->sum('valor_integral'), 2, ',', '.') }}</div>
            </div>
        </div>
        <div class="col-6 col-md-3">
            <div class="card border-0 shadow-sm text-center py-3">
                <div class="text-muted small mb-1">Primeiro vencimento</div>
                <div class="fw-bold">
                    {{ $contas->min('data_vencimento') ? \Carbon\Carbon::parse($contas->min('data_vencimento'))->format('d/m/Y') : '--' }}
                </div>
            </div>
        </div>
        <div class="col-6 col-md-3">
            <div class="card border-0 shadow-sm text-center py-3">
                <div class="text-muted small mb-1">Último vencimento</div>
                <div class="fw-bold">
                    {{ $contas->max('data_vencimento') ? \Carbon\Carbon::parse($contas->max('data_vencimento'))->format('d/m/Y') : '--' }}
                </div>
            </div>
        </div>
    </div>

    {{-- Tabela --}}
    <form method="POST" action="{{ route('sicredi.confirmar-gerar', ['empresa_id' => request()->empresa_id]) }}">
        @csrf

        <div class="card border-0 shadow-sm mb-4">
            <div class="card-header d-flex justify-content-between align-items-center">
                <span class="fw-semibold"><i class="ri-list-check me-1"></i> Cobranças Selecionadas</span>
                <small class="text-muted">Edite juros, multa e desconto individualmente</small>
            </div>
            <div class="table-responsive">
                <table class="table table-centered table-striped mb-0">
                    <thead class="table-dark">
                        <tr>
                            <th>ID</th>
                            <th>Cliente</th>
                            <th>Vencimento</th>
                            <th>Valor</th>
                            <th>Juros (%)</th>
                            <th>Multa (%)</th>
                            <th>Número</th>
                            <th>Instrução</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($contas as $i => $conta)
                        <input type="hidden" name="ids[]" value="{{ $conta->id }}">
                        <tr>
                            <td class="text-muted">#{{ $conta->id }}</td>
                            <td>
                                <div class="fw-semibold">{{ $conta->cliente->razao_social ?? '--' }}</div>
                                @if($conta->cliente)
                                <small class="text-muted">{{ $conta->cliente->cpf_cnpj }}</small>
                                @endif
                            </td>
                            <td class="fw-semibold">{{ \Carbon\Carbon::parse($conta->data_vencimento)->format('d/m/Y') }}</td>
                            <td class="text-success fw-bold">R$ {{ number_format($conta->valor_integral, 2, ',', '.') }}</td>
                            <td>
                                <input type="number" step="0.01" min="0" name="juros[]"
                                    class="form-control input-sm-num"
                                    value="{{ $config->juros_padrao ?? 0 }}">
                            </td>
                            <td>
                                <input type="number" step="0.01" min="0" name="multa[]"
                                    class="form-control input-sm-num"
                                    value="{{ $config->multa_padrao ?? 0 }}">
                            </td>
                            <td>
                                <input type="text" name="numero[]" class="form-control input-sm-num" placeholder="Auto">
                            </td>
                            <td>
                                <input type="text" name="instrucao[]" class="form-control form-control-sm"
                                    placeholder="Mensagem opcional"
                                    value="{{ $config->observacao_padrao ?? '' }}">
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                    <tfoot>
                        <tr>
                            <td colspan="3" class="text-end fw-semibold">Total geral:</td>
                            <td class="text-success fw-bold">R$ {{ number_format($contas->sum('valor_integral'), 2, ',', '.') }}</td>
                            <td colspan="4"></td>
                        </tr>
                    </tfoot>
                </table>
            </div>
        </div>

        <div class="d-flex gap-3">
            <button type="submit" class="btn btn-sicredi-confirm">
                <i class="ri-check-line me-1"></i> Confirmar e gerar boletos
            </button>
            <a href="{{ route('sicredi.cobrancas') }}" class="btn btn-outline-secondary">
                Cancelar
            </a>
        </div>
    </form>
</div>
@endsection