@extends('layouts.admin')

@section('title', setting('school_name', 'ShulePoint') . ' | ' . $learner->first_name . ' ' . $learner->last_name)
@section('page-title', 'Learner Profile')

@section('content')
@php
    $initials = strtoupper(substr($learner->first_name ?? '?', 0, 1) . substr($learner->last_name ?? '', 0, 1));
    $hue = ($learner->id * 47) % 360;
    $pill = $learner->status === 'active' ? 'ok' : ($learner->status === 'alumni' ? 'muted' : 'warn');
    $canFinance = in_array(auth()->user()->role ?? '', ['admin', 'bursar'], true);
    $canExams = in_array(auth()->user()->role ?? '', ['admin', 'teacher'], true);
@endphp

{{-- Profile header card --}}
<div class="card card-outline card-primary shadow-sm learner-card">
    <div class="card-body">
        <div class="d-flex align-items-center flex-wrap">
            @if($learner->photo)
                <img src="{{ asset('storage/' . $learner->photo) }}" alt="{{ $learner->first_name }} {{ $learner->last_name }}" class="img-circle elevation-2 mr-3" style="width:64px;height:64px;object-fit:cover;">
            @else
                <span class="learner-avatar avatar-lg mr-3" style="background: linear-gradient(135deg, hsl({{ $hue }},60%,45%), hsl({{ ($hue + 40) % 360 }},65%,32%))">{{ $initials }}</span>
            @endif
            <div class="min-w-0 mr-auto">
                <h4 class="mb-0">{{ $learner->first_name }} {{ $learner->last_name }}</h4>
                <div class="mt-1">
                    <span class="adm-chip"><i class="fas fa-id-card"></i> {{ $learner->admission_no }}</span>
                    @if($learner->schoolClass)<span class="class-pill ml-1">{{ $learner->schoolClass->name }}</span>@endif
                    <span class="status-pill {{ $pill }} ml-1"><span class="dot"></span>{{ ucfirst($learner->status) }}</span>
                </div>
                <div class="small text-muted mt-1">{{ $learner->gradeLevel->name ?? 'No grade' }}@if($learner->house) · <i class="fas fa-home mr-1"></i>{{ $learner->house }}@endif</div>
            </div>
            <div class="mt-2 mt-md-0">
                @if(in_array(auth()->user()->role ?? '', ['admin', 'secretary']))
                    <a href="{{ route('learners.edit', $learner) }}" class="btn btn-sm btn-primary"><i class="fas fa-pen mr-1"></i> Edit</a>
                @endif
                <a href="{{ route('learners.index') }}" class="btn btn-sm btn-outline-secondary"><i class="fas fa-arrow-left mr-1"></i> Back</a>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-lg-8">
        {{-- Detail grid --}}
        <div class="card shadow-sm learner-card">
            <div class="card-header"><h3 class="card-title"><i class="fas fa-id-card mr-1"></i> Learner details</h3></div>
            <div class="card-body table-responsive p-0">
                <table class="table learner-table table-hover text-nowrap mb-0">
                    <tbody>
                        <tr><th style="width:35%">UPI</th><td>{{ $learner->upi ?? '—' }}</td></tr>
                        <tr><th>NEMIS</th><td>{{ $learner->nemis ?? '—' }}</td></tr>
                        <tr><th>Gender</th><td class="text-capitalize">{{ $learner->gender ?? '—' }}</td></tr>
                        <tr><th>Date of birth</th><td>{{ $learner->dob?->format('Y-m-d') ?? '—' }}</td></tr>
                        <tr><th>Grade level</th><td>{{ $learner->gradeLevel->name ?? '—' }}</td></tr>
                        <tr><th>Class</th><td>@if($learner->schoolClass)<span class="class-pill">{{ $learner->schoolClass->name }}</span>@else — @endif</td></tr>
                        <tr><th>House</th><td>{{ $learner->house ?? '—' }}</td></tr>
                        <tr><th>Transport</th><td>@if($learner->transportRoute)<span class="class-pill"><i class="fas fa-bus mr-1"></i>{{ $learner->transportRoute->name }}</span> <span class="small text-muted">KES {{ number_format($learner->transportRoute->price, 0) }}{{ $learner->transportRoute->term ? ' · '.$learner->transportRoute->term : '' }}</span>@else — @endif</td></tr>
                        <tr><th>Guardian</th><td>{{ $learner->guardian_name ?? '—' }}</td></tr>
                        <tr><th>Guardian phone</th><td>{{ $learner->guardian_phone ? \App\Support\PhoneNumbers::national($learner->guardian_phone) : '—' }}</td></tr>
                        @if(($siblings ?? collect())->count())
                            <tr><th>Siblings <small class="text-muted">(same guardian phone)</small></th>
                                <td style="white-space:normal">
                                    @foreach($siblings as $sib)
                                        <a href="{{ route('learners.show', $sib) }}" class="class-pill mr-1 mb-1"><i class="fas fa-child mr-1"></i>{{ $sib->first_name }} {{ $sib->last_name }} · {{ $sib->admission_no }}</a>
                                    @endforeach
                                </td>
                            </tr>
                        @endif
                        <tr><th>Guardian email</th><td>{{ $learner->guardian_email ?? '—' }}</td></tr>
                        <tr><th>Address</th><td style="white-space:normal">{{ $learner->address ?? '—' }}</td></tr>
                        <tr><th>Admission date</th><td>{{ $learner->admission_date?->format('Y-m-d') ?? '—' }}</td></tr>
                        <tr><th>Record updated</th><td>{{ $learner->updated_at?->format('Y-m-d H:i') ?? '—' }}</td></tr>
                    </tbody>
                </table>
            </div>
        </div>

        {{-- Fees (live) --}}
        <div class="card shadow-sm learner-card">
            <div class="card-header">
                <h3 class="card-title"><i class="fas fa-wallet mr-1"></i> Fees
                    <small class="text-muted ml-1">Billed KES {{ number_format($feeTotals['invoiced'], 0) }} · Paid KES {{ number_format($feeTotals['paid'], 0) }} · Bal KES {{ number_format($feeTotals['balance'], 0) }}</small>
                </h3>
                <div class="card-tools">@if($canFinance)<a href="{{ route('finance.invoices') }}" class="btn btn-sm btn-outline-primary">Invoices</a>@endif</div>
            </div>
            <div class="card-body table-responsive p-0">
                <table class="table learner-table table-hover text-nowrap mb-0">
                    <thead><tr><th>Invoice</th><th>Total</th><th>Paid</th><th>Balance</th><th>Status</th></tr></thead>
                    <tbody>
                        @forelse($invoices as $inv)
                            <tr>
                                <td>@if($canFinance)<a href="{{ route('finance.invoices.show', $inv) }}" class="learner-name">{{ $inv->invoice_no }}</a>@else<span class="learner-name">{{ $inv->invoice_no }}</span>@endif</td>
                                <td>KES {{ number_format($inv->total, 0) }}</td>
                                <td class="text-success">KES {{ number_format($inv->paid, 0) }}</td>
                                <td class="font-weight-600">KES {{ number_format($inv->balance, 0) }}</td>
                                <td><span class="status-pill {{ $inv->status === 'paid' ? 'ok' : ($inv->status === 'partial' ? 'warn' : 'muted') }}"><span class="dot"></span>{{ ucfirst($inv->status) }}</span></td>
                            </tr>
                        @empty
                            <tr><td colspan="5" class="text-center py-4 text-muted small">No invoices yet for this learner.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>

        {{-- Recent payments (live) --}}
        <div class="card shadow-sm learner-card">
            <div class="card-header"><h3 class="card-title"><i class="fas fa-hand-holding-usd mr-1"></i> Recent payments</h3></div>
            <div class="card-body table-responsive p-0">
                <table class="table learner-table table-hover text-nowrap mb-0">
                    <thead><tr><th>Receipt</th><th>Amount</th><th>Method</th><th>Date</th></tr></thead>
                    <tbody>
                        @forelse($recentPayments as $pay)
                            <tr>
                                <td>@if($canFinance)<a href="{{ route('finance.receipt', $pay) }}" class="learner-name">#{{ $pay->id }}</a>@else<span class="learner-name">#{{ $pay->id }}</span>@endif</td>
                                <td class="font-weight-600">KES {{ number_format($pay->amount, 0) }}</td>
                                <td><span class="class-pill">{{ $pay->method }}</span></td>
                                <td class="small text-muted">{{ $pay->paid_at }}</td>
                            </tr>
                        @empty
                            <tr><td colspan="4" class="text-center py-4 text-muted small">No payments recorded yet.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>

        {{-- Attendance (live) --}}
        <div class="card shadow-sm learner-card">
            <div class="card-header">
                <h3 class="card-title"><i class="fas fa-clipboard-check mr-1"></i> Attendance
                    <small class="text-muted ml-1">
                        @foreach(['present' => 'ok', 'absent' => 'bad', 'late' => 'warn', 'excused' => 'info'] as $st => $pill)
                            <span class="status-pill {{ $pill }} ml-1"><span class="dot"></span>{{ ucfirst($st) }}: {{ $attendanceSummary[$st] ?? 0 }}</span>
                        @endforeach
                    </small>
                </h3>
                <div class="card-tools"><a href="{{ route('attendance.index') }}" class="btn btn-sm btn-outline-primary">Register</a></div>
            </div>
            <div class="card-body table-responsive p-0">
                <table class="table learner-table table-hover text-nowrap mb-0">
                    <thead><tr><th>Date</th><th>Class</th><th>Status</th></tr></thead>
                    <tbody>
                        @forelse($recentAttendance as $a)
                            <tr>
                                <td>{{ $a->date instanceof \Carbon\Carbon ? $a->date->format('Y-m-d') : $a->date }}</td>
                                <td>@if($a->schoolClass)<span class="class-pill">{{ $a->schoolClass->name }}</span>@else — @endif</td>
                                <td><span class="status-pill {{ $a->status === 'present' ? 'ok' : ($a->status === 'absent' ? 'bad' : ($a->status === 'late' ? 'warn' : 'muted')) }}"><span class="dot"></span>{{ ucfirst($a->status) }}</span></td>
                            </tr>
                        @empty
                            <tr><td colspan="3" class="text-center py-4 text-muted small">No attendance marked yet.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>

        {{-- Exams (live) --}}
        <div class="card shadow-sm learner-card">
            <div class="card-header">
                <h3 class="card-title"><i class="fas fa-file-alt mr-1"></i> Exams</h3>
                <div class="card-tools">@if($canExams)<a href="{{ route('exams.index') }}" class="btn btn-sm btn-outline-primary">Exams</a>@endif</div>
            </div>
            <div class="card-body table-responsive p-0">
                <table class="table learner-table table-hover text-nowrap mb-0">
                    <thead><tr><th>Exam</th><th class="text-right">Average</th><th>Level</th><th></th></tr></thead>
                    <tbody>
                        @forelse($examResults as $examId => $rows)
                            @php
                                $exam = $rows->first()->exam;
                                $avg = $rows->avg('score');
                                $lvl = $avg !== null ? \App\Models\ExamResult::levelForScore((float) $avg) : null;
                            @endphp
                            <tr>
                                <td class="font-weight-600">{{ $exam->name ?? 'Exam #'.$examId }}</td>
                                <td class="text-right"><strong>{{ $avg !== null ? number_format($avg, 1).'%' : '–' }}</strong></td>
                                <td>@if($lvl)<span class="status-pill {{ str_starts_with($lvl, 'EE') ? 'ok' : (str_starts_with($lvl, 'ME') ? 'warn' : 'muted') }}"><span class="dot"></span>{{ $lvl }}</span>@else<span class="text-muted">—</span>@endif</td>
                                <td class="text-right">@if($canExams)<a href="{{ route('exams.report-card', [$examId, $learner->id]) }}" class="btn btn-xs btn-outline-info">Card</a>@endif</td>
                            </tr>
                        @empty
                            <tr><td colspan="4" class="text-center py-4 text-muted small">No exam results yet for this learner.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <div class="col-lg-4">
        @if(in_array(auth()->user()->role ?? '', ['admin', 'secretary']))
        {{-- Promote card (controller passes only $learner/$feesSummary/$examsSummary: use ID inputs) --}}
        <div class="card card-outline card-primary shadow-sm learner-card">
            <div class="card-header"><h3 class="card-title"><i class="fas fa-arrow-up mr-1"></i> Promote learner</h3></div>
            <form method="POST" action="{{ route('learners.promote', $learner) }}">
                @csrf
                <div class="card-body">
                    <label class="fld-label">Grade level ID <span class="text-danger">*</span></label>
                    <input type="number" name="grade_level_id" required min="1" class="form-control form-control-sm @error('grade_level_id') is-invalid @enderror" placeholder="e.g. 5">
                    @error('grade_level_id')<span class="invalid-feedback d-block">{{ $message }}</span>@enderror
                    <label class="fld-label mt-2">Class ID <small class="text-muted">(optional)</small></label>
                    <input type="number" name="school_class_id" min="1" class="form-control form-control-sm @error('school_class_id') is-invalid @enderror" placeholder="e.g. 12">
                    @error('school_class_id')<span class="invalid-feedback d-block">{{ $message }}</span>@enderror
                    <small class="text-muted d-block mt-2">Confirm grade/class IDs from the Classes &amp; CBE page.</small>
                </div>
                <div class="card-footer">
                    <button type="submit" class="btn btn-sm btn-primary btn-block"><i class="fas fa-arrow-up mr-1"></i> Promote</button>
                    <a href="{{ route('academics.index') }}" class="btn btn-sm btn-outline-secondary btn-block mt-1">View Classes &amp; CBE</a>
                </div>
            </form>
        </div>

        {{-- Quick actions --}}
        <div class="card shadow-sm learner-card">
            <div class="card-header"><h3 class="card-title"><i class="fas fa-bolt mr-1"></i> Quick actions</h3></div>
            <div class="card-body d-flex flex-wrap">
                @if(in_array(auth()->user()->role ?? '', ['admin', 'secretary']))
                    <a href="{{ route('learners.edit', $learner) }}" class="btn btn-sm btn-outline-primary mr-1 mb-1"><i class="fas fa-pen mr-1"></i> Edit</a>
                @endif
                <a href="{{ route('learners.index') }}" class="btn btn-sm btn-outline-secondary mb-1"><i class="fas fa-list mr-1"></i> Register</a>
                @if(in_array(auth()->user()->role ?? '', ['admin', 'secretary']))
                    <button type="button" class="btn btn-sm btn-outline-danger mb-1 ml-auto" data-toggle="modal" data-target="#deleteLearner"><i class="fas fa-trash mr-1"></i> Remove</button>
                @endif
            </div>
        </div>
        @endif
    </div>
</div>

@if(in_array(auth()->user()->role ?? '', ['admin', 'secretary']))
{{-- Delete confirmation --}}
<div class="modal fade" id="deleteLearner" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Remove learner?</h5>
                <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
            </div>
            <div class="modal-body">
                <p class="mb-1">Remove <strong>{{ $learner->first_name }} {{ $learner->last_name }}</strong> ({{ $learner->admission_no }})?</p>
                <small class="text-muted">This cannot be undone.</small>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">Cancel</button>
                <form method="POST" action="{{ route('learners.destroy', $learner) }}" class="d-inline">@csrf @method('DELETE')
                    <button type="submit" class="btn btn-danger btn-sm">Delete</button>
                </form>
            </div>
        </div>
    </div>
</div>
@endif
@endsection