@extends('layouts.admin')

@section('title', 'Détails Étudiant - MentoraMind Admin')
@section('description', 'Détails de l\'étudiant')

@section('content')
<div class="page-header">
    <div>
        <h1>{{ __('admin.students.detail.title') }}</h1>
        <p>{{ __('admin.students.detail.subtitle') }}</p>
    </div>
    <a href="{{ route('admin.customers') }}" class="btn btn-secondary">
        <i class="bi bi-arrow-left me-2"></i>{{ __('admin.students.detail.back') }}
    </a>
</div>

<div class="row">
    <div class="col-lg-8">
        <div class="card">
            <div class="card-header">
                <h5 class="mb-0">{{ __('admin.students.detail.information') }}</h5>
            </div>
            <div class="card-body p-4">
                <div class="row mb-3">
                    <div class="col-md-6">
                        <label class="form-label text-muted">{{ __('admin.students.table.student') }}</label>
                        <p class="fw-bold">{{ $customer->user->full_name ?? '-' }}</p>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label text-muted">{{ __('admin.students.table.email') }}</label>
                        <p class="fw-bold">{{ $customer->user->email ?? '-' }}</p>
                    </div>
                </div>

                <div class="row mb-3">
                    <div class="col-md-6">
                        <label class="form-label text-muted">{{ __('admin.students.edit.phone') }}</label>
                        <p class="fw-bold">{{ $customer->user->phone_number ?? '-' }}</p>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label text-muted">{{ __('admin.students.edit.language') }}</label>
                        <p class="fw-bold">{{ strtoupper($customer->user->language ?? 'FR') }}</p>
                    </div>
                </div>

                <div class="row mb-3">
                    <div class="col-md-6">
                        <label class="form-label text-muted">{{ __('admin.students.table.class') }}</label>
                        <p class="fw-bold">{{ $customer->schoolClass->name ?? '-' }}</p>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label text-muted">{{ __('admin.students.table.subscription') }}</label>
                        <p>
                            @if($customer->user && $customer->user->subscriptions && $customer->user->subscriptions->isNotEmpty())
                                @php
                                    $subscription = $customer->user->subscriptions->sortByDesc('created_at')->first();
                                    $planName = $subscription->subscriptionPlan->name ?? 'N/A';
                                    $badgeClass = match(strtolower($planName)) {
                                        'premium' => 'bg-primary',
                                        'classic' => 'bg-warning text-dark',
                                        default => 'bg-secondary'
                                    };
                                @endphp
                                <span class="badge {{ $badgeClass }}">{{ $planName }}</span>
                            @else
                                <span class="badge bg-secondary">-</span>
                            @endif
                        </p>
                    </div>
                </div>

                <div class="row mb-3">
                    <div class="col-md-6">
                        <label class="form-label text-muted">{{ __('admin.students.detail.created_at') }}</label>
                        <p class="fw-bold">{{ $customer->user->created_at->format('d F Y') }}</p>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label text-muted">{{ __('admin.students.detail.balance') }}</label>
                        <p class="fw-bold">{{ format_currency((float)$customer->current_balance) }}</p>
                    </div>
                </div>

                <div class="row mb-3">
                    <div class="col-md-6">
                        <label class="form-label text-muted">{{ __('admin.students.detail.sponsor') }}</label>
                        <p class="fw-bold">
                            @if($customer->user->referredBy)
                                {{ $customer->user->referredBy->full_name }}
                            @else
                                <span class="text-muted">{{ __('admin.students.detail.no_sponsor') }}</span>
                            @endif
                        </p>
                    </div>
                </div>

                <div class="d-flex gap-2 mt-4">
                    <a href="{{ route('admin.customers.edit', $customer->id) }}" class="btn btn-primary">
                        <i class="bi bi-pencil me-2"></i>{{ __('admin.students.actions.edit') }}
                    </a>
                    <button class="btn {{ $customer->user->is_active ? 'btn-success' : 'btn-warning' }} toggle-status-detail"
                            data-customer-id="{{ $customer->id }}"
                            data-user-id="{{ $customer->user->id }}"
                            data-status="{{ $customer->user->is_active ? 'active' : 'inactive' }}">
                        <i class="bi bi-toggle-{{ $customer->user->is_active ? 'on' : 'off' }} me-2"></i>
                        {{ $customer->user->is_active ? __('admin.students.actions.deactivate') : __('admin.students.actions.activate') }}
                    </button>
                </div>
            </div>
        </div>
    </div>

    <div class="col-lg-4">
        <div class="card mb-3">
            <div class="card-header">
                <h5 class="mb-0">{{ __('admin.students.detail.stats') }}</h5>
            </div>
            <div class="card-body">
                <div class="mb-3">
                    <small class="text-muted d-block mb-1">{{ __('admin.students.detail.quizzes_completed') }}</small>
                    <h4 class="mb-0">{{ $customer->user && $customer->user->quizzes ? $customer->user->quizzes->count() : 0 }}</h4>
                </div>
                <div class="mb-3">
                    <small class="text-muted d-block mb-1">{{ __('admin.students.detail.avg_score') }}</small>
                    <h4 class="mb-0">
                        @php
                            $completedQuizzes = ($customer->user && $customer->user->quizzes) ? $customer->user->quizzes->where('score', '!=', null) : collect();
                            $avgScore = $completedQuizzes->isNotEmpty() ? $completedQuizzes->avg('score') : 0;
                        @endphp
                        {{ number_format($avgScore, 1) }}%
                    </h4>
                </div>
                <div class="mb-3">
                    <small class="text-muted d-block mb-1">{{ __('admin.students.detail.study_time') }}</small>
                    <p class="mb-0">
                        @php
                            $totalMinutes = ($customer->user && $customer->user->quizzes) ? $customer->user->quizzes->sum('duration') : 0;
                            $hours = floor($totalMinutes / 60);
                            $minutes = $totalMinutes % 60;
                        @endphp
                        {{ $hours }}h {{ $minutes }}min
                    </p>
                </div>
            </div>
        </div>

        <div class="card">
            <div class="card-header">
                <h5 class="mb-0">{{ __('admin.students.detail.activity') }}</h5>
            </div>
            <div class="card-body">
                <div class="mb-3">
                    <small class="text-muted d-block mb-1">{{ __('admin.students.detail.last_connection') }}</small>
                    <p class="mb-0">
                        @if($customer->user->last_login_at)
                            {{ $customer->user->last_login_at->diffForHumans() }}
                        @else
                            -
                        @endif
                    </p>
                </div>
                <div class="mb-3">
                    <small class="text-muted d-block mb-1">{{ __('admin.students.detail.last_quiz') }}</small>
                    <p class="mb-0">
                        @php
                            $lastQuiz = ($customer->user && $customer->user->quizzes) ? $customer->user->quizzes->sortByDesc('created_at')->first() : null;
                        @endphp
                        @if($lastQuiz)
                            {{ $lastQuiz->created_at->format('d/m/Y H:i') }}
                        @else
                            -
                        @endif
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Referral Section -->
<div class="row mt-4">
    <div class="col-12">
        <div class="card">
            <div class="card-header d-flex justify-content-between align-items-center">
                <h5 class="mb-0">{{ __('admin.students.detail.referral_info') }}</h5>
                <span class="badge bg-success">{{ format_currency($totalReferralEarnings) }} {{ __('admin.students.detail.total_earnings') }}</span>
            </div>
            <div class="card-body">
                <div class="row mb-4">
                    <div class="col-md-6">
                        <h6 class="text-muted mb-3">{{ __('admin.students.detail.referred_by') }}</h6>
                        @if($customer->user->referredBy)
                            <div class="d-flex align-items-center p-3 border rounded">
                                <div class="flex-grow-1">
                                    <p class="mb-1 fw-bold">{{ $customer->user->referredBy->full_name }}</p>
                                    <small class="text-muted">{{ $customer->user->referredBy->email }}</small>
                                </div>
                                <a href="{{ route('admin.customers.show', $customer->user->referredBy->id) }}" class="btn btn-sm btn-outline-primary">
                                    <i class="bi bi-eye"></i> {{ __('admin.students.detail.view') }}
                                </a>
                            </div>
                        @else
                            <p class="text-muted">{{ __('admin.students.detail.no_sponsor') }}</p>
                        @endif
                    </div>

                    <div class="col-md-6">
                        <h6 class="text-muted mb-3">{{ __('admin.students.detail.referrals_count') }}</h6>
                        <div class="p-3 border rounded text-center">
                            <h3 class="mb-0">{{ $referralsWithEarnings->count() }}</h3>
                            <small class="text-muted">{{ __('admin.students.detail.total_referrals') }}</small>
                        </div>
                    </div>
                </div>

                @if($referralsWithEarnings->isNotEmpty())
                    <h6 class="text-muted mb-3">{{ __('admin.students.detail.referrals_list') }}</h6>
                    <div class="table-responsive">
                        <table class="table table-hover">
                            <thead>
                                <tr>
                                    <th>{{ __('admin.students.detail.referral_name') }}</th>
                                    <th>{{ __('admin.students.detail.referral_email') }}</th>
                                    <th>{{ __('admin.students.detail.joined_at') }}</th>
                                    <th class="text-end">{{ __('admin.students.detail.earnings_count') }}</th>
                                    <th class="text-end">{{ __('admin.students.detail.total_earned') }}</th>
                                    <th class="text-center">{{ __('admin.students.detail.actions') }}</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($referralsWithEarnings as $referral)
                                    <tr>
                                        <td class="fw-bold">{{ $referral['full_name'] }}</td>
                                        <td>{{ $referral['email'] }}</td>
                                        <td>{{ format_datetime($referral['created_at'], false) }}</td>
                                        <td class="text-end">
                                            <span class="badge bg-info">{{ $referral['earnings_count'] }}</span>
                                        </td>
                                        <td class="text-end">
                                            <span class="badge bg-success">{{ format_currency($referral['total_earned']) }}</span>
                                        </td>
                                        <td class="text-center">
                                            <a href="{{ route('admin.customers.show', $referral['id']) }}" class="btn btn-sm btn-outline-primary">
                                                <i class="bi bi-eye"></i>
                                            </a>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @else
                    <div class="text-center py-4">
                        <i class="bi bi-people text-muted" style="font-size: 3rem;"></i>
                        <p class="text-muted mt-3">{{ __('admin.students.detail.no_referrals') }}</p>
                    </div>
                @endif
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
document.addEventListener('DOMContentLoaded', function() {
    const toggleBtn = document.querySelector('.toggle-status-detail');

    if (toggleBtn) {
        toggleBtn.addEventListener('click', async function() {
            const userId = this.dataset.userId;
            const customerId = this.dataset.customerId;
            const currentStatus = this.dataset.status;

            const action = currentStatus === 'active' ? 'désactiver' : 'activer';
            const confirmMessage = `Êtes-vous sûr de vouloir ${action} ce compte client ?`;

            if (!confirm(confirmMessage)) {
                return;
            }

            // Show loading state
            const originalHTML = this.innerHTML;
            this.disabled = true;
            this.innerHTML = '<span class="spinner-border spinner-border-sm me-2"></span>Traitement...';

            try {
                const response = await fetch(`/admin/customers/${customerId}/toggle-status`, {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json',
                        'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content
                    },
                    body: JSON.stringify({ user_id: userId })
                });

                const data = await response.json();

                if (data.success) {
                    // Reload the page to show updated status
                    window.location.reload();
                } else {
                    alert(data.message || 'Une erreur est survenue');
                    this.disabled = false;
                    this.innerHTML = originalHTML;
                }
            } catch (error) {
                console.error('Error:', error);
                alert('Une erreur est survenue lors de la modification du statut');
                this.disabled = false;
                this.innerHTML = originalHTML;
            }
        });
    }
});
</script>
@endpush