@extends('layouts.admin')

@section('title', 'Enrollment Details | Admin')

@section('content')
<div class="container py-5">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <div><h1 class="fw-bold mb-1">Enrollment Details</h1><p class="text-muted mb-0">{{ $enrollment->receipt_number }}</p></div>
        <a href="{{ route('admin.enrollments.index') }}" class="btn btn-outline-secondary">Back to Enrollments</a>
    </div>

    <div class="row g-4">
        <div class="col-lg-6"><div class="card border-0 shadow-sm h-100"><div class="card-body p-4">
            <h5 class="fw-bold mb-4">Student Information</h5>
            <dl class="row mb-0">
                <dt class="col-sm-4">Name</dt><dd class="col-sm-8">{{ $enrollment->student_name }}</dd>
                <dt class="col-sm-4">Email</dt><dd class="col-sm-8"><a href="mailto:{{ $enrollment->student_email }}">{{ $enrollment->student_email }}</a></dd>
                <dt class="col-sm-4">Phone</dt><dd class="col-sm-8"><a href="tel:{{ $enrollment->student_phone }}">{{ $enrollment->student_phone }}</a></dd>
                <dt class="col-sm-4">City</dt><dd class="col-sm-8">{{ $enrollment->student_city ?: '—' }}</dd>
                <dt class="col-sm-4">Learning Goal</dt><dd class="col-sm-8">{{ $enrollment->student_goal ?: '—' }}</dd>
            </dl>
        </div></div></div>

        <div class="col-lg-6"><div class="card border-0 shadow-sm h-100"><div class="card-body p-4">
            <h5 class="fw-bold mb-4">Course & Payment</h5>
            <dl class="row mb-0">
                <dt class="col-sm-4">Course</dt><dd class="col-sm-8">{{ $enrollment->course_title }}</dd>
                <dt class="col-sm-4">Amount</dt><dd class="col-sm-8">₹{{ number_format((float) $enrollment->amount, 2) }} {{ $enrollment->currency }}</dd>
                <dt class="col-sm-4">Status</dt><dd class="col-sm-8"><span class="badge {{ $enrollment->status === 'paid' ? 'bg-success' : 'bg-warning text-dark' }}">{{ ucfirst($enrollment->status) }}</span></dd>
                <dt class="col-sm-4">Order ID</dt><dd class="col-sm-8 text-break">{{ $enrollment->razorpay_order_id ?: '—' }}</dd>
                <dt class="col-sm-4">Payment ID</dt><dd class="col-sm-8 text-break">{{ $enrollment->razorpay_payment_id ?: '—' }}</dd>
                <dt class="col-sm-4">Paid At</dt><dd class="col-sm-8">{{ $enrollment->paid_at?->format('d M Y, h:i A') ?: '—' }}</dd>
            </dl>
            @if ($enrollment->status === 'paid')
                <a href="{{ route('enrollments.receipt', $enrollment->public_token) }}" class="btn btn-primary mt-3">Download Receipt</a>
            @endif
        </div></div></div>
    </div>
</div>
@endsection