@extends('layouts.app')
@section('title', 'Edit Payslip')
@section('content')
<form action="{{ route('payroll.update', $payslip) }}" method="POST">
    @csrf @method('PUT')
    <input type="hidden" name="staff_id" value="{{ $payslip->staff_id }}">
    <input type="hidden" name="period_month" value="{{ $payslip->period_month }}">
    <input type="hidden" name="period_year" value="{{ $payslip->period_year }}">
    <div class="card mb-3"><div class="card-body py-2 d-flex justify-content-between align-items-center">
        <div><strong>{{ $staff->name }}</strong> · {{ $staff->passport_no }}
            <span class="text-muted text-sm">— {{ $payslip->periodLabel() }}</span></div>
        <button class="btn btn-primary btn-sm mb-0">Update Payslip</button>
    </div></div>
    @include('payroll._form')
    <div class="text-end mt-3">
        <a href="{{ route('payroll.show', $payslip) }}" class="btn btn-outline-secondary">Cancel</a>
        <button class="btn btn-primary">Update Payslip</button>
    </div>
</form>
@endsection