@extends('layouts.app')

@section('content')
<section class="bg-white">
    <div class="mx-auto max-w-7xl px-4 py-10 sm:px-6 lg:px-8">
        <div class="flex flex-wrap items-center justify-between gap-4">
            <div>
                <p class="text-sm font-semibold uppercase tracking-wide text-sky-700">Premium student tools</p>
                <h1 class="mt-3 text-4xl font-bold">Academic Dashboard</h1>
            </div>
            <div class="flex flex-wrap gap-2">
                <a href="{{ route('orders.create') }}" class="inline-flex items-center gap-2 rounded-lg bg-emerald-600 px-4 py-2 text-sm font-semibold text-white"><i data-lucide="send" class="h-4 w-4"></i> Start My Order</a>
                <a href="{{ route('messages.index') }}" class="inline-flex items-center gap-2 rounded-lg border border-slate-300 px-4 py-2 text-sm font-semibold text-slate-700"><i data-lucide="message-square" class="h-4 w-4"></i> Messages</a>
            </div>
        </div>
        <div class="mt-8 grid gap-5 md:grid-cols-4">
            <div class="rounded-lg border border-slate-200 bg-slate-50 p-5"><p class="text-sm text-slate-500">GPA Records</p><p class="mt-2 text-3xl font-bold">{{ $records->count() }}</p></div>
            <div class="rounded-lg border border-slate-200 bg-slate-50 p-5"><p class="text-sm text-slate-500">Orders</p><p class="mt-2 text-3xl font-bold">{{ $orders->count() }}</p></div>
            <div class="rounded-lg border border-slate-200 bg-slate-50 p-5"><p class="text-sm text-slate-500">Scholarships</p><p class="mt-2 font-semibold">Tracker ready</p></div>
            <div class="rounded-lg border border-slate-200 bg-slate-50 p-5"><p class="text-sm text-slate-500">Transfer</p><p class="mt-2 font-semibold">Pathway dashboard</p></div>
        </div>
        <div class="mt-8 rounded-lg border border-slate-200 p-5">
            <h2 class="text-2xl font-bold">Academic Service Orders</h2>
            <div class="mt-4 overflow-x-auto">
                <table class="w-full min-w-[760px] text-left text-sm">
                    <thead><tr class="border-b"><th class="py-3">Order</th><th>Service</th><th>Status</th><th>Total</th><th>Payment</th><th>Action</th></tr></thead>
                    <tbody>
                    @forelse ($orders as $order)
                        <tr class="border-b border-slate-100">
                            <td class="py-3 font-semibold">{{ $order->order_number }}</td>
                            <td>{{ str($order->type_of_service)->limit(36) }}</td>
                            <td>{{ $order->status }}</td>
                            <td>{{ $order->currency }} {{ number_format((float) $order->total_price, 2) }}</td>
                            <td>{{ str($order->payment_status)->headline() }}</td>
                            <td><a href="{{ route('orders.show', $order) }}" class="font-semibold text-sky-700">View</a></td>
                        </tr>
                    @empty
                        <tr><td colspan="6" class="py-4 text-slate-600">No service orders yet. Start an order when you need expert academic support.</td></tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
        </div>
        <div class="mt-8 rounded-lg border border-slate-200 p-5">
            <h2 class="text-2xl font-bold">Saved GPA Progress</h2>
            <div class="mt-4 overflow-x-auto">
                <table class="w-full min-w-[650px] text-left text-sm">
                    <thead><tr class="border-b"><th class="py-3">Calculator</th><th>GPA</th><th>Credits</th><th>Standing</th><th>Date</th></tr></thead>
                    <tbody>
                    @forelse ($records as $record)
                        <tr class="border-b border-slate-100"><td class="py-3">{{ $record->calculator_type }}</td><td>{{ $record->gpa }}</td><td>{{ $record->credits_attempted }}</td><td>{{ $record->academic_standing }}</td><td>{{ $record->created_at->format('M j, Y') }}</td></tr>
                    @empty
                        <tr><td colspan="5" class="py-4 text-slate-600">No GPA records yet. Use a calculator and save your result.</td></tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</section>
@endsection