@extends('layouts.app')

@section('content')
<style>
    .tr-wrap { max-width:1700px; }
    .tr-top { align-items:center; display:flex; gap:12px; justify-content:space-between; margin-bottom:14px; }
    .tr-title { color:#1E4FA8; font-size:25px; font-weight:900; }
    .tr-btn { background:#1E4FA8; border:1px solid #1E4FA8; border-radius:5px; color:#fff; cursor:pointer; display:inline-flex; font-weight:900; padding:9px 12px; text-decoration:none; }
    .tr-btn.light { background:#fff; color:#1E4FA8; }
    .tr-panel { background:#fff; box-shadow:0 8px 18px rgba(21,33,58,.08); margin-bottom:14px; padding:14px; }
    .tr-grid { display:grid; gap:10px; grid-template-columns:repeat(6, minmax(145px,1fr)); align-items:end; }
    .tr-field { display:flex; flex-direction:column; gap:5px; }
    .tr-field label { color:#0c0c0c; font-size:12px; font-weight:900; }
    .tr-control { border:1px solid #cbd5e1; border-radius:5px; min-height:38px; padding:8px 9px; width:100%; }
    .tr-summary { display:grid; gap:10px; grid-template-columns:repeat(4,minmax(150px,1fr)); margin-bottom:14px; }
    .tr-stat { background:#fff; border-left:5px solid #1E4FA8; box-shadow:0 8px 18px rgba(21,33,58,.08); padding:12px; }
    .tr-stat span { color:#4b5874; display:block; font-size:12px; font-weight:900; text-transform:uppercase; }
    .tr-stat strong { color:#0c0c0c; display:block; font-size:22px; margin-top:4px; }
    .tr-table-wrap { overflow-x:auto; }
    .tr-table { border-collapse:collapse; min-width:1250px; width:100%; }
    .tr-table th, .tr-table td { border-bottom:1px solid #e5e7eb; font-size:13px; padding:9px 8px; text-align:left; vertical-align:top; }
    .tr-table th { background:#1E4FA8; color:#fff; font-weight:900; white-space:nowrap; }
    .tr-table .num { text-align:right; white-space:nowrap; }
    .score { color:#15803d; font-weight:900; }
    .score.low { color:#e84c0d; }
    .muted { color:#64748b; font-size:12px; font-weight:700; }
    .badge { border-radius:999px; color:#fff; display:inline-flex; font-size:11px; font-weight:900; padding:5px 8px; text-transform:uppercase; }
    .badge.new { background:#1E4FA8; }
    .badge.pending { background:#f59e0b; }
    .badge.ongoing { background:#1E4FA8; }
    .badge.completed, .badge.verified { background:#15803d; }
    .badge.rejected, .badge.cancelled, .badge.overdue { background:#e84c0d; }
    @media(max-width:1000px) {
        .tr-grid, .tr-summary { grid-template-columns:1fr; }
        .tr-top { align-items:stretch; flex-direction:column; }
    }
</style>

@php
    $periods = [
        'daily' => 'Daily',
        'weekly' => 'Weekly',
        'fortnightly' => 'Fortnightly',
        'bi_monthly' => 'Bi Monthly',
        'monthly' => 'Monthly',
        'quarterly' => 'Quarterly',
        'annually' => 'Annually',
    ];
    $reportTypes = [
        'performance' => 'Performance (Periodically)',
        'history' => 'General Report (History)',
    ];
    $statuses = ['new' => 'New', 'pending' => 'Pending', 'ongoing' => 'Ongoing', 'completed' => 'Completed', 'verified' => 'Verified', 'rejected' => 'Rejected', 'cancelled' => 'Cancelled'];
@endphp

<div class="tr-wrap">
    <div class="tr-top">
        <div>
            <div class="tr-title">Task Report</div>
            <div class="muted">Period: {{ $fromDate->format('Y-m-d') }} to {{ $toDate->format('Y-m-d') }}</div>
        </div>
        <a class="tr-btn light" href="{{ url('/task-management') }}">Back to Tasks</a>
    </div>

    <div class="tr-panel">
        <form method="GET" action="{{ url('/task-management/report') }}" class="auto-filter-form">
            <div class="tr-grid">
                <div class="tr-field">
                    <label>Target Periods</label>
                    <select class="tr-control" name="target_period">
                        @foreach($periods as $value => $label)
                            <option value="{{ $value }}" {{ ($filters['target_period'] ?? 'monthly') === $value ? 'selected' : '' }}>{{ $label }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="tr-field">
                    <label>User</label>
                    <select class="tr-control" name="user_id">
                        <option value="">All users</option>
                        @foreach($users as $user)
                            <option value="{{ $user->id }}" {{ ($filters['user_id'] ?? '') == $user->id ? 'selected' : '' }}>{{ $user->name ?: $user->email }}{{ $user->email ? ' ('.$user->email.')' : '' }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="tr-field">
                    <label>Start Date</label>
                    <input class="tr-control" type="date" name="from_date" value="{{ $filters['from_date'] ?? '' }}">
                </div>
                <div class="tr-field">
                    <label>To Date</label>
                    <input class="tr-control" type="date" name="to_date" value="{{ $filters['to_date'] ?? '' }}">
                </div>
                <div class="tr-field">
                    <label>Counter</label>
                    <select class="tr-control" name="branch_id">
                        <option value="">All branches</option>
                        @foreach($branches as $branch)
                            <option value="{{ $branch->id }}" {{ ($filters['branch_id'] ?? '') == $branch->id ? 'selected' : '' }}>{{ $branch->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="tr-field">
                    <label>Report Type</label>
                    <select class="tr-control" name="report_type">
                        @foreach($reportTypes as $value => $label)
                            <option value="{{ $value }}" {{ ($filters['report_type'] ?? 'performance') === $value ? 'selected' : '' }}>{{ $label }}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            <div style="margin-top:10px;">
                <button class="tr-btn" type="submit">View Report</button>
            </div>
        </form>
    </div>

    <div class="tr-summary">
        <div class="tr-stat"><span>Total Tasks</span><strong>{{ number_format($summary['tasks']) }}</strong></div>
        <div class="tr-stat"><span>Total Target</span><strong>{{ number_format($summary['target'], 2) }}</strong></div>
        <div class="tr-stat"><span>Total Achieved</span><strong>{{ number_format($summary['achieved'], 2) }}</strong></div>
        <div class="tr-stat"><span>Overdue</span><strong>{{ number_format($summary['overdue']) }}</strong></div>
    </div>

    @if(($filters['report_type'] ?? 'performance') === 'history')
        <div class="tr-panel">
            <div class="tr-table-wrap">
                <table class="tr-table">
                    <thead>
                        <tr>
                            <th>Date</th>
                            <th>Task No</th>
                            <th>Employee</th>
                            <th>Branch</th>
                            <th>Category</th>
                            <th>Subject</th>
                            <th>Description</th>
                            <th>Target</th>
                            <th>Achieved</th>
                            <th>Status</th>
                            <th>Supervisor</th>
                            <th>Latest Note</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($historyRows as $task)
                            @php
                                $latest = $task->progressUpdates->sortByDesc('created_at')->first();
                                $isOverdue = $task->due_date && $task->due_date->isPast() && !in_array($task->status, ['completed', 'verified', 'cancelled']);
                            @endphp
                            <tr>
                                <td>{{ ($task->start_date ?: $task->created_at)->format('Y-m-d H:i') }}</td>
                                <td><strong>{{ $task->task_no }}</strong></td>
                                <td>{{ $task->assignedTo?->name ?: 'Unassigned' }}</td>
                                <td>{{ $task->branch?->name ?: '-' }}</td>
                                <td>{{ $task->category?->name ?: '-' }}</td>
                                <td><strong>{{ $task->subject }}</strong></td>
                                <td>{{ $task->description ?: '-' }}</td>
                                <td class="num">{{ $task->target_value !== null ? number_format($task->target_value, 2) : '-' }}</td>
                                <td class="num"><strong>{{ number_format($task->achieved_value, 2) }}</strong></td>
                                <td><span class="badge {{ $isOverdue ? 'overdue' : $task->status }}">{{ $isOverdue ? 'Overdue' : ($statuses[$task->status] ?? $task->status) }}</span></td>
                                <td>{{ $task->supervisor?->name ?: '-' }}</td>
                                <td>{{ $latest?->progress_note ?: '-' }}</td>
                            </tr>
                        @empty
                            <tr><td colspan="12" class="muted">No task history found.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    @else
        <div class="tr-panel">
            <div class="tr-table-wrap">
                <table class="tr-table">
                    <thead>
                        <tr>
                            <th>Employee</th>
                            <th>Branch</th>
                            <th>Tasks</th>
                            <th>Target</th>
                            <th>Achieved</th>
                            <th>Completion %</th>
                            <th>New</th>
                            <th>Pending</th>
                            <th>Ongoing</th>
                            <th>Completed</th>
                            <th>Verified</th>
                            <th>Overdue</th>
                            <th>Score</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($performanceRows as $row)
                            <tr>
                                <td><strong>{{ $row['employee'] }}</strong></td>
                                <td>{{ $row['branch'] }}</td>
                                <td class="num">{{ number_format($row['tasks']) }}</td>
                                <td class="num">{{ number_format($row['target'], 2) }}</td>
                                <td class="num"><strong>{{ number_format($row['achieved'], 2) }}</strong></td>
                                <td class="num"><strong>{{ number_format($row['completion_percent'], 2) }}%</strong></td>
                                <td class="num">{{ number_format($row['new']) }}</td>
                                <td class="num">{{ number_format($row['pending']) }}</td>
                                <td class="num">{{ number_format($row['ongoing']) }}</td>
                                <td class="num">{{ number_format($row['completed']) }}</td>
                                <td class="num">{{ number_format($row['verified']) }}</td>
                                <td class="num">{{ number_format($row['overdue']) }}</td>
                                <td class="num"><span class="score {{ $row['score'] < 50 ? 'low' : '' }}">{{ number_format($row['score'], 2) }}%</span></td>
                            </tr>
                        @empty
                            <tr><td colspan="13" class="muted">No performance records found.</td></tr>
                        @endforelse
                    </tbody>
                    @if($performanceRows->count())
                        <tfoot>
                            <tr>
                                <td colspan="2"><strong>Totals</strong></td>
                                <td class="num"><strong>{{ number_format($performanceRows->sum('tasks')) }}</strong></td>
                                <td class="num"><strong>{{ number_format($performanceRows->sum('target'), 2) }}</strong></td>
                                <td class="num"><strong>{{ number_format($performanceRows->sum('achieved'), 2) }}</strong></td>
                                <td></td>
                                <td class="num"><strong>{{ number_format($performanceRows->sum('new')) }}</strong></td>
                                <td class="num"><strong>{{ number_format($performanceRows->sum('pending')) }}</strong></td>
                                <td class="num"><strong>{{ number_format($performanceRows->sum('ongoing')) }}</strong></td>
                                <td class="num"><strong>{{ number_format($performanceRows->sum('completed')) }}</strong></td>
                                <td class="num"><strong>{{ number_format($performanceRows->sum('verified')) }}</strong></td>
                                <td class="num"><strong>{{ number_format($performanceRows->sum('overdue')) }}</strong></td>
                                <td></td>
                            </tr>
                        </tfoot>
                    @endif
                </table>
            </div>
        </div>
    @endif
</div>
@endsection