@extends('layouts.master')
@section('content')
<div class="h">
@include('inc.header-nav')
<div class="mx-auto container-fluid align-items-center pt-150">
    @include('inc.header-profile')
    <div>
        <div class="card px-0 pt-3 border-radius-xl p-5 mb-5 mb-xl-8 pb-5">
            <div class="card-header px-0 border-0">
                <h3 class="card-title align-items-start flex-column">
                    <span class="card-label px-6 fw-bolder fs-3 mb-1">Exams And Scores</span>
                </h3>
            </div>
            <div class="card-body px-7 pt-5">
                @if (is_array($assessments))
                @if(count($assessments) > 0)
                <div class="table-responsive">
                <table class="table align-middle table-bordered table-row-dashed table-row-bordered  gs-0 gy-4"> 
                    <tbody>
                        @foreach ($assessments as $item)
                        <tr >
                            <td class="ps-4 fw-bold" style="width:300px;background-color: #049d60;color: #fff;width: 219px;text-align: center;">{{ $item->name }}</td>
                            <td>
                                @if (count($item->subjects) > 0)
                                <div class="px-9 table-responsive">
                                <table class="table align-middle table-row-dashed table-row-bordered  gs-0 gy-4"> 
                                <thead>
                                    <tr class="fw-bold text-muted bg-light">
                                        <th class="ps-4 rounded-start">Subject</th>
                                        <th  class="rounded-end"></th>
                                    </tr>
                                </thead>
                                    <tbody>
                                        @foreach($item->subjects as $row)
                                            <tr>
                                                <td class="ps-4 fw-bold">
                                                    <p style="font-size: 16px;background: #eee;padding: 10px;border-radius: 5px;">{{ $row->name }} ({{ $row->code }})</p>
                                                    @if (count($row->exams ) > 0)
                                                    <table class="table align-middle table-bordered table-row-dashed table-row-bordered  gs-0 gy-4 ms-6">
                                                        @foreach($row->exams as $exam)
                                                        <tr>
                                                            <td>{{ $exam->title}}</td>
                                                            <td>
                                                                @if (!is_null($exam->score))
                                                                {{ $exam->score}} / {{ $exam->total_points}}
                                                                @endif
                                                            </td>
                                                        </tr>
                                                        @endforeach
                                                    </table>
                                                    @else 
                                                        <p class="text-danger ms-6">No Exams</p>
                                                    @endif 
                                                    
                                                </td>
                                                <td>
                                                  
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                                @endif

                              
                            </td>
                            
                        </tr>
                        @endforeach
                    </tbody>
                </table>
                </div>
                @else 

                <div class="alert alert-dismissible bg-primary d-flex flex-column flex-sm-row p-5 mb-10">
                    <i class="ki-duotone ki-shield-tick fs-2hx text-white me-4"><span class="path1"></span><span class="path2"></span></i>
                    <div class="d-flex flex-column text-light pe-0 pe-sm-10">
                        <h4 class="mb-2 text-white"> No active subject offerings</h4>
                        <span>You are not currenly enrolled!</span>
                    </div>
                </div>
                @endif
                @endif
            </div>
        </div>
    </div>
</div>

@include('modals.payment-proof-modal')
@endsection
@push('scripts')
@endpush