@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">{{ __('User billing report') }}</h5>
                    <p>{{ $start . ' to ' . $end }}</p>
                </div>
                <div class="table-responsive">
                    <table class="table table-sm">
                        <thead>
                        <tr>
                            <th>{{ __('Name') }}</th>
                            <th>{{ __('From') }}</th>
                            <th>{{ __('To') }}</th>
                            <th>{{ __('Amount') }}</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($reports as $report)
                            <tr>
                                <td>{{ $report->user->name }}</td>
                                <td>{{ $report->start }}</td>
                                <td>{{ $report->end }}</td>
                                <td>{{ $report->amount }}</td>
                            </tr>
                        @endforeach
                        </tbody>
                        <tfoot>
                        <tr>
                            <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