@extends('layouts.app')
@section('title', 'Staff Salaries')
@section('content')
<div class="d-flex justify-content-between mb-3">
    <h4>Staff Salaries</h4>
    <a href="{{ route('admin.payroll.index') }}" class="btn btn-outline-dark btn-sm">Payroll Runs</a>
</div>
<table class="table bg-white">
    <thead><tr><th>Staff</th><th>Current Base Salary</th><th>Allowances</th><th>Since</th><th>Update</th></tr></thead>
    <tbody>
    @foreach ($users as $u)
    <tr>
        <td>{{ $u->name }}</td>
        <td>{{ $u->currentSalary ? number_format($u->currentSalary->base_salary,2) : '-' }}</td>
        <td>{{ $u->currentSalary ? number_format($u->currentSalary->allowances,2) : '-' }}</td>
        <td>{{ $u->currentSalary?->effective_from?->format('d M Y') ?? '-' }}</td>
        <td>
            <form method="POST" action="{{ route('admin.salaries.store', $u) }}" class="d-flex gap-1">
                @csrf
                <input type="number" step="0.01" name="base_salary" placeholder="Base" class="form-control form-control-sm" style="width:100px;" required>
                <input type="number" step="0.01" name="allowances" placeholder="Allowances" class="form-control form-control-sm" style="width:100px;" value="0">
                <input type="date" name="effective_from" class="form-control form-control-sm" value="{{ now()->toDateString() }}" required>
                <button class="btn btn-sm btn-dark">Set</button>
            </form>
        </td>
    </tr>
    @endforeach
    </tbody>
</table>
@endsection