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

@section('content')
    @include('partials.how-it-works', ['key' => 'student.orders'])

<div class="mb-4">
    <h4 class="mb-0 fw-bold">{{ __('My Orders') }}</h4>
    <p class="text-muted small mb-0">{{ __('Your course & bundle purchases. Membership invoices live under') }} <a href="{{ route('student.membership') }}">{{ __('My Membership') }}</a>.</p>
</div>

@php
    $paymentBadges = [
        'paid' => 'bg-success-subtle text-success-emphasis',
        'pending' => 'bg-warning-subtle text-warning-emphasis',
        'failed' => 'bg-danger-subtle text-danger-emphasis',
        'refunded' => 'bg-secondary-subtle text-secondary-emphasis',
    ];
    $refundBadges = [
        'pending' => 'bg-warning-subtle text-warning-emphasis',
        'approved' => 'bg-info-subtle text-info-emphasis',
        'completed' => 'bg-success-subtle text-success-emphasis',
        'rejected' => 'bg-danger-subtle text-danger-emphasis',
    ];
@endphp

@forelse ($orders as $order)
    @php
        $refund = $order->latestRefund;
        // A free enrollment has a zero total, so there is nothing to refund.
        $refundable = $order->payment_status === 'paid' && (float) $order->total > 0;
    @endphp
    <div class="card border-0 shadow-sm mb-4">
        <div class="card-header bg-white d-flex flex-wrap align-items-center justify-content-between gap-2 py-3">
            <div>
                <span class="fw-semibold">{{ __('Order #:no', ['no' => $order->order_no]) }}</span>
                <span class="text-muted small ms-2">{{ $order->created_at->format('M d, Y') }}</span>
            </div>
            <div class="d-flex align-items-center gap-3">
                <span class="fw-bold">{{ money($order->total) }}</span>
                <span class="badge {{ $paymentBadges[$order->payment_status] ?? 'bg-secondary-subtle text-secondary-emphasis' }} text-capitalize">
                    {{ status_label($order->payment_status) }}
                </span>
            </div>
        </div>

        <div class="card-body">
            <div class="list-group list-group-flush mb-3">
                {{-- Course/bundle lines only — membership lines (if any, from old
                     mixed checkouts) stay under My Membership. --}}
                @foreach ($order->items->filter(fn ($i) => $i->course_id || $i->bundle_id) as $item)
                    @php
                        $course = $item->course;
                        $bundle = $item->bundle;
                        $title = $course?->title ?? $bundle?->title ?? __('Item');
                        $thumb = $course?->thumbnailUrl() ?? placeholder_image('Course', 120, 80);
                    @endphp
                    <div class="list-group-item px-0 d-flex align-items-center gap-3">
                        <img src="{{ $thumb }}"
                             alt="" style="width:72px;height:48px;object-fit:cover;border-radius:.375rem;">
                        <div class="flex-grow-1">
                            <div class="fw-semibold">{{ $title }}</div>
                            @if($bundle && !$course)<div class="text-muted small"><i class="bi bi-collection me-1"></i>{{ __('Bundle') }}</div>@endif
                        </div>
                        <div class="text-muted">{{ money($item->price) }}</div>
                    </div>
                @endforeach
            </div>
            @if($order->items->contains(fn ($i) => $i->membership_plan_id))
                <div class="alert alert-light border small mb-3">
                    <i class="bi bi-gem me-1"></i>{{ __('This order also includes a membership — see') }}
                    <a href="{{ route('student.membership') }}">{{ __('My Membership') }}</a>.
                </div>
            @endif

            @php
                $lastPayment = $order->payments->sortByDesc('id')->first();
                $unpaid = $order->payment_status !== 'paid' && ! in_array($order->payment_status, ['refunded'], true) && (float) $order->total > 0;
                $awaiting = $unpaid && $lastPayment && $lastPayment->payment_status === 'pending' && $lastPayment->gateway === 'manual';
            @endphp
            @if($awaiting)
                <div class="alert alert-warning small mb-3"><i class="bi bi-hourglass-split me-1"></i>{{ __('Waiting for our team to confirm your payment') }}@if($lastPayment->payer_reference) ({{ __('reference') }} <code>{{ $lastPayment->payer_reference }}</code>)@endif.</div>
            @elseif($unpaid && $lastPayment && in_array($lastPayment->payment_status, ['failed', 'cancelled'], true))
                <div class="alert alert-danger small d-flex flex-wrap align-items-center justify-content-between gap-2 mb-3">
                    <span><i class="bi bi-x-circle me-1"></i>{{ __('Your last payment was not completed.') }}@if($lastPayment->reject_reason) <strong>{{ $lastPayment->reject_reason }}</strong>@endif</span>
                    <a href="{{ route('checkout.order', $order) }}" class="btn btn-sm btn-danger"><i class="bi bi-arrow-repeat me-1"></i>{{ __('Pay again') }}</a>
                </div>
            @endif

            <div class="d-flex flex-wrap align-items-center justify-content-between gap-2 pt-2 border-top">
                <a href="{{ route('orders.invoice', $order) }}" class="btn btn-sm btn-outline-secondary" target="_blank"><i class="bi bi-file-earmark-text me-1"></i>{{ __('Invoice') }}</a>
                @if ($refund)
                    <div>
                        <span class="text-muted small me-1">{{ __('Refund:') }}</span>
                        <span class="badge {{ $refundBadges[$refund->status] ?? 'bg-secondary-subtle text-secondary-emphasis' }} text-capitalize">
                            {{ status_label($refund->status) }}
                        </span>
                    </div>
                @elseif ($refundable)
                    <button class="btn btn-sm btn-outline-danger" type="button"
                            data-bs-toggle="collapse" data-bs-target="#refund-{{ $order->id }}"
                            aria-expanded="false" aria-controls="refund-{{ $order->id }}">
                        <i class="bi bi-arrow-counterclockwise me-1"></i>{{ __('Request refund') }}
                    </button>
                @else
                    <span></span>
                @endif
            </div>

            @if (! $refund && $refundable)
                <div class="collapse mt-3" id="refund-{{ $order->id }}">
                    <form action="{{ route('orders.refund', $order) }}" method="POST" class="border rounded p-3 bg-light">
                        @csrf
                        <label for="reason-{{ $order->id }}" class="form-label small fw-semibold">{{ __('Reason for refund') }}</label>
                        <textarea name="reason" id="reason-{{ $order->id }}" rows="3" maxlength="1000"
                                  class="form-control mb-2" required
                                  placeholder="{{ __('Tell us why you\'d like a refund...') }}"></textarea>
                        @error('reason')
                            <div class="text-danger small mb-2">{{ $message }}</div>
                        @enderror
                        <div class="d-flex gap-2">
                            <button type="submit" class="btn btn-sm btn-danger">{{ __('Submit request') }}</button>
                            <button type="button" class="btn btn-sm btn-outline-secondary"
                                    data-bs-toggle="collapse" data-bs-target="#refund-{{ $order->id }}">{{ __('Cancel') }}</button>
                        </div>
                    </form>
                </div>
            @endif
        </div>
    </div>
@empty
    <div class="card border-0 shadow-sm">
        <div class="card-body text-center py-5">
            <i class="bi bi-bag-x display-5 text-muted d-block mb-3"></i>
            <h6 class="fw-semibold">{{ __('No orders yet') }}</h6>
            <p class="text-muted small mb-3">{{ __('When you purchase a course or bundle, it will show up here. Membership purchases show under My Membership.') }}</p>
            <a href="{{ route('courses.index') }}" class="btn btn-primary">
                {{ __('Browse courses') }}
            </a>
        </div>
    </div>
@endforelse

@if ($orders->hasPages())
    <div class="mt-4">
        {{ $orders->links() }}
    </div>
@endif
@endsection