@extends('layouts.app')

@section('title') Point History @endsection

@section('content')
<div class="container py-5">
	<div class="row">
		<div class="col-xl-3 col-lg-4 py-5" style="background: #fff8e8;">
			@include('partials.customer_sidebar')
		</div>
		<div class="col-lg-8 col-xl-9">
			<div>
				<p>Point History</p>
				@if ($points->count() == 0)
				<p>No record</p>
				@endif
				@if($ongoing_expired && $ongoing_expired[0]->point_left > 0)
				<div class="text-red">{{ $ongoing_expired[0]->point_left }} point(s) is going to expired on {{ $ongoing_expired[0]->exipred_date }}.</div>
				@endif
			</div>
			<hr>
			@if ($points->count() > 0)
			<div class="table-responsive">
				<table class="table table-borderless">
					<thead>
						<tr>
							<th>Date</th>
							<th>Points</th>
							<th>Description</th>
							<th>Total</th>
						</tr>
					</thead>

					<tbody>
						@foreach ($points as $point)
						<tr>
							<td class="text-center">{{ $point->created_at_formatted }}</td>
							<td class="text-center">{{ $point->difference }}</td>
							<td class="text-center text-wrap">{{ $point->description ?? '-' }}</td>
							<td class="text-center">{{ $point->after }}</td>
						</tr>
						@endforeach
					</tbody>
				</table>
			</div>

			{{ $points->links() }}
			@endif
		</div>
	</div>
</div>
@endsection