@extends('student.layout')
@section('title','My Profile')
@section('page-title','My Profile')

@section('content')
@php $si = $student->stageInfo(); $docLabels = \App\Models\StudentDocument::docLabels(); @endphp

<div style="display:grid;grid-template-columns:1fr 1fr;gap:18px;">
    <!-- Profile info -->
    <div class="card">
        <div class="card-header"><h3><i class="fas fa-user" style="color:var(--red);margin-right:8px;"></i>Personal Details</h3></div>
        <div class="card-body">
            <div style="text-align:center;margin-bottom:20px;">
                <div style="width:72px;height:72px;border-radius:50%;background:var(--red);display:flex;align-items:center;justify-content:center;margin:0 auto 10px;font-size:28px;font-weight:900;color:white;">
                    {{ substr($student->name,0,1) }}
                </div>
                <div style="font-size:18px;font-weight:800;color:var(--navy);">{{ $student->name }}</div>
                <div style="font-size:12px;color:#64748b;">{{ $student->student_id }}</div>
                <span class="badge" style="margin-top:8px;background:{{ $si['color'] }}20;color:{{ $si['color'] }};">
                    <i class="fas {{ $si['icon'] }}"></i> {{ $si['label'] }}
                </span>
            </div>
            @foreach([
                ['fa-envelope','Email',$student->email],
                ['fa-phone','Phone',$student->phone],
                ['fa-book-open','Course',$student->course],
                ['fa-users','Batch',$student->batch],
                ['fa-calendar','Enrolled',$student->enrollment_date?->format('d M Y')],
                ['fa-graduation-cap','Education',$student->education],
                ['fa-user','Father',$student->father_name],
                ['fa-map-marker-alt','City',$student->city],
            ] as $row)
            <div style="display:flex;gap:10px;padding:8px 0;border-bottom:1px solid #f8fafc;font-size:13px;">
                <i class="fas {{ $row[0] }}" style="color:var(--red);width:14px;margin-top:2px;"></i>
                <span style="color:#64748b;width:80px;flex-shrink:0;">{{ $row[1] }}</span>
                <span style="color:#0f172a;font-weight:500;">{{ $row[2] ?: '—' }}</span>
            </div>
            @endforeach
        </div>
    </div>

    <!-- Documents -->
    <div class="card">
        <div class="card-header"><h3><i class="fas fa-folder-open" style="color:var(--red);margin-right:8px;"></i>My Documents</h3></div>
        <div class="card-body" style="padding:0;">
            @php $uploadedDocs = $student->documents->keyBy('doc_type'); @endphp
            @foreach($docLabels as $type => $label)
            @php $doc = $uploadedDocs->get($type); @endphp
            <div style="display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid #f8fafc;font-size:13px;">
                <div style="display:flex;align-items:center;gap:8px;">
                    <i class="fas {{ $doc ? ($doc->status=='verified'?'fa-check-circle':($doc->status=='rejected'?'fa-times-circle':'fa-clock')) : 'fa-circle' }}"
                       style="color:{{ $doc ? ($doc->status=='verified'?'#22c55e':($doc->status=='rejected'?'#dc2626':'#f59e0b')) : '#e2e8f0' }};"></i>
                    {{ $label }}
                </div>
                @if($doc)
                <span class="badge {{ $doc->status=='verified'?'badge-green':($doc->status=='rejected'?'badge-red':'badge-yellow') }}">{{ ucfirst($doc->status) }}</span>
                @else
                <span style="font-size:11px;color:#cbd5e1;">Not submitted</span>
                @endif
            </div>
            @endforeach
            <div style="padding:12px 16px;font-size:12px;color:#94a3b8;"><i class="fas fa-info-circle" style="margin-right:4px;"></i>Contact your teacher to submit documents.</div>
        </div>
    </div>
</div>
@endsection