@extends('layouts.app')
@section('title', __('sales.coupons'))
@section('content')
<h5 class="fw-bold mb-3">{{ __('sales.coupons') }}</h5>
<div class="row g-3">
  <div class="col-md-4">
    <div class="card"><div class="card-body">
      <h6 class="fw-bold">{{ __('app.add') }}</h6>
      <form method="POST" action="{{ route('coupons.store') }}" class="row g-2">@csrf
        <div class="col-12"><input name="code" class="form-control" placeholder="{{ __('sales.coupon_code') }}" required></div>
        <div class="col-6">
          <select name="type" class="form-select">
            <option value="fixed">{{ __('app.amount') }}</option>
            <option value="percent">%</option>
          </select></div>
        <div class="col-6"><input type="number" step="0.01" min="0.01" name="value" class="form-control" placeholder="{{ __('app.amount') }}" required></div>
        <div class="col-6"><input type="number" step="0.01" min="0" name="min_total" class="form-control" placeholder="{{ __('app.total') }} ≥"></div>
        <div class="col-6"><input type="number" min="1" name="max_uses" class="form-control" placeholder="Max uses"></div>
        <div class="col-12"><input type="date" name="expires_at" class="form-control"></div>
        <div class="col-12"><button class="btn btn-primary w-100">{{ __('app.save') }}</button></div>
      </form>
    </div></div>
  </div>
  <div class="col-md-8">
    <div class="card"><div class="card-body">
      <div class="table-responsive">
      <table class="table table-hover align-middle">
        <thead><tr><th>{{ __('sales.coupon_code') }}</th><th>{{ __('app.type') }}</th><th>{{ __('app.amount') }}</th><th>{{ __('app.status') }}</th><th></th></tr></thead>
        <tbody>
          @forelse($coupons as $coupon)
          <tr>
            <td class="fw-bold">{{ $coupon->code }}</td>
            <td>{{ $coupon->type === 'percent' ? '%' : __('app.amount') }}</td>
            <td>{{ $coupon->type === 'percent' ? $coupon->value . '%' : money($coupon->value) }}</td>
            <td>
              <form method="POST" action="{{ route('coupons.update', $coupon) }}">@csrf @method('PUT')
                <input type="hidden" name="is_active" value="{{ $coupon->is_active ? 0 : 1 }}">
                <button class="btn btn-sm border-0 p-0">
                  <span class="badge text-bg-{{ $coupon->isValid() ? 'success' : 'secondary' }}">{{ $coupon->is_active ? __('app.active') : __('app.inactive') }}</span>
                </button>
              </form>
            </td>
            <td class="text-end">
              <span class="small text-secondary">{{ $coupon->used_count }}/{{ $coupon->max_uses ?? '∞' }}</span>
              <form method="POST" action="{{ route('coupons.destroy', $coupon) }}" class="d-inline" onsubmit="return confirm('{{ __('app.confirm_delete') }}')">@csrf @method('DELETE')
                <button class="btn btn-sm btn-outline-danger"><i class="bi bi-trash"></i></button>
              </form>
            </td>
          </tr>
          @empty
          <tr><td colspan="5" class="text-center text-secondary py-4">{{ __('app.no_data') }}</td></tr>
          @endforelse
        </tbody>
      </table>
      </div>
      {{ $coupons->links() }}
    </div></div>
  </div>
</div>
@endsection