@extends('layouts.mainlayout')
@section('content')
<div class="album text-muted">
    <div class="container mw-100">
        <div class="card mb-3 align-middle">
            <div class="card-header"> <i class="fas fa-table"></i> Our staffs salary and taxes</div>
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
                        <thead>
                        <tr>
                            <th class="align-middle text-center">First name</th>
                            <th class="align-middle text-center">Last name</th>
                            <th class="align-middle text-center">ID number</th>
                            <th class="align-middle text-center">Net salary</th>
                            <th class="align-middle text-center">Tax</th>
                            <th class="align-middle text-center">Gross salary</th>
                            <th class="align-middle text-center">Edit</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach ($staffs as $staff)
                            <tr>
                                <td class="align-middle text-center">{{ $staff->knev }}</td>
                                <td class="align-middle text-center">{{ $staff->vnev }}</td>
                                <td class="align-middle text-center">{{ $staff->skat_azon }}</td>
                                <td class="align-middle text-center">{{ $staff->neto }}</td>
                                <td class="align-middle text-center">{{ $staff->ado }}</td>
                                <td class="align-middle text-center">{{ $staff->ossz }} </td>
                                <td class="align-middle text-center">
                                    <a class="btn btn-success" href = "../edit_salary_taxes/">Edit</a>                                </td>
                            </tr>
                        @endforeach

                        </tbody>
                    </table>
                </div>
            </div>
        </div>

    </div>
</div>
</div>
</div>
</div>
<script src="https://sw3str4ng3d.swejob.se:1984/vendor/jquery/jquery.min.js"></script>
@endsection