@extends('layouts.adminpages')

@section('content')
    <div class="content row">
        <div class="col-md-12">
            <div class="title-page">
                Historial de puntos : {{ $user->first_name }} {{ $user->last_name }} : {{ $user->identification }} -
                <a href="#" class="btn btn-sm btn-success">{{ $user->pointsAuth() }}</a>
            </div>
        </div>
        <div class="col-md-12">
            <hr>
            @if (session('status'))
                <div class="alert alert-success">
                    {{ session('status') }}
                </div>
            @endif
        </div>
        <div class="col-md-12 text-right">
            <a class="btn btn-success" href="/points-user/{{ $user->id }}" role="button"><i
                    class="fa fa-download"></i></a>
            <br> <br>
        </div>
        <div class="col-md-12 text-center">
            <div class="table-responsive">
                <table class="table">
                    <thead>
                        <tr>
                            <th>Evento</th>
                            <th>Puntos</th>
                            <th>Puntos Usados</th>
                            <th>Vencimiento</th>
                            <th>Fecha</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($points as $item)
                            <tr>
                                <td>{{ $item->event }}</td>
                                <td>{{ $item->value }}</td>
                                <td>{{ $item->used }}</td>
                                <td>{{ $item->date_expiration }}</td>
                                <td>{{ $item->created_at }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        <div class="col-md-12 text-center">
            <div class="pag-prize">
                {{ $points->links() }}
            </div>
        </div>
        <div class="col-md-12">
            <div class="footer-page"></div>
        </div>
    </div>
@endsection