@extends('dashboard.layouts.app')

@section('content')

    <div class="container-fluid">

        <div class="card shadow-sm p-3">
            <div class="mb-3">
                <strong>Course:</strong> {{ $schedule->course_name_en ?? '' }} <br>
                <strong>Start:</strong> {{ $schedule->start_date ?? '' }} <br>
                <strong>End:</strong> {{ $schedule->end_date ?? '' }}
            </div>

            <table class="text-center table table-bordered table-sm table bordered-table sm-table mb-0">
                <thead>
                    <tr>
                        <th class="text-center">#</th>
                        <th class="text-center">Student</th>
                        <th class="text-center">Total Sessions</th>
                        <th class="text-center">Total Amount</th>
                        <th class="text-center">Session Price</th>
                        <th class="text-center">Paid Sessions</th>
                        <th class="text-center">Unpaid Sessions</th>
                        <th class="text-center">Paid Amount</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($analysis as $i => $data)
                        <tr>
                            <td>{{ $i + 1 }}</td>
                            <td>{{ $data['prepaid']->student->first_name }} {{ $data['prepaid']->student->last_name }}</td>
                            <td>{{ $data['prepaid']->total_sessions }}</td>
                            <td>{{ $data['prepaid']->total_amount}}</td>
                            <td>{{ $data['prepaid']->session_price}}</td>

                            <td><span class="badge bg-success">{{ $data['paid_sessions'] }}</span></td>
                            <td><span class="badge bg-danger">{{ $data['unpaid_sessions'] }}</span></td>
                            <td>{{ number_format($data['paid_amount'], 2) }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
@endsection