@extends('dashboard.layouts.app')

@section('content')
    <div class="container-fluid">
        <div class="card shadow-sm border-0">
            {{-- Header Section with Title and Back Button --}}
            <div class="p-3 d-flex justify-content-between align-items-center border-bottom">
                <div class="fw-bold fs-5">
                    <i class="fas fa-chart-line me-2 text-primary"></i>Analysis Details
                </div>
                <x-table-action type="view" url="{{ route('student_prepaids.index') }}" label="Back to List" class="rounded-pill" :icon="false" />
            </div>

            <div class="card-body p-3">
                {{-- Course Info Section --}}
                <div class="mb-3 p-3 rounded border">
                    <div class="row">
                        <div class="col-md-4">
                            <span class="small text-uppercase fw-bold d-block">Course</span>
                            <span class="fw-bold fs-6">{{ $schedule->course_name_en ?? 'N/A' }}</span>
                        </div>
                        <div class="col-md-4">
                            <span class="small text-uppercase fw-bold d-block">Start Date</span>
                            <span class="fw-bold">{{ $schedule->start_date ?? 'N/A' }}</span>
                        </div>
                        <div class="col-md-4">
                            <span class="small text-uppercase fw-bold d-block">End Date</span>
                            <span class="fw-bold">{{ $schedule->end_date ?? 'N/A' }}</span>
                        </div>
                    </div>
                </div>

                {{-- Table Section --}}
                <x-table :headers="['#', 'Student', 'Total Sessions', 'Total Amount', 'Session Price', 'Paid Sessions', 'Unpaid Sessions', 'Paid Amount']">
                    @foreach($analysis as $i => $data)
                        <tr>
                            <td>{{ $i + 1 }}</td>
                            <td class="text-start px-3 fw-semibold">
                                {{ $data['prepaid']->student->first_name }} {{ $data['prepaid']->student->last_name }}
                            </td>
                            <td>{{ $data['prepaid']->total_sessions }}</td>
                            <td class="fw-bold">{{ number_format($data['prepaid']->total_amount, 2) }}</td>
                            <td>{{ number_format($data['prepaid']->session_price, 2) }}</td>
                            <td>
                                <span class="badge bg-success rounded-pill px-3">{{ $data['paid_sessions'] }}</span>
                            </td>
                            <td>
                                <span class="badge bg-danger rounded-pill px-3">{{ $data['unpaid_sessions'] }}</span>
                            </td>
                            <td class="fw-bold text-success">
                                {{ number_format($data['paid_amount'], 2) }}
                            </td>
                        </tr>
                    @endforeach
                </x-table>
            </div> {{-- End Card Body --}}
        </div>
    </div>
@endsection