@extends('public.layout.app')
@section('title', __('front.my_courses'))

@section('body')
<section class="section" style="padding-top:110px;">
    <div class="container">
        @include('public.portals.student.partials.nav')

        <div class="card-soft p-4 shadow-soft">
            <div class="d-flex justify-content-between align-items-center mb-2">
                <h5 class="fw-bold mb-0">{{ __('front.my_courses') }}</h5>
            </div>

            @if(($courses ?? collect())->count() == 0)
                <div class="text-muted2">{{ __('front.no_enrolled_courses_found') }}</div>
            @else
                <div class="row g-3">
                    @foreach($courses as $c)
                        <div class="col-md-6 col-lg-4">
                            <a href="{{ route('student.courses.show', $c->id) }}" class="text-decoration-none">
                                <div class="card-soft p-3 shadow-soft h-100">
                                    <div class="fw-semibold text-dark">{{ $c->title }}</div>
                                    <div class="text-muted2 small">
                                        {{ $c->code ?? '—' }}
                                        • Credits: {{ $c->credit_hours ?? '—' }}
                                    </div>

                                    <div class="d-flex justify-content-between align-items-center mt-2">
                                        <span class="badge bg-primary">{{ $c->status ?? 'active' }}</span>
                                        @if(!empty($c->enrolled_at))
                                            <span class="text-muted2 small">
                                                {{ \Carbon\Carbon::parse($c->enrolled_at)->format('Y-m-d') }}
                                            </span>
                                        @endif
                                    </div>
                                </div>
                            </a>
                        </div>
                    @endforeach
                </div>

                <div class="mt-3">
                    {{ $courses->links('pagination::bootstrap-4') }}
                </div>
            @endif
        </div>
    </div>
</section>
@endsection