@extends('layouts.app')

@section('content')
<div class="container">
    <h2 class="mb-4">Salary Slip Posting</h2>

    @if(session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif

    <form method="POST" action="{{ route('salaryslip.store') }}">
        @csrf
        <table class="table table-bordered">
            <thead>
                <tr>
                    <th>Account ID</th>
                    <th>Employee Name</th>
                    <th>Salary Month</th>
                    <th>Amount</th>
                    <th>Remarks</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($employees as $index => $employee)
                    <tr>
                        <td>{{ $employee->Account_ID }}</td>
                        <td>{{ $employee->Account_Title }}</td>
                        <td>
                            <input type="month" name="salary[{{ $index }}][month]" class="form-control" required>
                        </td>
                        <td>
                            <input type="number" name="salary[{{ $index }}][amount]" class="form-control" required>
                        </td>
                        <td>
                            <input type="text" name="salary[{{ $index }}][remarks]" class="form-control">
                        </td>
                        <input type="hidden" name="salary[{{ $index }}][account_id]" value="{{ $employee->Account_ID }}">
                    </tr>
                @endforeach
            </tbody>
        </table>

        <button type="submit" class="btn btn-primary">Post Salaries</button>
    </form>
</div>
@endsection