@extends('layouts.admin')
@section('title', 'Loyalty Tiers')
@section('content')
<x-page-header :title="'Tiers — '.$loyaltyProgram->name"><x-slot:actions><a href="{{ route('admin.loyalty.programs.index') }}" class="btn btn-hp-outline btn-sm">Programs</a></x-slot:actions></x-page-header>
<div class="row g-4">
<div class="col-md-5"><div class="hp-card"><div class="hp-card-header">Add Tier</div><div class="hp-card-body"><form method="POST" action="{{ route('admin.loyalty.tiers.store', $loyaltyProgram->id) }}">@csrf
<div class="mb-3"><label class="form-label">Name</label><input name="name" class="form-control" required></div>
<div class="mb-3"><label class="form-label">Min Points</label><input type="number" name="min_points" class="form-control" min="0" required></div>
<div class="mb-3"><label class="form-label">Discount %</label><input type="number" step="0.01" name="discount_percent" class="form-control" min="0" max="100"></div>
<div class="mb-3"><label class="form-label">Bonus Multiplier</label><input type="number" step="0.01" name="bonus_multiplier" class="form-control" min="0" value="1"></div>
<button class="btn btn-hp-primary">Add Tier</button>
</form></div></div></div>
<div class="col-md-7"><div class="hp-card"><div class="table-responsive"><table class="table hp-table mb-0"><thead><tr><th>Name</th><th>Min Points</th><th>Discount</th><th>Multiplier</th><th></th></tr></thead>
<tbody>@forelse($tiers as $t)<tr><td>{{ $t->name }}</td><td>{{ $t->min_points }}</td><td>{{ $t->discount_percent }}%</td><td>{{ $t->bonus_multiplier }}x</td>
<td><form action="{{ route('admin.loyalty.tiers.destroy', $t->id) }}" method="POST" class="d-inline" data-confirm="Remove tier?">@csrf @method('DELETE')<button class="btn btn-sm btn-hp-outline text-danger">Remove</button></form></td></tr>@empty<tr><td colspan="5" class="text-muted">No tiers defined</td></tr>@endforelse</tbody></table></div></div></div>
</div>
@endsection