@props(['teachersubjects','querystring'])
<div class="mt-4 p-3 border border-3 border-secondary fw-bold bg-warning fs-5 mb-3">
    <span class="fas fa-list"></span> SUBJECTS(MODULES)/UNITS FOR THE SELECTED TEACHER
</div>
<x-nav-top :navobject="$teachersubjects" :pathfile="'/teacher-subjects-list'" :container="'#TeachersContainer'" :querystring="$querystring" :viewtitle=true/>
<div class="table-responsive">
    <table class="table table-bordered table-condenced table-info">
        <thead>
            <tr>
                <th>#</th>
                <th>Teacher</th>
                <th>Subject</th>
                <th>Unit</th>
                <th>Status</th>
                <th>Date</th>
            </tr>
        </thead>
        @forelse ($teachersubjects as $i=>$teachersubject)
            <tr>
                <th>{{ ++$i }}</th>
                <th class="text-uppercase">{{ $teachersubject->staff->lname }} {{ $teachersubject->staff->mname }} {{ $teachersubject->staff->fname }}</th>
                <td>{{ $teachersubject->subject->name }}</td>
                <td>{{ $teachersubject->unit->name }}</td>
                <td class="fw-bold text-danger">
                    {{-- $teachersubject->allowed?'Enabled':'Disabled' --}}
                    <form action="" class="tsstatus" method="POST" onsubmit="event.preventDefault();">
                        @csrf
                        @method('put')
                        <span class="status">{{ $teachersubject->allowed?'Enabled':'Disabled' }}</span>
                        <span onclick="$.fn.ConfirmV2(event,$(this).parents('form.tsstatus'),$(this).parents('form.tsstatus').find('span.status'),'',$(this).next(),'/teacher-subject/update-status/{{ $teachersubject->teachersubject_id }}','','','','',false,false,'');" class="fas fa-refresh p-1 border border-danger bg-danger rounded-circle" title="Change status" style="cursor: pointer;"></span>
                        <x-notify/>
                    </form>
                </td>
                <td>{{ $teachersubject->created_at }}</td>
            </tr>
        @empty
            
        @endforelse
    </table>
</div>