@extends('layouts.app')

@section('title', 'স্টুডেন্ট ড্যাশবোর্ড')
@section('robots', 'noindex, nofollow')

@section('content')
    <section class="page-hero">
        <div class="container">
            <span class="hero-badge">🎓 আমার ক্যাবিনেট</span>
            <h1>স্বাগতম, {{ $user->name }} 👋</h1>
            <p>আপনার কোর্স, মডিউল ও সার্টিফিকেট — সব এক জায়গায়।</p>
            <form method="POST" action="{{ route('logout') }}" style="margin-top:18px">
                @csrf
                <button class="btn btn-outline" type="submit">🚪 লগআউট করুন</button>
            </form>
        </div>
    </section>

    <section class="section">
        <div class="container student-grid">
            <div>
                @php $cert = is_array($user->certificate) ? $user->certificate : null; @endphp

                @if($cert)
                    <div class="cert-card" id="certificate">
                        <div class="cert-card-inner">
                            <div class="cert-ribbon">🎓 Certificate of Completion</div>
                            <p style="color:var(--muted);margin:10px 0 4px">এই প্রমাণপত্র প্রদান করা হয়</p>
                            <h2>{{ $user->name }}</h2>
                            <p style="color:var(--muted)">সফলভাবে সম্পন্ন করার জন্য</p>
                            <p class="cert-course">{{ $cert['courseTitle'] ?? '' }}</p>
                            <div class="cert-meta">
                                <span>📅 ইস্যু তারিখ: {{ $cert['issuedAt'] ?? '' }}</span>
                                <span>🔍 ভেরিফিকেশন আইডি: {{ $cert['id'] ?? '' }}</span>
                            </div>
                            <p class="cert-org">IT Career Solution — Chattogram, Bangladesh</p>
                            <div style="display:flex;flex-wrap:wrap;gap:10px;margin-top:14px">
                                <button class="btn btn-primary" type="button" data-print>🖨️ প্রিন্ট / PDF</button>
                                @if(! empty($cert['id']))
                                    <a class="btn btn-outline" href="/verify/{{ urlencode($cert['id']) }}">🔎 পাবলিকলি যাচাই</a>
                                @endif
                            </div>
                        </div>
                    </div>
                @else
                    <div class="content-card">
                        <h2>📜 সার্টিফিকেট</h2>
                        <p style="color:var(--muted)">
                            এখনো কোনো সার্টিফিকেট ইস্যু হয়নি। কোর্স সম্পন্ন করার পর অ্যাডমিন আপনার সার্টিফিকেট
                            এখানে যোগ করবেন।
                        </p>
                    </div>
                @endif
            </div>

            <div>
                <div class="content-card">
                    <h2>🎓 আমার কোর্স ({{ count($enrolled) }})</h2>
                    <p style="color:var(--muted);font-size:.95rem">
                        মডিউলে ক্লিক করলে ভিডিও ও টপিক দেখা যাবে।
                    </p>
                </div>

                @if(empty($enrolled))
                    <div class="content-card">
                        <p style="color:var(--muted)">
                            আপনি এখনো কোনো কোর্সে এনরোল করেননি। Enrolled কোর্স থাকলে এখানে ভিডিও ও টপিক দেখা যাবে।
                        </p>
                    </div>
                @else
                    @foreach($enrolled as $course)
                        @php $modules = $course['modules'] ?? []; @endphp
                        <div class="content-card">
                            <div style="display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px">
                                <div style="width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;flex:0 0 auto;background:{{ $course['color'] ?? 'linear-gradient(135deg,#2563eb,#7c3aed)' }}">{{ $course['emoji'] ?? '📘' }}</div>
                                <div>
                                    <h3 style="margin:0 0 4px">{{ $course['title'] ?? '' }}</h3>
                                    <span style="color:var(--muted);font-size:.9rem">
                                        ⏱ {{ $course['duration'] ?? '' }} • 📘 {{ $course['lessons'] ?? '' }} • 🧩 {{ count($course['modules'] ?? []) }}টি মডিউল
                                    </span>
                                </div>
                                <a class="link-arrow" href="/courses/{{ $course['slug'] ?? '' }}" style="margin-left:auto">কোর্স পেজ →</a>
                            </div>

                            @foreach(($course['modules'] ?? []) as $m)
                                <details class="module">
                                    <summary>
                                        <span>{{ $m['title'] ?? '' }}</span>
                                        <span class="module-meta">
                                            <span>⏱ {{ $m['duration'] ?? '' }}</span>
                                            <span>📘 {{ $m['lessons'] ?? '' }}</span>
                                            @if(! empty($m['video']))
                                                <span>🎬 ভিডিও আছে</span>
                                            @else
                                                <span>বই পড়ুন</span>
                                            @endif
                                        </span>
                                    </summary>
                                    <div class="module-body">
                                        @if(! empty($m['video']))
                                            @include('partials.video-player', ['url' => $m['video'], 'title' => $m['title'] ?? 'ভিডিও'])
                                        @else
                                            <p class="no-video">এই মডিউলের ভিডিও এখনো যোগ করা হয়নি — অ্যাডমিন শীঘ্রই যোগ করবেন।</p>
                                        @endif

                                        @if(! empty($m['topics']))
                                            <ul class="module-topics">
                                                @foreach($m['topics'] as $t)
                                                    <li>{{ $t }}</li>
                                                @endforeach
                                            </ul>
                                        @endif
                                    </div>
                                </details>
                            @endforeach
                        </div>
                    @endforeach
                @endif
            </div>
        </div>
    </section>
@endsection