@extends('layouts.admin')
@section('title', 'Adjustment')

@section('content')
{{-- Breadcrumb --}}
<div class="flex items-center gap-2 text-sm text-slate-500">
  <span>Adjustment</span><span>/</span><span class="text-slate-800 dark:text-slate-200 font-medium">All adjustments</span>
</div>

{{-- Success message --}}
@if (session('success'))
  <div class="px-4 py-3 rounded-xl bg-emerald-500/10 text-emerald-700 dark:text-emerald-400 border border-emerald-500/30 text-sm font-medium">
    {{ session('success') }}
  </div>
@endif

<div class="rounded-2xl bg-white dark:bg-slate-900 border border-slate-200 dark:border-slate-800 overflow-hidden">

  <div class="p-5 flex items-center justify-between border-b border-slate-200 dark:border-slate-800">
    <h2 class="font-bold text-lg">Stock adjustments</h2>
    <a href="{{ route('admin.adjustments.create') }}" class="h-11 px-6 inline-flex items-center rounded-xl bg-gradient-to-r from-brand-500 to-orange-500 text-slate-900 font-bold text-sm shadow-lg shadow-brand-500/25 hover:opacity-90">+ New Adjustment</a>
  </div>

  <div class="overflow-x-auto">
    <table class="w-full text-sm">
      <thead class="text-left text-xs uppercase text-slate-500 bg-slate-50 dark:bg-slate-800/50">
        <tr>
          <th class="px-6 py-3">Reference</th>
          <th>Date</th>
          <th>Note</th>
          <th class="text-right">Products</th>
          <th class="px-6 text-right">Action</th>
        </tr>
      </thead>
      <tbody class="divide-y divide-slate-100 dark:divide-slate-800">
        @forelse ($adjustments as $a)
          <tr class="hover:bg-slate-50 dark:hover:bg-slate-800/40">
            <td class="px-6 py-3 font-semibold">ADJ-{{ str_pad($a->id, 4, '0', STR_PAD_LEFT) }}</td>
            <td>{{ $a->date->format('d M Y') }}</td>
            <td class="text-slate-500">{{ $a->note ?: '—' }}</td>
            <td class="text-right">{{ $a->items_count }}</td>
            <td class="px-6 text-right">
              <a href="{{ route('admin.adjustments.show', $a) }}" class="inline-flex items-center h-9 px-3 rounded-lg text-brand-600 dark:text-brand-400 font-semibold hover:bg-brand-500/10">View</a>
            </td>
          </tr>
        @empty
          <tr>
            <td colspan="5" class="px-6 py-16 text-center text-slate-500">
              Ekhono kono adjustment kora hoyni.
              <a href="{{ route('admin.adjustments.create') }}" class="text-brand-600 dark:text-brand-400 font-semibold">Prothom ta koro</a>
            </td>
          </tr>
        @endforelse
      </tbody>
    </table>
  </div>

  @if ($adjustments->hasPages())
    <div class="p-4 border-t border-slate-200 dark:border-slate-800">{{ $adjustments->links() }}</div>
  @endif
</div>
@endsection