@extends('layouts.admin')

@section('title', 'Historial de Puntos')

@section('content')
<div class="container">
    <h2 class="mb-4">Historial de puntos – {{ $tarjeta->nombre_comercio }}</h2>

    <a href="{{ route('tarjetas.index') }}" class="btn btn-secondary mb-4">← Volver a mis tarjetas</a>
    <a href="{{ route('tarjetas.historial.pdf', $tarjeta->id) }}" class="btn btn-danger mb-4">Exportar a PDF</a>

    @if($historial->isEmpty())
        <p class="text-muted">Aún no se han registrado movimientos de puntos.</p>
    @else
    <table class="table table-striped table-bordered">
        <thead class="table-light">
            <tr>
                <th>Fecha</th>
                <th>Puntos Sumados</th>
                <th>Descripción</th>
            </tr>
        </thead>
        <tbody>
            @foreach($historial as $mov)
            <tr>
                <td>{{ $mov->created_at->format('d/m/Y H:i') }}</td>
                <td>{{ $mov->puntos }}</td>
                <td>{{ $mov->descripcion ?? '—' }}</td>
            </tr>
            @endforeach
        </tbody>
    </table>
    @endif
</div>
@endsection