@extends('tracker::layouts.master')
@section('title','Dashboard')

@section('content')
<div class="d-sm-flex align-items-center justify-content-between mb-4">
    <h1 class="h3 mb-0 text-gray-800">Tracker Dashboard</h1>
    <span class="text-muted small">{{ now()->format('l, F j, Y') }}</span>
</div>

<!-- KPI Row -->
<div class="row">
    <div class="col-xl-3 col-md-6 mb-4">
        <div class="card border-left-dark shadow h-100 py-2">
            <div class="card-body">
                <div class="row no-gutters align-items-center">
                    <div class="col mr-2">
                        <div class="text-xs font-weight-bold text-dark text-uppercase mb-1">Open Issues</div>
                        <div class="h5 mb-0 font-weight-bold">{{ $openIssues }}</div>
                    </div>
                    <div class="col-auto"><i class="fas fa-list-alt fa-2x text-gray-300"></i></div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xl-3 col-md-6 mb-4">
        <div class="card border-left-primary shadow h-100 py-2">
            <div class="card-body">
                <div class="row no-gutters align-items-center">
                    <div class="col mr-2">
                        <div class="text-xs font-weight-bold text-primary text-uppercase mb-1">My Open Issues</div>
                        <div class="h5 mb-0 font-weight-bold">{{ $myOpenIssues }}</div>
                    </div>
                    <div class="col-auto"><i class="fas fa-user fa-2x text-gray-300"></i></div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xl-3 col-md-6 mb-4">
        <div class="card border-left-{{ $overdueIssues > 0 ? 'danger' : 'success' }} shadow h-100 py-2">
            <div class="card-body">
                <div class="row no-gutters align-items-center">
                    <div class="col mr-2">
                        <div class="text-xs font-weight-bold text-{{ $overdueIssues > 0 ? 'danger' : 'success' }} text-uppercase mb-1">Overdue</div>
                        <div class="h5 mb-0 font-weight-bold">{{ $overdueIssues }}</div>
                    </div>
                    <div class="col-auto"><i class="fas fa-clock fa-2x text-gray-300"></i></div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xl-3 col-md-6 mb-4">
        <div class="card border-left-info shadow h-100 py-2">
            <div class="card-body">
                <div class="row no-gutters align-items-center">
                    <div class="col mr-2">
                        <div class="text-xs font-weight-bold text-info text-uppercase mb-1">Active Projects</div>
                        <div class="h5 mb-0 font-weight-bold">{{ $activeProjects->count() }}</div>
                    </div>
                    <div class="col-auto"><i class="fas fa-project-diagram fa-2x text-gray-300"></i></div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <!-- My Issues -->
    <div class="col-lg-4 mb-4">
        <div class="card shadow h-100">
            <div class="card-header py-3 d-flex justify-content-between align-items-center">
                <h6 class="m-0 font-weight-bold">My Open Issues</h6>
                <a href="{{ route('tracker.issues.index') }}" class="btn btn-xs btn-outline-dark">View All</a>
            </div>
            <div class="card-body p-0">
                @forelse($myIssues as $issue)
                <div class="px-3 py-2 border-bottom">
                    <div class="d-flex justify-content-between align-items-center">
                        <div>
                            <i class="fas {{ $issue->type_icon }} fa-xs mr-1"></i>
                            <a href="{{ route('tracker.issues.show', $issue) }}" class="font-weight-bold text-dark">{{ $issue->issue_key }}</a>
                            <span class="badge badge-{{ $issue->priority_badge }} ml-1">{{ ucfirst($issue->priority) }}</span>
                        </div>
                    </div>
                    <small class="text-muted">{{ $issue->title }}</small>
                </div>
                @empty
                <div class="p-3 text-muted text-center">Nothing assigned to you</div>
                @endforelse
            </div>
        </div>
    </div>

    <!-- Status Breakdown -->
    <div class="col-lg-4 mb-4">
        <div class="card shadow h-100">
            <div class="card-header py-3">
                <h6 class="m-0 font-weight-bold">Issues by Status</h6>
            </div>
            <div class="card-body p-0">
                @php $total = $byStatus->sum(); @endphp
                @foreach(\Modules\Tracker\Models\Issue::statuses() as $key => $label)
                    @php $count = $byStatus[$key] ?? 0; @endphp
                    <div class="px-3 py-2 border-bottom">
                        <div class="d-flex justify-content-between align-items-center">
                            <span class="font-weight-bold">{{ $label }}</span>
                            <span>{{ $count }}</span>
                        </div>
                        <div class="progress mt-1" style="height:4px">
                            <div class="progress-bar bg-dark" style="width:{{ $total > 0 ? ($count/$total*100) : 0 }}%"></div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </div>

    <!-- Active Projects -->
    <div class="col-lg-4 mb-4">
        <div class="card shadow h-100">
            <div class="card-header py-3 d-flex justify-content-between align-items-center">
                <h6 class="m-0 font-weight-bold">Active Projects</h6>
                <a href="{{ route('tracker.projects.index') }}" class="btn btn-xs btn-outline-dark">View All</a>
            </div>
            <div class="card-body p-0">
                @forelse($activeProjects as $project)
                <div class="px-3 py-2 border-bottom d-flex justify-content-between align-items-center">
                    <a href="{{ route('tracker.projects.show', $project) }}" class="font-weight-bold text-dark">{{ $project->name }} <code class="small">{{ $project->key }}</code></a>
                    <small class="text-muted">{{ $project->issues_count }} issue(s)</small>
                </div>
                @empty
                <div class="p-3 text-muted text-center">No active projects</div>
                @endforelse
            </div>
        </div>
    </div>
</div>

<!-- Recent Issues -->
<div class="card shadow mb-4">
    <div class="card-header py-3 d-flex justify-content-between align-items-center">
        <h6 class="m-0 font-weight-bold">Recent Issues</h6>
        <a href="{{ route('tracker.issues.create') }}" class="btn btn-xs btn-dark">+ New Issue</a>
    </div>
    <div class="card-body p-0">
        <table class="table table-sm table-hover mb-0">
            <thead class="thead-light">
                <tr><th>Key</th><th>Title</th><th>Assignee</th><th>Priority</th><th>Status</th></tr>
            </thead>
            <tbody>
                @forelse($recentIssues as $issue)
                <tr>
                    <td><a href="{{ route('tracker.issues.show', $issue) }}">{{ $issue->issue_key }}</a></td>
                    <td>{{ $issue->title }}</td>
                    <td>{{ $issue->assignee->name ?? '—' }}</td>
                    <td><span class="badge badge-{{ $issue->priority_badge }}">{{ ucfirst($issue->priority) }}</span></td>
                    <td><span class="badge badge-{{ $issue->status_badge }}">{{ \Modules\Tracker\Models\Issue::statuses()[$issue->status] }}</span></td>
                </tr>
                @empty
                <tr><td colspan="5" class="text-center text-muted py-3">No issues yet</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection