@extends('layouts.app')
@section('title', 'Payroll Run')
@section('content')
<div class="d-flex justify-content-between mb-3">
    <h4>Payroll — {{ $payrollRun->periodLabel() }}</h4>
    <span class="badge bg-secondary align-self-start fs-6">{{ ucfirst($payrollRun->status) }}</span>
</div>

<table class="table bg-white">
    <thead><tr><th>Staff</th><th>Base</th><th>Allowances</th><th>Deductions</th><th>Net Pay</th><th>Status</th><th></th></tr></thead>
    <tbody>
    @foreach ($payrollRun->payslips as $p)
    <tr>
        <td>{{ $p->user->name }}</td>
        <td>{{ number_format($p->base_salary,2) }}</td>
        <td>{{ number_format($p->allowances,2) }}</td>
        <td>{{ number_format($p->deductions,2) }}</td>
        <td class="fw-bold">{{ number_format($p->net_pay,2) }}</td>
        <td>{{ ucfirst($p->status) }}</td>
        <td>
            @if ($payrollRun->status !== 'paid')
            <form method="POST" action="{{ route('admin.payslips.update', $p) }}" class="d-flex gap-1">
                @csrf @method('PUT')
                <input type="number" step="0.01" name="deductions" value="{{ $p->deductions }}" class="form-control form-control-sm" style="width:90px;">
                <input name="deduction_notes" value="{{ $p->deduction_notes }}" placeholder="reason" class="form-control form-control-sm" style="width:100px;">
                <button class="btn btn-sm btn-outline-dark">Save</button>
            </form>
            @endif
        </td>
    </tr>
    @endforeach
    </tbody>
    <tfoot><tr><th colspan="4" class="text-end">Total</th><th>{{ number_format($payrollRun->total_amount,2) }}</th><th colspan="2"></th></tr></tfoot>
</table>

@if ($payrollRun->status !== 'paid')
<form method="POST" action="{{ route('admin.payroll.mark-paid', $payrollRun) }}" onsubmit="return confirm('Mark this entire payroll run as paid? This posts a Salary Expense entry to accounting.')">
    @csrf
    <button class="btn btn-success">Mark Entire Run as Paid</button>
</form>
@endif
@endsection