@extends('content')

{{--@section('filters')--}}
{{--    <x-index.filters-component filtersRoute="{{ route('warehouse.stock_items') }}">--}}

{{--        <div class="grid grid-cols-12 gap-4">--}}

{{--            <div class="col-span-12 md:col-span-6 2xl:col-span-2">--}}
{{--                <x-forms.input-component--}}
{{--                    inputType="text"--}}
{{--                    inputName="t1-name|like|%%"--}}
{{--                    inputValue="{{ request('t1-name|like|%%') }}"--}}
{{--                    inputLabel="{{ __('warehouse.items.name') }}"--}}
{{--                    inputClass="input_sm input_filters"--}}
{{--                />--}}
{{--            </div>--}}

{{--        </div>--}}

{{--    </x-index.filters-component>--}}
{{--@endsection--}}



@section('page-title')
    <div>Statystyki pracy</div>
@endsection


@section('page-content')
    <x-wrapper-component>

        <x-stats.employee-component :route="route('stats.mechanics')" :employeeId="null" :selectedYear="$year" :selectedMonth="$month" />

    <div class="pb-2 text-md">Dane pochodzą ze zleceń przeniesionych do archiwum</div>
    @if(!empty($rows))
        <table class="min-w-full warsztat-table">
            <thead>
                <tr>
                    <th>Miesiąc</th>
                    <th>Imie i Nazwisko</th>
                    <th>Czas</th>
                    <th>Kwota</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
            @foreach($rows as $row)
                <tr>
                    <td>{{ $row->work_month }}</td>
                    <td>{{ $row->name }} {{ $row->last_name }}</td>
                    <td>{{ $row->total_hours }}h. {{ $row->total_minutes }}m.</td>
                    <td>{{ $row->total_full_rate }} pln</td>
                    <td><a href="{{ route('stats.mechanics.view.details', ['id'=>$row->employee_id]) }}" class="btn_md btn_green">Szczegóły</a></td>
                </tr>
            @endforeach
            </tbody>
        </table>
    @else
        <div class="text-center p-8 text-2xl">BRAK DANYCH</div>
    @endif
    </x-wrapper-component>
@endsection