@extends('layouts.app', ['title' => 'Cobranças Geradas Sicredi'])

@section('css')
<style>
.badge-registrado { background: rgba(13,110,253,.15);  color: #0d6efd; font-size: 11px; padding: 4px 10px; border-radius: 20px; font-weight: 600; }
.badge-liquidado  { background: rgba(25,135,84,.15);   color: #198754; font-size: 11px; padding: 4px 10px; border-radius: 20px; font-weight: 600; }
.badge-baixado    { background: rgba(220,53,69,.15);   color: #dc3545; font-size: 11px; padding: 4px 10px; border-radius: 20px; font-weight: 600; }
.btn-sicredi-outline {
    border: 1.5px solid #00843D;
    color: #00843D !important;
    border-radius: 8px;
    padding: 8px 18px;
    font-weight: 600;
    font-size: 13px;
    background: transparent;
    transition: all .2s;
}
.btn-sicredi-outline:hover { background: #00843D; color: #fff !important; }
</style>
@endsection

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

    @if(session('success'))
    <div class="alert alert-success alert-dismissible fade show">
        <i class="ri-checkbox-circle-line me-1"></i> {{ session('success') }}
        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
    </div>
    @endif

    {{-- Cabeçalho --}}
    <div class="d-flex justify-content-between align-items-center mb-3">
        <div>
            <h4 class="mb-1 fw-bold"><i class="ri-bank-line me-2 text-success"></i>Cobranças Geradas</h4>
            <p class="text-muted mb-0 small">Boletos registrados via API Sicredi</p>
        </div>
        <div class="d-flex gap-2">
            <a href="{{ route('sicredi.cobrancas') }}" class="btn btn-success btn-sm">
                <i class="ri-add-line me-1"></i> Nova Cobrança
            </a>
            <a href="{{ route('sicredi.config') }}" class="btn btn-outline-secondary btn-sm">
                <i class="ri-settings-3-line me-1"></i> Configurações
            </a>
        </div>
    </div>

    {{-- Filtros --}}
    <div class="card border-0 shadow-sm mb-3">
        <div class="card-body py-3">
            <form method="GET" action="{{ route('sicredi.cobrancas-geradas') }}">
                <div class="row g-2 align-items-end">
                    <div class="col-md-3">
                        <label class="form-label small fw-semibold">Data inicial</label>
                        <input type="date" name="start_date" class="form-control form-control-sm" value="{{ request('start_date') }}">
                    </div>
                    <div class="col-md-3">
                        <label class="form-label small fw-semibold">Data final</label>
                        <input type="date" name="end_date" class="form-control form-control-sm" value="{{ request('end_date') }}">
                    </div>
                    <div class="col-md-2">
                        <button type="submit" class="btn btn-primary btn-sm w-100">
                            <i class="ri-search-line me-1"></i> Pesquisar
                        </button>
                    </div>
                    <div class="col-md-2">
                        <a href="{{ route('sicredi.cobrancas-geradas') }}" class="btn btn-danger btn-sm w-100">
                            <i class="ri-eraser-line me-1"></i> Limpar
                        </a>
                    </div>
                </div>
            </form>
        </div>
    </div>

    {{-- Tabela --}}
    <div class="card border-0 shadow-sm">
        <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>Status</th>
                        <th>Nosso Número</th>
                        <th>Ações</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($data as $cob)
                    <tr>
                        <td class="text-muted">#{{ $cob->contaReceber->id ?? $cob->id }}</td>
                        <td>
                            <div class="fw-semibold">{{ optional(optional($cob->contaReceber)->cliente)->razao_social ?? '--' }}</div>
                            @if(optional(optional($cob->contaReceber)->cliente)->cpf_cnpj)
                            <small class="text-muted">{{ $cob->contaReceber->cliente->cpf_cnpj }}</small>
                            @endif
                        </td>
                        <td>
                            @php $venc = \Carbon\Carbon::parse($cob->data_vencimento); @endphp
                            <span class="{{ ($venc->isPast() && $cob->status === 'registrado') ? 'text-danger' : '' }} fw-semibold">
                                {{ $venc->format('d/m/Y') }}
                            </span>
                        </td>
                        <td class="text-success fw-bold">R$ {{ number_format($cob->valor, 2, ',', '.') }}</td>
                        <td>
                            <span class="badge-{{ $cob->status }}">{{ ucfirst($cob->status) }}</span>
                        </td>
                        <td><code>{{ $cob->nosso_numero ?? '--' }}</code></td>
                        <td>
                            <div class="d-flex gap-1 flex-wrap">
                                <button type="button" class="btn btn-primary btn-sm btn-consultar-sicredi"
                                    data-nosso="{{ $cob->nosso_numero }}">
                                    <i class="ri-search-line"></i> Consultar
                                </button>
                                @if($cob->status === 'registrado')
                                <button type="button" class="btn btn-success btn-sm btn-baixar-sicredi"
                                    data-nosso="{{ $cob->nosso_numero }}">
                                    <i class="ri-download-line"></i> Baixar
                                </button>
                                @endif
                                @if($cob->pdf_url)
                                <a href="{{ $cob->pdf_url }}" target="_blank" class="btn btn-secondary btn-sm">
                                    <i class="ri-file-pdf-line"></i> PDF
                                </a>
                                @endif
                            </div>
                        </td>
                    </tr>
                    @empty
                    <tr>
                        <td colspan="7" class="text-center py-5 text-muted">
                            <i class="ri-file-text-line" style="font-size:40px;display:block;margin-bottom:10px;opacity:.4"></i>
                            Nenhuma cobrança gerada ainda
                        </td>
                    </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>

    <div class="mt-3">
        {{ $data->appends(request()->all())->links() }}
    </div>
</div>
@endsection

@section('js')
<script>
$(document).on('click', '.btn-consultar-sicredi', function () {
    const nosso = $(this).data('nosso');
    const btn = $(this);
    btn.prop('disabled', true).html('<span class="spinner-border spinner-border-sm"></span>');

    $.post('{{ route("sicredi.consultar-boleto") }}', { _token: '{{ csrf_token() }}', nosso_numero: nosso })
    .done(res => {
        swal('Consulta Sicredi', `Situação: ${res.situacao ?? res.status ?? 'N/A'}\nValor: R$ ${parseFloat(res.valor ?? 0).toFixed(2).replace('.', ',')}`, 'info');
    })
    .fail(err => swal('Erro', err.responseJSON?.error ?? 'Erro ao consultar', 'error'))
    .always(() => btn.prop('disabled', false).html('<i class="ri-search-line"></i> Consultar'));
});

$(document).on('click', '.btn-baixar-sicredi', function () {
    const nosso = $(this).data('nosso');
    const btn = $(this);

    swal({ title: 'Confirmar baixa', text: 'Deseja dar baixa neste boleto?', icon: 'warning', buttons: ['Cancelar', 'Baixar'], dangerMode: true })
    .then(ok => {
        if (!ok) return;
        btn.prop('disabled', true).html('<span class="spinner-border spinner-border-sm"></span>');
        $.post('{{ route("sicredi.baixar-boleto") }}', { _token: '{{ csrf_token() }}', nosso_numero: nosso })
        .done(() => { swal('Sucesso', 'Boleto baixado!', 'success').then(() => location.reload()); })
        .fail(err => {
            swal('Erro', err.responseJSON?.error ?? 'Erro ao baixar', 'error');
            btn.prop('disabled', false).html('<i class="ri-download-line"></i> Baixar');
        });
    });
});
</script>
@endsection