@extends('layouts.dashboard')
@section('title', __('My Membership'))
@section('page_title', __('My Membership'))

@section('content')
    <div class="row g-3">
        <div class="col-lg-6">
            <div class="card shadow-sm"><div class="card-body">
                @if($current)
                    <div class="d-flex align-items-center gap-3 mb-3"><span class="d-inline-flex align-items-center justify-content-center rounded-circle bg-primary-subtle text-primary" style="width:56px;height:56px"><i class="bi bi-gem fs-3"></i></span><div><div class="fw-bold fs-5">{{ $current->plan?->name }}</div><div class="text-muted small">{{ status_label($current->plan?->billing_cycle) }} · {{ money($current->plan?->price) }}</div></div></div>
                    <div class="mb-2">{{ __('Status:') }} <span class="badge bg-success">{{ __('Active') }}</span></div>
                    <div class="mb-3">
                        @if($current->ends_at)
                            {{-- Built as markup rather than inside the translation string,
                                 which Blade escapes and would print the tags literally. --}}
                            {{ __('Renews / ends on') }}
                            <strong>{{ $current->ends_at->translatedFormat('d M Y') }}</strong>
                            <span class="text-muted">({{ $current->ends_at->diffForHumans() }})</span>
                        @else
                            {{ __('Lifetime access') }}
                        @endif
                    </div>
                    <div class="d-flex gap-2"><a href="{{ route('courses.index') }}" class="btn btn-primary"><i class="bi bi-play-circle me-1"></i>{{ __('Browse courses') }}</a>@if($current->ends_at)<form action="{{ route('cart.addMembership', $current->plan) }}" method="POST">@csrf<button class="btn btn-outline-primary"><i class="bi bi-arrow-repeat me-1"></i>{{ __('Renew now') }}</button></form>@endif</div>
                @else
                    <div class="text-center py-3"><i class="bi bi-gem fs-1 text-muted d-block mb-2"></i><p class="text-muted">{{ __('You don\'t have an active membership.') }}</p><a href="{{ route('membership.index') }}" class="btn btn-primary">{{ __('See plans') }}</a></div>
                @endif
            </div></div>
        </div>
        <div class="col-lg-6">
            <div class="card shadow-sm"><div class="card-header bg-white fw-semibold">{{ __('History') }}</div>
                <table class="table table-sm mb-0"><tbody>@forelse($history as $m)<tr><td>{{ $m->plan?->name }}</td><td class="small text-muted">{{ $m->starts_at?->translatedFormat('d M Y') }} → {{ $m->ends_at?->translatedFormat('d M Y') ?? '∞' }}</td><td><span class="badge {{ $m->isActive() ? 'bg-success' : 'bg-secondary' }}">{{ $m->isActive() ? __('Active') : status_label($m->status) }}</span></td></tr>@empty<tr><td colspan="3" class="text-center text-muted py-3">{{ __('Nothing yet.') }}</td></tr>@endforelse</tbody></table></div>
        </div>
    </div>

    {{-- Membership invoices — kept separate from the course orders on /orders. --}}
    <div class="card shadow-sm mt-3">
        <div class="card-header bg-white fw-semibold d-flex justify-content-between align-items-center">
            <span><i class="bi bi-receipt me-1"></i>{{ __('Membership purchases') }}</span>
            <span class="text-muted small">{{ __('Invoices for membership checkouts only') }}</span>
        </div>
        <div class="card-body p-0">
            @php
                $payBadges = ['paid' => 'bg-success', 'pending' => 'bg-warning text-dark', 'failed' => 'bg-danger', 'refunded' => 'bg-secondary'];
            @endphp
            <div class="table-responsive">
                <table class="table table-sm align-middle mb-0">
                    <thead class="table-light"><tr><th>{{ __('Order') }}</th><th>{{ __('Plan') }}</th><th>{{ __('Date') }}</th><th class="text-end">{{ __('Total') }}</th><th>{{ __('Payment') }}</th><th></th></tr></thead>
                    <tbody>
                    @forelse($membershipOrders as $order)
                        @php
                            $planName = $order->items->first()?->membershipPlan?->name ?? __('Membership');
                            $refund = $order->latestRefund;
                            $refundable = $order->payment_status === 'paid' && (float) $order->total > 0 && ! $refund;
                        @endphp
                        <tr>
                            <td class="fw-semibold font-monospace small">#{{ $order->order_no }}</td>
                            <td>{{ $planName }}</td>
                            <td class="small text-muted">{{ $order->created_at->translatedFormat('d M Y') }}</td>
                            <td class="text-end fw-semibold">{{ money($order->total) }}</td>
                            <td><span class="badge {{ $payBadges[$order->payment_status] ?? 'bg-secondary' }}">{{ status_label($order->payment_status) }}</span>
                                @if($refund)<span class="badge bg-info-subtle text-info-emphasis ms-1">{{ __('Refund: :s', ['s' => $refund->status]) }}</span>@endif
                            </td>
                            <td class="text-end text-nowrap">
                                <a href="{{ route('orders.invoice', $order) }}" class="btn btn-sm btn-outline-secondary" target="_blank" title="{{ __('Invoice') }}"><i class="bi bi-file-earmark-text"></i></a>
                                @if($refundable)
                                    <button class="btn btn-sm btn-outline-danger" type="button" data-bs-toggle="collapse" data-bs-target="#mrefund-{{ $order->id }}">{{ __('Request refund') }}</button>
                                @endif
                            </td>
                        </tr>
                        @if($refundable)
                            <tr class="collapse" id="mrefund-{{ $order->id }}"><td colspan="6">
                                <form action="{{ route('orders.refund', $order) }}" method="POST" class="border rounded p-3 bg-light">
                                    @csrf
                                    <label class="form-label small fw-semibold">{{ __('Reason for refund') }}</label>
                                    <textarea name="reason" rows="2" maxlength="1000" class="form-control mb-2" required placeholder="{{ __('Tell us why you\'d like a refund...') }}"></textarea>
                                    <button type="submit" class="btn btn-sm btn-danger">{{ __('Submit request') }}</button>
                                </form>
                            </td></tr>
                        @endif
                    @empty
                        <tr><td colspan="6" class="text-center text-muted py-4">{{ __('No membership purchases yet.') }} <a href="{{ route('membership.index') }}">{{ __('See plans') }}</a></td></tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
        </div>
        @if($membershipOrders->hasPages())
            <div class="card-footer bg-white">{{ $membershipOrders->links() }}</div>
        @endif
    </div>
@endsection