@extends('layouts.admin')
@section('title','Store credit')
@section('content')
@php
  $money = fn (int $cents) => 'AUD '.number_format($cents / 100, 2);
@endphp

<x-admin.page
    title="Store credit"
    subtitle="Customer wallet balances — issue goodwill credit, track liability, and audit redemptions."
>
    <x-slot:actions>
        <a href="{{ route('admin.customers.index') }}" class="admin-btn"><i data-lucide="users" class="h-3.5 w-3.5"></i> Customers</a>
        <a href="{{ route('admin.accounting.gift-cards') }}" class="admin-btn"><i data-lucide="gift" class="h-3.5 w-3.5"></i> Gift cards</a>
    </x-slot:actions>

    @if(session('status'))
        <div class="mb-4 rounded-lg border border-emerald-200 bg-emerald-50 px-4 py-3 text-sm text-emerald-900">{{ session('status') }}</div>
    @endif
    @if($errors->any())
        <div class="mb-4 rounded-lg border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-800">{{ $errors->first() }}</div>
    @endif

    <div class="order-ops-stat-rail mb-5">
        <div class="order-ops-stat is-active">
            <span class="order-ops-stat-label">Open balances</span>
            <span class="order-ops-stat-value">{{ number_format($stats['accounts']) }}</span>
            <span class="order-ops-stat-meta">Accounts with credit</span>
        </div>
        <div class="order-ops-stat">
            <span class="order-ops-stat-label">Liability</span>
            <span class="order-ops-stat-value text-lg">{{ $money($stats['liability_cents']) }}</span>
            <span class="order-ops-stat-meta">Outstanding store credit</span>
        </div>
        <div class="order-ops-stat">
            <span class="order-ops-stat-label">Issued 30d</span>
            <span class="order-ops-stat-value text-lg">{{ $money($stats['issued_30d']) }}</span>
            <span class="order-ops-stat-meta">Credits added</span>
        </div>
        <div class="order-ops-stat">
            <span class="order-ops-stat-label">Redeemed 30d</span>
            <span class="order-ops-stat-value text-lg">{{ $money($stats['redeemed_30d']) }}</span>
            <span class="order-ops-stat-meta">Credits spent</span>
        </div>
    </div>

    <div class="grid gap-5 xl:grid-cols-[minmax(0,1fr)_22rem]">
        <div class="space-y-5">
            <x-admin.advanced-table
                id="store-credit"
                :search-url="route('admin.customers.store-credit.index')"
                search-placeholder="Search customer name or email…"
                :columns="['customer' => 'Customer', 'balance' => 'Balance', 'txns' => 'Transactions', 'updated' => 'Updated', 'actions' => '']"
            >
                <thead>
                    <tr>
                        <th data-col="customer">Customer</th>
                        <th data-col="balance">Balance</th>
                        <th data-col="txns">Transactions</th>
                        <th data-col="updated">Updated</th>
                        <th data-col="actions"></th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($credits as $credit)
                        <tr>
                            <td data-col="customer">
                                <div class="font-medium">{{ $credit->customer?->name ?: '—' }}</div>
                                <div class="text-xs text-[#6d7175]">{{ $credit->customer?->email }}</div>
                            </td>
                            <td data-col="balance" class="tabular-nums font-semibold">{{ $money((int) $credit->balance_cents) }}</td>
                            <td data-col="txns" class="tabular-nums text-[#6d7175]">{{ number_format($credit->transactions_count) }}</td>
                            <td data-col="updated" class="text-xs text-[#6d7175]">{{ $credit->updated_at?->diffForHumans() }}</td>
                            <td data-col="actions" class="text-right">
                                @if($credit->customer)
                                    <a href="{{ route('admin.customers.show', $credit->customer) }}" class="text-sm font-medium text-[#2c6ecb] hover:underline">Profile</a>
                                @endif
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="5" class="p-12 text-center text-[#6d7175]">No open store credit balances.</td></tr>
                    @endforelse
                </tbody>
                <x-slot:footer>{{ $credits->links() }}</x-slot:footer>
            </x-admin.advanced-table>

            <x-admin.section title="Recent ledger activity">
                <div class="overflow-x-auto rounded-xl border border-[var(--color-admin-border)]">
                    <table class="w-full min-w-[560px] text-sm">
                        <thead class="bg-[#f6f6f7] text-left text-xs uppercase tracking-wide text-[#6d7175]">
                            <tr><th class="p-3">When</th><th>Customer</th><th>Type</th><th>Amount</th><th>Balance after</th></tr>
                        </thead>
                        <tbody>
                            @forelse($recent as $txn)
                                <tr class="border-t border-[var(--color-admin-border)]">
                                    <td class="p-3 text-xs text-[#6d7175]">{{ $txn->created_at?->diffForHumans() }}</td>
                                    <td>{{ $txn->storeCredit?->customer?->email ?? '—' }}</td>
                                    <td><x-admin.badge tone="muted">{{ $txn->type }}</x-admin.badge></td>
                                    <td class="tabular-nums {{ $txn->amount_cents < 0 ? 'text-red-700' : 'text-emerald-700' }}">
                                        {{ $txn->amount_cents >= 0 ? '+' : '' }}{{ $money((int) $txn->amount_cents) }}
                                    </td>
                                    <td class="tabular-nums">{{ $money((int) $txn->balance_after) }}</td>
                                </tr>
                            @empty
                                <tr><td colspan="5" class="p-8 text-center text-[#6d7175]">No transactions yet.</td></tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </x-admin.section>
        </div>

        <div class="xl:sticky xl:top-20 xl:self-start">
            <x-admin.section title="Adjust balance" hint="Positive issues credit; negative redeems. Requires customers.edit.">
                <form method="post" action="{{ route('admin.customers.store-credit.adjust') }}" class="space-y-3">
                    @csrf
                    <x-admin.field label="Customer" name="customer_id" required>
                        <select name="customer_id" required class="admin-input">
                            <option value="">Select customer…</option>
                            @foreach($customers as $customer)
                                <option value="{{ $customer->id }}" @selected((int) old('customer_id') === $customer->id)>
                                    {{ $customer->email }}{{ $customer->name ? ' — '.$customer->name : '' }}
                                </option>
                            @endforeach
                        </select>
                    </x-admin.field>
                    <x-admin.field label="Amount (AUD)" name="amount" required>
                        <input type="number" step="0.01" name="amount" value="{{ old('amount') }}" required class="admin-input" placeholder="50.00 or -25.00">
                    </x-admin.field>
                    <x-admin.field label="Type" name="type">
                        <select name="type" class="admin-input">
                            <option value="issue">Issue</option>
                            <option value="adjust">Adjust</option>
                            <option value="redeem">Redeem</option>
                        </select>
                    </x-admin.field>
                    <x-admin.field label="Note" name="note">
                        <input name="note" value="{{ old('note') }}" class="admin-input" placeholder="Goodwill, return, promo…">
                    </x-admin.field>
                    <button class="admin-btn admin-btn-primary w-full justify-center">Apply credit change</button>
                </form>
            </x-admin.section>
        </div>
    </div>
</x-admin.page>
@endsection