@extends('layouts.app')
@section('title', __('Salary and payroll'))
@section('content')
@if(auth()->user()->isAdmin())
<section class="panel-card overflow-hidden">
  <div class="border-b border-slate-100 px-5 py-4"><h2 class="font-bold">{{ __('Employee salary management') }}</h2></div>
  <div class="divide-y divide-slate-100">
    @forelse($employees as $employee)
      <div class="grid gap-3 px-5 py-4 sm:grid-cols-[1fr_auto] sm:items-center">
        <div><p class="font-bold text-slate-800">{{ $employee->name }} · {{ $employee->member_id }}</p><p class="mt-1 text-xs text-slate-500">{{ $employee->profile?->department?->name ?? __('No department') }} · {{ $employee->profile?->job_title ?? __('No job title') }}</p></div>
        <div class="flex flex-wrap gap-2">
          <form method="POST" action="{{ route('admin.salary.update', $employee) }}" class="flex gap-2">@csrf @method('PUT')
            <input name="monthly_salary" type="number" min="0" step="0.01" value="{{ $employee->profile?->monthly_salary }}" class="field-control w-36" placeholder="{{ __('Monthly salary') }}" required>
            <button class="rounded-xl border border-slate-200 px-3 text-xs font-bold">{{ __('Save') }}</button>
          </form>
          <form method="POST" action="{{ route('admin.salary.pay', $employee) }}" class="flex gap-2">@csrf
            <input name="period" type="month" value="{{ now()->format('Y-m') }}" class="field-control w-36" required>
            <button class="rounded-xl bg-emerald-700 px-3 text-xs font-bold text-white">{{ __('Pay salary') }}</button>
          </form>
        </div>
      </div>
    @empty<div class="px-5 py-10 text-center text-slate-400">{{ __('No active employees.') }}</div>@endforelse
  </div>
</section>
@else
<section class="panel-card p-5"><p class="text-sm text-slate-500">{{ __('Your current monthly salary') }}</p><p class="mt-2 text-3xl font-extrabold text-slate-900">৳{{ number_format((float) auth()->user()->profile?->monthly_salary, 2) }}</p></section>
@endif
<section class="panel-card mt-5 overflow-hidden">
  <div class="border-b border-slate-100 px-5 py-4"><h2 class="font-bold">{{ auth()->user()->isAdmin() ? __('Recent salary payments') : __('My salary history') }}</h2></div>
  <div class="table-scroll"><table class="w-full text-left text-sm"><thead class="bg-slate-50 text-xs uppercase text-slate-400"><tr>@if(auth()->user()->isAdmin())<th class="px-5 py-3">{{ __('Employee') }}</th>@endif<th class="px-5 py-3">{{ __('Amount') }}</th><th class="px-5 py-3">{{ __('Reference') }}</th><th class="px-5 py-3">{{ __('Date') }}</th></tr></thead><tbody class="divide-y divide-slate-100">
    @forelse($salaries as $salary)<tr>@if(auth()->user()->isAdmin())<td class="px-5 py-4 font-semibold">{{ $salary->user?->name }}</td>@endif<td class="px-5 py-4 font-bold">৳{{ number_format($salary->amount, 2) }}</td><td class="px-5 py-4 text-xs text-slate-500">{{ $salary->reference }}</td><td class="px-5 py-4">{{ $salary->created_at->format('M d, Y') }}</td></tr>@empty<tr><td colspan="{{ auth()->user()->isAdmin() ? 4 : 3 }}" class="px-5 py-8 text-center text-slate-400">{{ __('No salary payments recorded yet.') }}</td></tr>@endforelse
  </tbody></table></div><div class="border-t border-slate-100 px-5 py-4">{{ $salaries->links() }}</div>
</section>
@endsection