@extends('layouts.app')

@section('title', __('managementtools::lang.my_scores'))

@section('content')
@include('managementtools::layouts.nav')

<section class="content no-print mt-page">
    <div class="mt-page-header">
        <h1><i class="fas fa-medal" style="color:#2563eb;margin-left:8px;"></i> @lang('managementtools::lang.my_scores')</h1>
    </div>

    <div class="row" style="margin-bottom:20px;">
        <div class="col-md-4">
            <div class="mt-card">
                <div class="mt-card-body text-center" style="padding:24px;">
                    <div style="font-size:13px;color:#64748b;margin-bottom:6px;">@lang('managementtools::lang.total_score_points')</div>
                    <div style="font-size:36px;font-weight:800;color:{{ $total_points >= 0 ? '#16a34a' : '#dc2626' }};">
                        {{ $total_points > 0 ? '+' : '' }}{{ number_format($total_points, 0) }}
                    </div>
                </div>
            </div>
        </div>
    </div>

    @if($scores->isEmpty())
        <div class="mt-card">
            <div class="mt-card-body text-center text-muted" style="padding:40px;">
                <i class="fas fa-inbox fa-3x" style="opacity:0.3;margin-bottom:12px;"></i>
                <p>@lang('managementtools::lang.no_scores_yet')</p>
            </div>
        </div>
    @else
        <div class="row">
            @foreach($scores as $score)
                <div class="col-md-4 col-sm-6" style="margin-bottom:16px;">
                    @if($score->scoreCard)
                        @include('managementtools::score_cards.partials.card_display', [
                            'card' => $score->scoreCard,
                            'date' => $mtUtil->formatDateTime($score->created_at),
                            'note' => $score->description,
                        ])
                    @else
                        <div class="mt-score-card" style="background:#f1f5f9;border:2px solid #64748b;border-radius:14px;padding:16px;">
                            <strong>{{ $score->typeLabel() }}</strong>
                            <div style="font-size:22px;font-weight:800;margin:8px 0;">{{ $score->displayPoints() }}</div>
                            @if($score->description)
                                <p style="margin:0;font-size:13px;">{{ $score->description }}</p>
                            @endif
                            <div style="margin-top:10px;font-size:11px;opacity:0.75;">
                                <i class="far fa-clock"></i> {{ $mtUtil->formatDateTime($score->created_at) }}
                            </div>
                        </div>
                    @endif
                </div>
            @endforeach
        </div>
        <div class="text-center">{{ $scores->links() }}</div>
    @endif
</section>
@endsection