@extends('layouts.app')

@section('content')
<div class="container">
    <h3>Pagos registrados</h3>

    @if(session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif

    <a href="{{ route('vendedor.pagos.create') }}" class="btn btn-primary mb-3">
        <i class="bi bi-plus-circle"></i> Registrar nuevo pago
    </a>

    @if($pagos->count() > 0)
        <table class="table table-bordered table-striped align-middle">
            <thead class="table-light">
                <tr>
                    <th>Fecha</th>
                    <th>Tipo de Pago</th>
                    <th>Valor</th>
                    <th>Acciones</th>
                </tr>
            </thead>
            <tbody>
                @foreach($pagos as $pago)
                    <tr>
                        <td>{{ $pago->fecha }}</td>
                        <td>{{ $pago->tipoPago->nombre }}</td>
                        <td>${{ number_format($pago->valor, 0, ',', '.') }}</td>
                        <td>
                            <a href="{{ route('vendedor.pagos.edit', $pago->id) }}" class="btn btn-sm btn-warning">
                                <i class="bi bi-pencil-square"></i> Editar
                            </a>
                            <form action="{{ route('vendedor.pagos.destroy', $pago->id) }}" method="POST" style="display:inline-block;">
                                @csrf
                                @method('DELETE')
                                <button class="btn btn-sm btn-danger" onclick="return confirm('¿Seguro de eliminar este pago?')">
                                    <i class="bi bi-trash"></i> Eliminar
                                </button>
                            </form>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    @else
        <p class="text-muted">No hay pagos registrados aún.</p>
    @endif
</div>
@endsection