@extends('layouts.admin')

@section('heading', 'Salary Management')
@section('subheading', 'Track pay type and record salary payments for your staff.')

@section('content')

@if (session('status'))
  <div class="mb-4 text-sm rounded-lg px-4 py-3" style="background:#E1F5EE; color:#0F6E56;">{{ session('status') }}</div>
@endif

<div class="card p-0 overflow-hidden">
  <table class="w-full text-sm">
    <thead>
      <tr class="text-left" style="background:#FFF9F0; color:#a19a8f;">
        <th class="px-5 py-3 font-medium text-xs">Staff ID</th>
        <th class="px-5 py-3 font-medium text-xs">Name</th>
        <th class="px-5 py-3 font-medium text-xs">Pay type</th>
        <th class="px-5 py-3 font-medium text-xs text-right">Rate</th>
        <th class="px-5 py-3 font-medium text-xs text-right">Total paid</th>
        <th class="px-5 py-3 font-medium text-xs text-right">Actions</th>
      </tr>
    </thead>
    <tbody>
      @forelse($staff as $member)
        <tr class="border-t" style="border-color:#f2ece0;">
          <td class="px-5 py-3 text-xs font-medium" style="color:#5E35B1;">{{ $member->staff_code ?? '—' }}</td>
          <td class="px-5 py-3 font-medium">{{ $member->name }}</td>
          <td class="px-5 py-3">
            @if($member->salarySetting?->salary_type)
              <span class="text-xs px-2 py-1 rounded-full" style="background:#EEEDFE; color:#5E35B1;">{{ ucfirst($member->salarySetting->salary_type) }}</span>
            @else
              <span class="text-xs" style="color:#a19a8f;">Not set</span>
            @endif
          </td>
          <td class="px-5 py-3 text-right">
            @if($member->salarySetting?->salary_type === 'fixed')
              ₹{{ number_format($member->salarySetting->base_salary ?? 0, 0) }}/mo
            @elseif($member->salarySetting?->salary_type === 'commission')
              {{ $member->salarySetting->commission_rate ?? 0 }}%
            @else
              —
            @endif
          </td>
          <td class="px-5 py-3 text-right font-medium">₹{{ number_format($member->salary_payments_sum_amount ?? 0, 0) }}</td>
          <td class="px-5 py-3 text-right">
            <a href="{{ route('salary.show', $member) }}" class="text-xs font-medium" style="color:#5E35B1;">Manage →</a>
          </td>
        </tr>
      @empty
        <tr><td colspan="6" class="px-5 py-8 text-center" style="color:#a19a8f;">No staff yet.</td></tr>
      @endforelse
    </tbody>
  </table>
</div>

@endsection