@extends('layouts.app')
@section('title', __('Incentive rules'))
@section('content')
<section class="panel-card p-5 sm:p-7">
  <h2 class="text-lg font-bold text-slate-900">{{ __('Create incentive rule') }}</h2>
  <p class="mt-1 text-sm text-slate-500">{{ __('Rewards are automatically added to the wallet when approved monthly sales reach a rule threshold.') }}</p>
  <form method="POST" action="{{ route('admin.incentives.store') }}" class="mt-4 grid gap-4 sm:grid-cols-2 lg:grid-cols-4">@csrf
    <label class="block text-sm font-semibold">{{ __('Rule name') }}<input name="name" class="field-control mt-2" required maxlength="255"></label>
    <input type="hidden" name="basis" value="personal_sales">
    <label class="block text-sm font-semibold">{{ __('Sales threshold') }}<input name="threshold_amount" type="number" min="0.01" step="0.01" class="field-control mt-2" required></label>
    <label class="block text-sm font-semibold">{{ __('Reward amount') }}<input name="reward_amount" type="number" min="0.01" step="0.01" class="field-control mt-2" required></label>
    <button class="self-end rounded-xl bg-blue-900 px-5 py-3 text-sm font-bold text-white">{{ __('Save rule') }}</button>
  </form>
</section>
<section class="mt-5 grid gap-4 lg:grid-cols-2">
  @foreach($rules as $rule)
    <article class="panel-card p-5">
      <div class="flex items-start justify-between gap-3">
        <div><h2 class="font-bold text-slate-900">{{ $rule->name }}</h2><p class="mt-1 text-xs text-slate-500">{{ __('Monthly approved sales threshold') }} ৳{{ number_format($rule->threshold_amount, 2) }} · {{ __('Reward') }} ৳{{ number_format($rule->reward_amount, 2) }}</p></div>
        @if($rule->is_active)
          <form method="POST" action="{{ route('admin.incentives.destroy', $rule) }}">@csrf @method('DELETE')<button class="text-xs font-bold text-rose-600">{{ __('Deactivate') }}</button></form>
        @else<span class="text-xs font-bold text-slate-400">{{ __('Inactive') }}</span>@endif
      </div>
      <form method="POST" action="{{ route('admin.incentives.update', $rule) }}" class="mt-4 grid gap-3 sm:grid-cols-2">@csrf @method('PUT')
        <input type="hidden" name="basis" value="personal_sales">
        <label class="text-xs font-semibold text-slate-600">{{ __('Rule name') }}<input name="name" value="{{ $rule->name }}" maxlength="255" class="field-control mt-1" required></label>
        <label class="text-xs font-semibold text-slate-600">{{ __('Sales threshold') }}<input name="threshold_amount" type="number" min="0.01" step="0.01" value="{{ $rule->threshold_amount }}" class="field-control mt-1" required></label>
        <label class="text-xs font-semibold text-slate-600">{{ __('Reward amount') }}<input name="reward_amount" type="number" min="0.01" step="0.01" value="{{ $rule->reward_amount }}" class="field-control mt-1" required></label>
        <button class="self-end rounded-xl bg-blue-900 px-4 py-3 text-xs font-bold text-white">{{ __('Save changes') }}</button>
      </form>
    </article>
  @endforeach
</section>
<section class="panel-card mt-6 overflow-hidden"><div class="border-b border-slate-100 px-5 py-4"><h2 class="font-bold">{{ __('Recent incentive payouts') }}</h2></div>
  <div class="table-scroll"><table class="w-full text-left text-sm"><thead class="bg-slate-50 text-xs uppercase text-slate-400"><tr><th class="px-5 py-3">{{ __('Employee / member') }}</th><th class="px-5 py-3">{{ __('Amount') }}</th><th class="px-5 py-3">{{ __('Reference') }}</th><th class="px-5 py-3">{{ __('Date') }}</th></tr></thead><tbody class="divide-y divide-slate-100">
    @forelse($payouts as $payout)<tr><td class="px-5 py-4 font-semibold">{{ $payout->user->name }}</td><td class="px-5 py-4">৳{{ number_format($payout->amount, 2) }}</td><td class="px-5 py-4 text-xs text-slate-500">{{ $payout->reference }}</td><td class="px-5 py-4">{{ $payout->created_at->format('M d, Y') }}</td></tr>@empty<tr><td colspan="4" class="px-5 py-8 text-center text-slate-400">{{ __('No incentive payouts yet.') }}</td></tr>@endforelse
  </tbody></table></div><div class="border-t border-slate-100 px-5 py-4">{{ $payouts->links() }}</div>
</section>
@endsection