@extends('content')

@section('page-title')
    <div>Statystyki pracy - szczegóły</div>
@endsection


@section('page-content')
    <x-wrapper-component>
        @if(!empty($rows))
            <div class="grid grid-cols-2 gap-2">
                <div class="col-span-2 md:col-span-1">
                    <div class="text-2xl">Pracownik: {{ $rows[0]->name }} {{ $rows[0]->last_name }}</div>
                    <div class="pb-2 text-md">Dane pochodzą ze zleceń przeniesionych do archiwum</div>
                </div>
                <div class="col-span-2 md:col-span-1">

                    <x-stats.employee-component :route="route('stats.mechanics.view.details', ['id'=>$employee_id])" :employeeId="$employee_id" :selectedYear="$year" :selectedMonth="$month" />

                </div>
            </div>

            <table class="warsztat-table">
                <thead>
                <tr>
                    <th>Data</th>
                    <th>Czas</th>
                    <th>Kwota</th>
                </tr>
                </thead>
                <tbody>
                @foreach($rows as $row)
                    <tr>
                        <td>{{ $row->work_day }}</td>
                        <td>{{ $row->total_hours }}h. {{ $row->total_minutes }}m.</td>
                        <td>{{ $row->total_full_rate }} pln</td>
                    </tr>
                @endforeach
                </tbody>
                <tfoot>
                    <tr>
                        <td>Suma:</td>
                        <td>{{ $summary['hours'] }}h. {{ $summary['minutes'] }}m.</td>
                        <td>{{ $summary['profit'] }} pln</td>
                    </tr>
                </tfoot>
            </table>
        @else
            <x-stats.employee-component :route="route('stats.mechanics.view.details', ['id'=>$employee_id])" :employeeId="$employee_id" :selectedYear="$year" :selectedMonth="$month" />
            <div class="text-center p-8 text-2xl">BRAK DANYCH</div>
        @endif
    </x-wrapper-component>

    <div class="text-center">
        <a href="{{ route('stats.mechanics') }}" class="btn_lg btn_gray">&laquo; {{ __('main.return') }}</a>
    </div>

@endsection