@extends('layouts.app')
@section('title', __('Thank you'))

@section('content')
<div class="container py-5" style="max-width:820px">
    <div class="text-center mb-4">
        <div class="d-inline-flex align-items-center justify-content-center mb-3"
             style="width:72px;height:72px;border-radius:50%;background:rgba(16,185,129,.12);color:#059669">
            <i class="bi bi-check-lg" style="font-size:2.2rem"></i>
        </div>
        <h2 class="fw-bold mb-1">{{ __('Payment received') }}</h2>
        <p class="text-muted mb-0">
            {{ __('Order') }} <code>{{ $order->order_no }}</code> · {{ money($order->total) }}
        </p>
    </div>

    @if($tutorRequest)
        <div class="card border-success shadow-sm mb-4"><div class="card-body p-4 d-flex flex-wrap align-items-center gap-3">
            <div class="flex-grow-1">
                <div class="fw-bold">{{ __('Your tutor has been notified') }}</div>
                <div class="text-muted small">{{ __('“:title” is now in progress. Use Messages to agree on the details, and mark it complete when you are happy.', ['title' => $tutorRequest->title]) }}</div>
            </div>
            <a href="{{ route('tutor-marketplace.show', $tutorRequest) }}" class="btn btn-success">{{ __('Open request') }} <i class="bi bi-arrow-right ms-1"></i></a>
        </div></div>
    @endif

    @if($offer && $offer->item())
        {{-- The one-click offer: no cart, straight to a prefilled payment. --}}
        <div class="card border-2 border-warning shadow-sm mb-4">
            <div class="card-body p-4">
                <span class="badge bg-warning text-dark mb-2">{{ __('One-time offer') }}</span>
                <h4 class="fw-bold">{{ $offer->headline ?: __('Add this to your order at :percent% off', ['percent' => $offer->discount_percent]) }}</h4>
                @if($offer->subheadline)
                    <p class="text-muted">{{ $offer->subheadline }}</p>
                @endif

                <div class="d-flex flex-wrap align-items-center gap-3 my-3">
                    @if($offer->course)
                        <img src="{{ $offer->course->thumbnailUrl() }}" alt="" width="120" height="76" style="object-fit:cover;border-radius:.5rem">
                    @endif
                    <div class="flex-grow-1 min-w-0">
                        <div class="fw-semibold">{{ $offer->item()->title }}</div>
                        <div>
                            <span class="text-decoration-line-through text-muted">{{ money($offer->listPrice()) }}</span>
                            <strong class="text-success ms-1 fs-5">{{ money($offer->offerPrice()) }}</strong>
                            <span class="text-muted small ms-1">{{ __('you save :amount', ['amount' => money($offer->savingAmount())]) }}</span>
                        </div>
                    </div>
                </div>

                <form method="POST" action="{{ route('orders.upsell.accept', [$order, $offer]) }}">
                    @csrf
                    <button class="btn btn-warning btn-lg w-100">
                        <i class="bi bi-lightning-charge-fill me-1"></i>
                        {{ $offer->button_text ?: __('Yes, add it to my order') }}
                    </button>
                </form>

                @if($offer->window_minutes)
                    <p class="text-muted small text-center mt-2 mb-0">
                        {{ __('This price is held for :minutes minutes.', ['minutes' => $offer->window_minutes]) }}
                    </p>
                @endif
            </div>
        </div>
    @endif

    <div class="card shadow-sm">
        <div class="card-header bg-white fw-semibold">{{ __('What you bought') }}</div>
        <ul class="list-group list-group-flush">
            @foreach($order->items as $item)
                <li class="list-group-item d-flex justify-content-between align-items-center">
                    <span>{{ $item->label() }}
                        @if($item->membership_plan_id)<span class="badge bg-primary-subtle text-primary-emphasis ms-1">{{ __('Membership') }}</span>@endif
                    </span>
                    <span class="text-muted">{{ money($item->total) }}</span>
                </li>
            @endforeach
        </ul>
        <div class="card-footer bg-white d-flex flex-wrap gap-2">
            @if($order->items->contains(fn ($i) => $i->membership_plan_id) && !$order->items->contains(fn ($i) => $i->course_id || $i->bundle_id))
                <a href="{{ route('student.membership') }}" class="btn btn-primary"><i class="bi bi-gem me-1"></i>{{ __('Manage my membership') }}</a>
                <a href="{{ route('orders.invoice', $order) }}" class="btn btn-outline-secondary" target="_blank"><i class="bi bi-file-earmark-text me-1"></i>{{ __('Invoice') }}</a>
                <a href="{{ route('student.membership') }}" class="btn btn-outline-secondary">{{ __('View membership invoices') }}</a>
            @else
                <a href="{{ route('student.courses') }}" class="btn btn-primary"><i class="bi bi-play-circle me-1"></i>{{ __('Start learning') }}</a>
                <a href="{{ route('orders.invoice', $order) }}" class="btn btn-outline-secondary" target="_blank"><i class="bi bi-file-earmark-text me-1"></i>{{ __('Invoice') }}</a>
                <a href="{{ route('orders.index') }}" class="btn btn-outline-secondary">{{ __('View my orders') }}</a>
            @endif
        </div>
    </div>
</div>
@endsection