@extends('layouts.app')

@section('title', __('Performance Detail'))

@section('content')
<div class="content-wrapper">
    @include('partials.messages')

    <div class="d-flex justify-content-between align-items-center mb-3">
        <h4 class="mb-0">{{ $performance->contract->title ?? __('Performance') }}</h4>
        <a href="{{ route('performance.performances.index') }}" class="btn btn-outline-secondary">
            <i class="fa fa-arrow-left mr-1"></i> {{ __('Back') }}
        </a>
    </div>

    <div class="card mb-3">
        <div class="card-body">
            <div class="row">
                <div class="col-md-4">
                    <div class="text-muted small">{{ __('Department') }}</div>
                    <div>{{ $performance->department->name ?? '—' }}</div>
                </div>
                <div class="col-md-4">
                    <div class="text-muted small">{{ __('Appraisor') }}</div>
                    <div>{{ $performance->appraisor ? trim($performance->appraisor->first_name . ' ' . $performance->appraisor->last_name) : '—' }}</div>
                </div>
                <div class="col-md-4">
                    <div class="text-muted small">{{ __('Reviews per Person') }}</div>
                    <div>{{ $performance->number_of_reviews }}</div>
                </div>
            </div>
        </div>
    </div>

    <div class="card mb-3">
        <div class="card-body">
            <h6 class="card-title">{{ __('Components & KPIs') }}</h6>
            @foreach($performance->components as $component)
                <div class="mb-3">
                    <strong>{{ $component->title }}</strong>
                    <span class="badge badge-light border">{{ __('Weight :w', ['w' => $component->weight]) }}</span>
                    <ul class="mt-2">
                        @foreach($component->kpis as $kpi)
                            <li>
                                {{ $kpi->title }}
                                <span class="badge badge-light border">{{ __('Weight :w', ['w' => $kpi->weight]) }}</span>
                            </li>
                        @endforeach
                    </ul>
                </div>
            @endforeach
        </div>
    </div>

    <div class="card">
        <div class="card-body">
            <h6 class="card-title">{{ __('Review Schedule') }}</h6>
            <table class="table table-hover">
                <thead>
                    <tr>
                        <th>{{ __('User') }}</th>
                        <th>{{ __('Review #') }}</th>
                        <th>{{ __('Due Date') }}</th>
                        <th>{{ __('Status') }}</th>
                        <th>{{ __('Score') }}</th>
                        <th class="text-right">{{ __('Actions') }}</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($performance->reviews->sortBy([['user_id', 'asc'], ['review_number', 'asc']]) as $review)
                        <tr>
                            <td>{{ trim($review->user->first_name . ' ' . $review->user->last_name) }}</td>
                            <td>{{ $review->review_number }}</td>
                            <td>{{ $review->due_date->format('M j, Y') }}</td>
                            <td><span class="badge badge-light border">{{ ucfirst(str_replace('_', ' ', $review->status)) }}</span></td>
                            <td>
                                @if($review->overall_score !== null)
                                    @include('performance.partials.score-badge', ['score' => $review->overall_score, 'showLabel' => false])
                                @else
                                    —
                                @endif
                            </td>
                            <td class="text-right">
                                <a href="{{ route('performance.reviews.show', $review) }}" class="btn btn-sm btn-outline-secondary">
                                    <i class="fa fa-eye"></i>
                                </a>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="6" class="text-center text-muted py-4">{{ __('No reviews scheduled.') }}</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection