@extends('dashboard.layout')
@section('title','أكواد المنتجات')
@section('container','container-fluid')

@section('content')
<div class="card card-dark p-3">
  <div class="d-flex align-items-center justify-content-between mb-3">
    <h2 class="h6 m-0">الأكواد</h2>
    <a href="{{ route('dashboard.codes.create') }}" class="btn btn-primary btn-sm"><i class="fas fa-plus ms-1"></i> كود جديد</a>
  </div>

  <div class="table-responsive-stack">
    <table class="table align-middle mb-0">
      <thead><tr><th>#</th><th>المنتج</th><th>الكود</th><th>الحالة</th><th>أضيف بتاريخ</th><th>خيارات</th></tr></thead>
      <tbody>
      @forelse($codes as $code)
        <tr>
          <td>{{ $code->id }}</td>
          <td>{{ $code->product?->name ?? '—' }}</td>
          <td class="fw-bold">{{ $code->value }}</td>
          <td><span class="badge bg-{{ $code->used ? 'secondary' : 'success' }}">{{ $code->used ? 'مستخدم' : 'متاح' }}</span></td>
          <td>{{ $code->created_at?->format('Y-m-d') }}</td>
          <td class="d-flex flex-wrap gap-1">
            <a href="{{ route('dashboard.codes.edit',$code) }}" class="btn btn-sm btn-primary">تعديل</a>
            <form action="{{ route('dashboard.codes.destroy',$code) }}" method="POST" onsubmit="return confirm('حذف الكود؟')">
              @csrf @method('DELETE')
              <button class="btn btn-sm btn-danger">حذف</button>
            </form>
          </td>
        </tr>
      @empty
        <tr><td colspan="6" class="text-muted">لا توجد أكواد.</td></tr>
      @endforelse
      </tbody>
    </table>
  </div>

  <div class="mt-3">{{ $codes->withQueryString()->links() }}</div>
</div>
@endsection