@extends('layouts.student')

@section('title', 'Mes Souscriptions - MentoraMind')

@section('content')
<div class="page-header d-flex justify-content-between align-items-center">
    <div>
        <h1>{{ __('student.subscription.my_subscriptions') }}</h1>
        <p class="mb-0">{{ __('student.subscription.subscription_history_subtitle') }}</p>
    </div>
    <a href="{{ route('student.subscription.index') }}" class="btn btn-primary">
        <i class="bi bi-arrow-left me-2"></i>{{ __('student.subscription.back_to_plans') }}
    </a>
</div>

<div class="card mt-3">
    <div class="card-body">
        @if($history->isEmpty())
            <div class="text-center py-5 text-muted">
                <i class="bi bi-inbox display-4"></i>
                <p class="mt-3">{{ __('student.subscription.no_history') }}</p>
            </div>
        @else
            <div class="table-responsive">
                <table class="table table-hover mb-0">
                    <thead>
                        <tr>
                            <th>{{ __('student.subscription.plan') }}</th>
                            <th>{{ __('student.subscription.price') }}</th>
                            <th>{{ __('student.subscription.period') }}</th>
                            <th>{{ __('student.subscription.status') }}</th>
                            <th>{{ __('student.subscription.expiry_date') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($history as $sub)
                        <tr>
                            <td>
                                <strong>{{ $sub->subscriptionPlan->name }}</strong>
                                <div class="small text-muted">{{ $sub->subscriptionPlan->description }}</div>
                            </td>
                            <td>
                                <strong>{{ number_format((float)$sub->amount_paid, 0) }} Points</strong>
                            </td>
                            <td class="text-muted">
                                {{ $sub->started_at ? $sub->started_at->format('d/m/Y') : '-' }} — 
                                {{ $sub->expires_at ? $sub->expires_at->format('d/m/Y') : '-' }}
                            </td>
                            <td>
                                <span class="badge px-3 py-2 rounded-pill {{ $sub->isActive() ? 'bg-success' : ($sub->isExpired() ? 'bg-secondary' : 'bg-warning') }}">
                                    {{ __('student.subscription.status_' . $sub->status) }}
                                </span>
                            </td>
                            <td class="text-muted">{{ $sub->expires_at ? $sub->expires_at->format('d/m/Y') : '-' }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @endif
    </div>
</div>
@endsection