@extends('garage.layouts.app')
@section('title', 'Attendance Reports')
@section('content')
@include('garage.hr.styles')
<div class="container-fluid px-3 py-3 hrx-page">
    <div class="h4 mb-2"><i class="bi bi-bar-chart me-2 text-primary"></i>Attendance reports</div>
    @include('garage.attendance._nav')

    <form method="get" class="card hrx-card mb-3">
        <div class="card-body py-2 row g-2 align-items-end">
            <div class="col-md-3">
                <label class="form-label small mb-0">Report</label>
                <select name="type" class="form-select form-select-sm">
                    @foreach(['daily'=>'Daily','monthly'=>'Monthly','late'=>'Late coming','overtime'=>'Overtime','absent'=>'Absent'] as $k=>$label)
                        <option value="{{ $k }}" @selected($type===$k)>{{ $label }}</option>
                    @endforeach
                </select>
            </div>
            @if($type === 'daily')
            <div class="col-md-2"><label class="form-label small mb-0">Date</label><input type="date" name="date" value="{{ $date }}" class="form-control form-control-sm"></div>
            @else
            <div class="col-md-2"><label class="form-label small mb-0">Month</label><input type="month" name="month" value="{{ $month }}" class="form-control form-control-sm"></div>
            @endif
            <div class="col-md-2"><button class="btn btn-sm btn-primary">Run</button></div>
            <div class="col-md-3 text-end">
                <a href="{{ route('garage.attendance.reports.export', request()->query()) }}" class="btn btn-sm btn-outline-success">Export CSV</a>
            </div>
        </div>
    </form>

    <div class="card hrx-card">
        <div class="table-responsive">
            <table class="table table-sm mb-0">
                <thead class="table-light"><tr>
                    @if($type === 'daily')
                        <th>Employee</th><th>Check in</th><th>Check out</th><th>Work min</th><th>Late</th><th>OT</th><th>Status</th>
                    @elseif($type === 'monthly')
                        <th>Employee</th><th>Present</th><th>Absent</th><th>Work min</th><th>Late min</th><th>OT min</th>
                    @elseif($type === 'late')
                        <th>Employee</th><th>Date</th><th>First in</th><th>Late min</th>
                    @elseif($type === 'overtime')
                        <th>Employee</th><th>Date</th><th>Last out</th><th>OT min</th>
                    @else
                        <th>Employee</th><th>Date</th><th>Status</th>
                    @endif
                </tr></thead>
                <tbody>
                @forelse($rows as $r)
                    <tr>
                    @if($type === 'daily')
                        <td>{{ $r->employee_name }}<div class="small text-muted">{{ $r->employee_code }}</div></td>
                        <td>{{ $r->check_in }}</td><td>{{ $r->check_out }}</td>
                        <td>{{ $r->work_minutes }}</td><td>{{ $r->late_minutes }}</td><td>{{ $r->overtime_minutes }}</td>
                        <td>{{ $r->status }}</td>
                    @elseif($type === 'monthly')
                        <td>{{ $r->employee_name }}</td>
                        <td>{{ $r->present_days }}</td><td>{{ $r->absent_days }}</td>
                        <td>{{ $r->total_work_minutes }}</td><td>{{ $r->total_late_minutes }}</td><td>{{ $r->total_overtime_minutes }}</td>
                    @elseif($type === 'late')
                        <td>{{ $r->employee_name }}</td><td>{{ $r->work_date }}</td><td>{{ $r->first_in }}</td><td>{{ $r->late_minutes }}</td>
                    @elseif($type === 'overtime')
                        <td>{{ $r->employee_name }}</td><td>{{ $r->work_date }}</td><td>{{ $r->last_out }}</td><td>{{ $r->overtime_minutes }}</td>
                    @else
                        <td>{{ $r->employee_name }}</td><td>{{ $r->work_date }}</td><td>{{ $r->status }}</td>
                    @endif
                    </tr>
                @empty
                    <tr><td colspan="7" class="text-center text-muted py-4">No data.</td></tr>
                @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection