@extends('layouts.app')

@section('content')
    <div class="container-fluid">
        <div class="col-md-8">
            <div class="card card-body">
                <div class="card-title text-center">
                    <h5 class="font-weight-bold mb-4">{{ __('Salary report') }}</h5>
                    <p>{{ $start . ' to ' . $end }}</p>
                </div>
                <div class="table-responsive">
                    <table class="table table-sm">
                        <thead>
                        <tr>
                            <th>{{ __('Name') }}</th>
                            <th>{{ __('Role') }}</th>
                            <th>{{ __('Salary period') }}</th>
                            <th>{{ __('Created on') }}</th>
                            <th>{{ __('Amount') }}</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($reports as $report)
                            <tr>
                                <td>{{ $report->user->name }}</td>
                                <td>{{ $report->user->roles->first()->name }}</td>
                                <td>{{ $report->start . ' - ' . $report->end }}</td>
                                <td>{{ date('Y-m-d', strtotime($report->created_at)) }}</td>
                                <td>{{ auth()->user()->currency . $report->amount }}</td>
                            </tr>
                        @endforeach
                        </tbody>
                        <tfoot>
                        <tr>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td class="font-weight-bold">{{ __('Total') }}</td>
                            <td>{{ auth()->user()->currency . $reports->sum('amount') }}</td>
                        </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection