@extends('dashboard.layouts.app')

@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="card h-100 border-0 shadow-sm overflow-hidden p-3">
                    <div
                        class="card-header border-bottom py-3 px-5 d-flex align-items-center flex-wrap justify-content-between gap-3">
                        <h5 class="mb-0">
                            {{ $sort === 'low' ? 'Low Purchased Courses' : 'High Purchased Courses' }}
                        </h5>
                        <x-table-controls :action="route('courses.high-purchased')" 
                            :filters="['sort' => ['high' => 'High purchases first', 'low' => 'Low purchases first']]" />
                    </div>
                        <x-table :headers="['#', 'Course (EN)', 'Course (AR)', 'Purchase Count', 'Gross Revenue', 'Net Revenue']">
                            @forelse ($courses as $course)
                                <tr>
                                    <td class="text-center">{{ ($courses->currentPage() - 1) * $courses->perPage() + $loop->iteration }}</td>
                                    <td class="text-center">{{ $course->track->name_en ?? '—' }}</td>
                                    <td class="text-center">{{ $course->track->name_ar ?? '—' }}</td>
                                    <td class="text-center">{{ number_format($course->count_id) }}</td>
                                    <td class="text-center">{{ number_format($course->gross_revenue, 2) }}</td>
                                    <td class="text-center">{{ number_format($course->net_revenue, 2) }}</td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="6" class="text-center">No purchased courses found.</td>
                                </tr>
                            @endforelse
                        </x-table>
                    <div class="m-2">
                        {{ $courses->links('pagination::bootstrap-5') }}
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection