@extends('layouts.dashboard')

@section('title', 'Cadeaubonnen & korting')
@section('eyebrow', 'Website & betalingen')
@section('page-title', 'Cadeaubonnen & korting')

@push('styles')
<link rel="stylesheet" href="{{ asset('css/pages/owner-gifts.css') }}?v={{ @filemtime(public_path('css/pages/owner-gifts.css')) ?: time() }}">
@endpush

@section('content')
<section class="gift-admin">
    <div class="gift-admin__intro">
        <div>
            <span class="gift-admin__eyebrow"><i class="ri-gift-line"></i> Genkai tegoed</span>
            <h2>Cadeaubonnen, tegoeden en kortingscodes.</h2>
            <p>Volg uitgegeven tegoeden, resterende saldi en maak kortingscodes aan die medewerkers rechtstreeks aan een tafelsessie kunnen toepassen.</p>
        </div>
        <a href="{{ route('owner.settings.edit') }}" class="gift-admin__settings"><i class="ri-settings-3-line"></i> Cadeauboninstellingen</a>
    </div>

    <div class="gift-admin__stats">
        <article><span>Actieve cadeaubonnen</span><strong>{{ $stats['active'] }}</strong></article>
        <article><span>Openstaand tegoed</span><strong>€ {{ number_format($stats['outstanding'], 2, ',', '.') }}</strong></article>
        <article><span>Uitgegeven waarde</span><strong>€ {{ number_format($stats['issued'], 2, ',', '.') }}</strong></article>
        <article><span>Actieve kortingscodes</span><strong>{{ $stats['discounts_active'] }}</strong></article>
    </div>

    <div class="gift-admin__layout">
        <section class="gift-admin__card gift-admin__card--wide">
            <div class="gift-admin__card-head">
                <div><span>Cadeaubonnen</span><h3>Uitgegeven bonnen</h3></div>
                <small>{{ $vouchers->total() }} resultaat/resultaten</small>
            </div>
            <form method="GET" action="{{ route('owner.gifts.index') }}" class="gift-admin__search">
                <input name="q" value="{{ request('q') }}" placeholder="Zoek code, ontvanger of e-mail…">
                <button type="submit"><i class="ri-search-line"></i> Zoeken</button>
                @if(request('q'))<a href="{{ route('owner.gifts.index') }}">Wissen</a>@endif
            </form>

            <div class="gift-admin__table-wrap">
                <table class="gift-admin__table">
                    <thead><tr><th>Code</th><th>Voor / koper</th><th>Waarde</th><th>Saldo</th><th>Geldig tot</th><th>Status</th><th></th></tr></thead>
                    <tbody>
                    @forelse($vouchers as $voucher)
                        <tr>
                            <td><strong class="gift-admin__code">{{ $voucher->code }}</strong><small>{{ $voucher->payment_provider === 'mollie' ? 'Mollie · '.($voucher->payment_status ?? 'onbekend') : 'Direct geactiveerd' }}</small></td>
                            <td><strong>{{ $voucher->recipient_name }}</strong><small>{{ $voucher->purchaserName() }} · {{ $voucher->purchaser_email }}</small></td>
                            <td>€ {{ number_format((float)$voucher->original_amount, 2, ',', '.') }}</td>
                            <td><strong>€ {{ number_format((float)$voucher->balance, 2, ',', '.') }}</strong><small>Gebruikt: € {{ number_format((float)($voucher->redemptions_sum_amount ?? 0), 2, ',', '.') }}</small></td>
                            <td>{{ $voucher->expires_at?->format('d/m/Y') ?? 'Na betaling' }}</td>
                            <td><span class="gift-status gift-status--{{ $voucher->status }}">{{ ['active'=>'Actief','pending_payment'=>'Wacht op betaling','redeemed'=>'Opgebruikt','cancelled'=>'Geannuleerd','expired'=>'Verlopen'][$voucher->status] ?? $voucher->status }}</span></td>
                            <td>
                                @if(in_array($voucher->status, ['active','cancelled']))
                                <form method="POST" action="{{ route('owner.gifts.update', $voucher) }}">@csrf @method('PATCH')
                                    <input type="hidden" name="status" value="{{ $voucher->status === 'active' ? 'cancelled' : 'active' }}">
                                    <button type="submit" class="gift-admin__small-button">{{ $voucher->status === 'active' ? 'Blokkeer' : 'Activeer' }}</button>
                                </form>
                                @endif
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="7" class="gift-admin__empty">Nog geen cadeaubonnen aangemaakt.</td></tr>
                    @endforelse
                    </tbody>
                </table>
            </div>

            @if($vouchers->hasPages())
            <div class="gift-admin__pager">
                @if($vouchers->onFirstPage())<span>← Vorige</span>@else<a href="{{ $vouchers->previousPageUrl() }}">← Vorige</a>@endif
                <strong>Pagina {{ $vouchers->currentPage() }} van {{ $vouchers->lastPage() }}</strong>
                @if($vouchers->hasMorePages())<a href="{{ $vouchers->nextPageUrl() }}">Volgende →</a>@else<span>Volgende →</span>@endif
            </div>
            @endif
        </section>

        <section class="gift-admin__card">
            <div class="gift-admin__card-head"><div><span>Kortingscodes</span><h3>Nieuwe code</h3></div></div>
            <form method="POST" action="{{ route('owner.discounts.store') }}" class="gift-admin__form">@csrf
                <label><span>Code</span><input name="code" value="{{ old('code') }}" placeholder="GENKAI10" required></label>
                <label><span>Omschrijving</span><input name="description" value="{{ old('description') }}" placeholder="Bijv. jubileumactie"></label>
                <div class="gift-admin__form-grid">
                    <label><span>Type</span><select name="discount_type"><option value="fixed">Vast bedrag</option><option value="percent">Percentage</option></select></label>
                    <label><span>Waarde</span><input type="number" step="0.01" min="0.01" name="value" value="{{ old('value') }}" required></label>
                    <label><span>Max. gebruik</span><input type="number" min="1" name="max_uses" value="{{ old('max_uses') }}" placeholder="Onbeperkt"></label>
                    <label><span>Min. rekening (€)</span><input type="number" step="0.01" min="0" name="min_order_amount" value="{{ old('min_order_amount', 0) }}"></label>
                    <label><span>Max. korting (€)</span><input type="number" step="0.01" min="0.01" name="max_discount_amount" value="{{ old('max_discount_amount') }}" placeholder="Optioneel"></label>
                    <label><span>Geldig vanaf</span><input type="datetime-local" name="valid_from" value="{{ old('valid_from') }}"></label>
                    <label><span>Geldig tot</span><input type="datetime-local" name="expires_at" value="{{ old('expires_at') }}"></label>
                </div>
                <button type="submit" class="gift-admin__primary"><i class="ri-add-line"></i> Kortingscode aanmaken</button>
            </form>
        </section>
    </div>

    <section class="gift-admin__card">
        <div class="gift-admin__card-head"><div><span>Kortingscodes</span><h3>Bestaande codes</h3></div></div>
        <div class="gift-admin__discount-grid">
            @forelse($discountCodes as $discount)
            <article class="discount-card {{ $discount->active ? '' : 'is-inactive' }}">
                <div><strong>{{ $discount->code }}</strong><span>{{ $discount->description ?: 'Geen omschrijving' }}</span></div>
                <div class="discount-card__value">{{ $discount->discount_type === 'percent' ? rtrim(rtrim(number_format((float)$discount->value,2,'.',''),'0'),'.').'%' : '€ '.number_format((float)$discount->value,2,',','.') }}</div>
                <dl>
                    <div><dt>Gebruik</dt><dd>{{ $discount->uses_count }} / {{ $discount->max_uses ?? '∞' }}</dd></div>
                    <div><dt>Minimum</dt><dd>€ {{ number_format((float)$discount->min_order_amount,2,',','.') }}</dd></div>
                    <div><dt>Geldig tot</dt><dd>{{ $discount->expires_at?->format('d/m/Y') ?? 'Geen einddatum' }}</dd></div>
                </dl>
                <div class="discount-card__actions">
                    <form method="POST" action="{{ route('owner.discounts.toggle', $discount) }}">@csrf @method('PATCH')<button type="submit">{{ $discount->active ? 'Pauzeren' : 'Activeren' }}</button></form>
                    <form method="POST" action="{{ route('owner.discounts.destroy', $discount) }}" onsubmit="return confirm('Kortingscode verwijderen of deactiveren?')">@csrf @method('DELETE')<button type="submit" class="is-danger">Verwijderen</button></form>
                </div>
            </article>
            @empty
            <div class="gift-admin__empty">Nog geen kortingscodes aangemaakt.</div>
            @endforelse
        </div>
    </section>
</section>
@endsection