@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')

    @if (!$hasStarted)
    @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">Thank You!!</h4>
            <span>Enrollment Process is Ongoing, Please go to  designated departments for clearances</span>
        </div>
    </div>
    @endif


    @if(count($subjectOfferings['active']) > 0)
    <div class="card border-radius-xl px-0  mb-5 pt-3 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 fw-bolder px-6 fs-3 mb-1">Fee Scheme</span>
            </h3>
        </div>
        <div class="card-body px-7">
            <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">Semester</th>
                        <th class="ps-4 rounded-start">Amount</th>
                    </tr>
                </thead>
                    <tbody>
                        @foreach($subjectOfferings['active'] as $subject)
                        <tr >
                            <td class="ps-4 fw-bold">{{ $subject->name }}</td>
                            <td class="ps-4 fw-bold">{{ number_format($subject->amount, 2) }}</td>
                        </tr>
                        @endforeach
                    </tbody>
            </table>
        </div>
        
    </div>

    <div class="card border-radius-xl px-0 mb-5 pt-3 mb-xl-8 pb-5">
        <div class="card-header px-0 border-0">
            <h3 class="card-title align-items-start px-6 flex-column">
                <span class="card-label fw-bolder fs-3 mb-1">Subject Offerings</span>
            </h3>
            <div class="mt-7 px-7">
                <a href="/me/subject-offerings/print" target="blank" class="btn btn-light-success btn-sm">Print</a>
            </div>
        </div>
        <div class="card-body px-7">
            <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>Code</th>
                        <th>Lecture Hours</th>
                        <th>Laboratory Hours</th>
                        <th>Section</th>
                        <th class="rounded-end"></th>
                    </tr>
                </thead>
                    <tbody>
                        @foreach($subjectOfferings['active'][0]->subjects as $subject)
                        <tr >
                            <td class="ps-4">{{ $subject->name }}</td>
                            <td>{{ $subject->code }}</td>
                            <td class="text-lowercase">{{ $subject->lecture_hours }} Hrs</td>
                            <td  class="text-lowercase">{{ $subject->lab_hours }} Hrs</td>
                            <td>{{ $subject->section_name }}</td>
                            <td>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
            </table>
        </div>
    </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
</div>

@endsection
@push('scripts')
@endpush