@extends('layouts.app')

@section('content')
<h1>{{ __('messages.reports') }}</h1>

<form method="get" class="card filter-grid">
    <div>
        <label>{{ __('messages.report_type') }}</label>
        <select name="type">
            <option value="daily" @selected(request('type')==='daily')>{{ __('messages.daily') }}</option>
            <option value="weekly" @selected(request('type')==='weekly')>{{ __('messages.weekly') }}</option>
            <option value="monthly" @selected(request('type','monthly')==='monthly')>{{ __('messages.monthly') }}</option>
            <option value="date_range" @selected(request('type')==='date_range')>{{ __('messages.date_range') }}</option>
        </select>
    </div>
    <div>
        <label>{{ __('messages.start_date') }}</label>
        <input type="date" name="start_date" value="{{ request('start_date', $start) }}">
    </div>
    <div>
        <label>{{ __('messages.end_date') }}</label>
        <input type="date" name="end_date" value="{{ request('end_date', $end) }}">
    </div>
    <div>
        <label>{{ __('messages.branch') }}</label>
        <select name="branch_id">
            <option value="">{{ __('messages.all') }}</option>
            @foreach($branches as $branch)
                <option value="{{ $branch->id }}" @selected(request('branch_id') == $branch->id)>{{ $branch->name }}</option>
            @endforeach
        </select>
    </div>
    <div>
        <label>{{ __('messages.approval_status') }}</label>
        <select name="approval_status">
            <option value="">{{ __('messages.all') }}</option>
            <option value="approved" @selected(request('approval_status')==='approved')>approved</option>
            <option value="pending" @selected(request('approval_status')==='pending')>pending</option>
            <option value="rejected" @selected(request('approval_status')==='rejected')>rejected</option>
        </select>
    </div>
    <button class="btn btn-primary">{{ __('messages.filter') }}</button>
    <a class="btn btn-secondary" href="{{ route('reports.payroll-export', request()->query()) }}">{{ __('messages.payroll_export') }}</a>
</form>

<div class="grid stats">
    <div class="card"><small>{{ __('messages.records') }}</small><strong>{{ $summary['total_records'] }}</strong></div>
    <div class="card"><small>{{ __('messages.approved') }}</small><strong>{{ $summary['approved'] }}</strong></div>
    <div class="card"><small>{{ __('messages.pending') }}</small><strong>{{ $summary['pending'] }}</strong></div>
    <div class="card"><small>{{ __('messages.total_hours') }}</small><strong>{{ clockshifts_minutes_to_hours($summary['total_minutes']) }}</strong></div>
</div>

<div class="card table-wrap">
    <table>
        <thead>
        <tr>
            <th>{{ __('messages.employee') }}</th>
            <th>{{ __('messages.branch') }}</th>
            <th>{{ __('messages.clock_in') }}</th>
            <th>{{ __('messages.clock_out') }}</th>
            <th>{{ __('messages.total') }}</th>
            <th>{{ __('messages.approval_status') }}</th>
        </tr>
        </thead>
        <tbody>
        @foreach($logs as $log)
            <tr>
                <td>{{ $log->employee?->name }}<br><small>{{ $log->employee?->employee_code }}</small></td>
                <td>{{ $log->branch?->name }}</td>
                <td>{{ optional($log->clock_in_time)->format('Y-m-d H:i') }}</td>
                <td>{{ optional($log->clock_out_time)->format('Y-m-d H:i') ?? '-' }}</td>
                <td>{{ clockshifts_minutes_to_hours($log->total_minutes) }}</td>
                <td><span class="badge {{ $log->approval_status }}">{{ $log->approval_status }}</span></td>
            </tr>
        @endforeach
        </tbody>
    </table>
    {{ $logs->links() }}
</div>
@endsection