@extends('layouts.app')

@section('content')
    <div class="row">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h4 class="card-title mb-0">Cuentas por Pagar - {{ $proveedor->alias ?? $proveedor->nombre }}</h4>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table table-sm table-striped">
                            <thead>
                                <tr>
                                    <th>ID</th>
                                    <th>Categoría</th>
                                    <th>Descripción</th>
                                    <th class="text-end">Cantidad</th>
                                    <th class="text-center">Fecha Límite</th>
                                    <th class="text-center">Días Vencidos</th>
                                    <th class="text-center">Aging</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($gastos as $gasto)
                                    <tr>
                                        <td>
                                            <a href="{{ route('gasto.show', $gasto->id) }}">{{ $gasto->id }}</a>
                                        </td>
                                        <td>{{ $gasto->categoria }}</td>
                                        <td>{{ $gasto->descripcion }}</td>
                                        <td class="text-end text-danger">${{ number_format($gasto->cantidad, 2) }}</td>
                                        <td class="text-center">{{ $gasto->fecha_limite ? \Carbon\Carbon::parse($gasto->fecha_limite)->format('d/m/Y') : '-' }}</td>
                                        <td class="text-center">{{ $gasto->dias_vencidos }}</td>
                                        <td class="text-center">
                                            <span class="badge rounded-pill {{ $gasto->aging_badge }}">{{ $gasto->aging_category }}</span>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                            <tfoot>
                                <tr>
                                    <td colspan="3" class="text-end"><strong>Total Pendiente:</strong></td>
                                    <td class="text-end text-danger"><strong>${{ number_format($totalPendiente, 2) }}</strong></td>
                                    <td colspan="3"></td>
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title mb-0">Resumen por Antigüedad</h5>
                </div>
                <div class="card-body">
                    <div class="mb-2 d-flex justify-content-between">
                        <span><span class="badge bg-success">Vigente</span></span>
                        <strong>${{ number_format($aging['vigente'], 2) }}</strong>
                    </div>
                    <div class="mb-2 d-flex justify-content-between">
                        <span><span class="badge bg-info">1-30 días</span></span>
                        <strong>${{ number_format($aging['1_30'], 2) }}</strong>
                    </div>
                    <div class="mb-2 d-flex justify-content-between">
                        <span><span class="badge bg-warning">31-60 días</span></span>
                        <strong>${{ number_format($aging['31_60'], 2) }}</strong>
                    </div>
                    <div class="mb-2 d-flex justify-content-between">
                        <span><span class="badge bg-danger">61-90 días</span></span>
                        <strong>${{ number_format($aging['61_90'], 2) }}</strong>
                    </div>
                    <div class="mb-2 d-flex justify-content-between">
                        <span><span class="badge bg-dark">+90 días</span></span>
                        <strong>${{ number_format($aging['mas_90'], 2) }}</strong>
                    </div>
                    <hr>
                    <div class="d-flex justify-content-between">
                        <strong>Total</strong>
                        <strong class="text-danger">${{ number_format($totalPendiente, 2) }}</strong>
                    </div>
                </div>
            </div>

            <div class="card mt-3">
                <div class="card-header">
                    <h5 class="card-title mb-0">Datos del Proveedor</h5>
                </div>
                <div class="card-body">
                    <p class="mb-1"><strong>Nombre:</strong> {{ $proveedor->nombre ?? $proveedor->alias }}</p>
                    @if($proveedor->telefono)
                        <p class="mb-1"><strong>Teléfono:</strong> {{ $proveedor->telefono }}</p>
                    @endif
                    @if($proveedor->correo)
                        <p class="mb-1"><strong>Correo:</strong> {{ $proveedor->correo }}</p>
                    @endif
                    @if($proveedor->banco)
                        <p class="mb-1"><strong>Banco:</strong> {{ $proveedor->banco }}</p>
                        <p class="mb-1"><strong>Cuenta:</strong> {{ $proveedor->numero_cuenta }}</p>
                    @endif
                </div>
            </div>

            <div class="mt-3">
                <a href="{{ route('cuenta_pagar.index') }}" class="btn btn-secondary w-100">Volver al Listado</a>
            </div>
        </div>
    </div>
@endsection