@props(['teachersubject'])

<div class="mt-4 p-3 bg-dark text-info fw-bold fs-5">
    <span class="fas fa-list"></span> Teachers' List/Subject(Module) (All Facultyis)
    <hr/>
   <div class="fs-6">
        <x-nav-top :navobject="$teachersubject" :pathfile="'/teachers-subjects-units'" :container="'#TeachersContainer'" :querystring="''" :viewtitle=true />
   </div>
   
</div>
<div class="table-responsive">
    <table class="table table-bordered table-condenced table-dark table-striped table-hover">
        <thead>
            <tr>
                <th>#</th>
                <th>Subject</th>
                <th>Unit</th>
                <th>Teacher</th>
                <th>Date</th>
                <th>Status</th>
            </tr>
        </thead>
        @forelse ($teachersubject as $i=>$ts)
            <tr>
                <th>{{ ++$i }}</th>
                <td class="fw-bold fw-bod">{{ $ts->subject->name }} ({{ $ts->subject->code }})</td>
                <td>{{ $ts->unit->name }} ({{ $ts->unit->code }})</td>
                <td class="text-uppercase fw-bold">{{ $ts->staff->lname }} {{ $ts->staff->mname }} {{ $ts->staff->fname }}</td>
                <td>{{ $ts->subject->created_at }}</td>
                <td>{{ $ts->allowed?'Enabled':'Disabled' }}</td>
            </tr>
        @empty
            <tr>
                <th colspan="7">
                    <span class="fas fa-inf-circle fs-2 blink_me"></span> The list is empty!
                </th>
            </tr>
        @endforelse
        
    </table>
</div>