@extends('layouts.admin')
@section('title', __('Store credit'))
@section('content')
<h1 class="mb-6 text-2xl font-extrabold text-primary">{{ __('Store credit') }}</h1>
<form method="POST" action="{{ route('admin.credits.grant') }}" class="mb-8 grid gap-4 rounded-[32px] border border-surface-variant bg-white p-6 sm:grid-cols-4">@csrf
    <x-field name="email" type="email" :label="__('Customer email')" required/>
    <x-field name="amount" type="number" step="0.01" :label="__('Amount (minus takes away)')" required/>
    <x-field name="reason" :label="__('Reason')"/>
    <div class="flex items-end"><x-btn type="submit" block>{{ __('Add credit') }}</x-btn></div>
</form>
@if ($result['items'])
<div class="overflow-x-auto rounded-[28px] border border-surface-variant bg-white">
    <table class="w-full min-w-[640px] text-left text-sm">
        <thead class="bg-surface-mid text-on-surface-variant"><tr><th class="p-4">{{ __('Customer') }}</th><th class="p-4">{{ __('Change') }}</th><th class="p-4">{{ __('Balance now') }}</th><th class="p-4">{{ __('Reason') }}</th><th class="p-4">{{ __('Date') }}</th></tr></thead>
        <tbody>@foreach ($result['items'] as $c)
            <tr class="border-t border-surface-variant"><td class="p-4"><strong class="text-primary">{{ $c->customer }}</strong><span class="block text-xs text-outline">{{ $c->email }}</span></td><td class="p-4 font-bold">{{ $shop->money->format((float) $c->amount) }}</td><td class="p-4">{{ $shop->money->format((float) $c->balance) }}</td><td class="p-4">{{ $c->reason }}</td><td class="p-4">{{ $c->created_at }}</td></tr>
        @endforeach</tbody>
    </table>
</div>
@include('partials.pagination', ['result' => $result])
@else <x-empty :title="__('No store credit yet')"/> @endif
@endsection