@extends('layouts.app')

@section('title', $user->name)

@section('content')
@php($profile = $user->instructorProfile)
<section class="hero py-5">
    <div class="container">
        <div class="row align-items-center g-4">
            <div class="col-auto">
                <div class="avatar-ring" style="background:rgba(255,255,255,.5);">
                    <img src="{{ $user->avatarUrl() }}" width="120" height="120" alt="{{ $user->name }}" style="object-fit:cover;">
                </div>
            </div>
            <div class="col">
                <div class="hero-badge d-inline-block text-white px-3 py-1 small mb-2">{{ __('Instructor') }}</div>
                <h1 class="fw-bold mb-1">{{ $user->name }}</h1>
                <p class="lead opacity-75 mb-3">{{ optional($profile)->title ?: __('Instructor') }}</p>
                <div class="d-flex flex-wrap gap-4 small mb-3">
                    <span><i class="bi bi-collection-play me-1"></i> {{ trans_choice(':count course|:count courses', $stats['courses'], ['count' => $stats['courses']]) }}</span>
                    <span><i class="bi bi-people me-1"></i> {{ trans_choice(':count student|:count students', $stats['students'], ['count' => number_format($stats['students'])]) }}</span>
                    <span><i class="bi bi-star-fill text-warning me-1"></i> {{ __(':rating rating', ['rating' => $stats['rating']]) }}</span>
                </div>
                <div class="d-flex gap-2">
                    @if(optional($profile)->facebook)<a href="{{ $profile->facebook }}" class="btn btn-sm btn-light rounded-circle"><i class="bi bi-facebook"></i></a>@endif
                    @if(optional($profile)->linkedin)<a href="{{ $profile->linkedin }}" class="btn btn-sm btn-light rounded-circle"><i class="bi bi-linkedin"></i></a>@endif
                    @if(optional($profile)->youtube)<a href="{{ $profile->youtube }}" class="btn btn-sm btn-light rounded-circle"><i class="bi bi-youtube"></i></a>@endif
                    @if(optional($profile)->website)<a href="{{ $profile->website }}" class="btn btn-sm btn-light rounded-circle"><i class="bi bi-globe"></i></a>@endif
                </div>
            </div>
        </div>
    </div>
</section>

<section class="section">
    <div class="container">
        @if(optional($user->instructorProfile)->bio)
        <div class="card rounded-4 shadow-sm border-0 mb-5">
            <div class="card-body p-4">
                <div class="eyebrow mb-2">{{ __('About') }}</div>
                <h4 class="fw-bold mb-3">{{ __('About') }} {{ $user->name }}</h4>
                <p class="text-muted mb-0">{{ $user->instructorProfile->bio }}</p>
            </div>
        </div>
        @endif

        <div class="d-flex align-items-center justify-content-between mb-4">
            <h3 class="fw-bold mb-0">{{ __('Courses by :name', ['name' => $user->name]) }}</h3>
        </div>

        @if($courses->isEmpty())
            <div class="card rounded-4 shadow-sm border-0">
                <div class="card-body text-center py-5">
                    <div class="category-ico mx-auto mb-3"><i class="bi bi-journal-x"></i></div>
                    <h5 class="mb-1">{{ __('No published courses yet') }}</h5>
                    <p class="text-muted mb-0">{{ __('This instructor hasn\'t published any courses.') }}</p>
                </div>
            </div>
        @else
            <div class="row g-4">
                @foreach($courses as $course)
                    <div class="col-sm-6 col-lg-3">
                        @include('partials.course-card', ['course' => $course])
                    </div>
                @endforeach
            </div>
        @endif
    </div>
</section>
@endsection