@extends('layouts.userLayout')
@section('content')
    <!-- Breadcrumb Starts -->
    {{-- <div class="breadcrumb_bg_img">
        <div class="page_heading">Static's Profile</div>
    </div> --}}
    <!-- Breadcrumb Ends -->

    <section class="dashboard_section assign_task_section">
        <div class="container">
            <div class="row">
                <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                    <div class="dashboard_sec_area">
                        <div class="dashboard_inner_area">
                            <div class="left_sidebar d-lg-block d-none">
                                @include('teacher.dashboard.sidebar')
                            </div>
                            <div class="right_sec_area">
                                <div class="assign_task_area">
                                    <div class="inner_assign_task">
                                        @include('frontend.partials.flash_messages')
                                        <div class="card">
                                            <div class="table-responsive">
                                                <table class="table attendance_table">
                                                    <thead class="thead-light">
                                                        <tr>
                                                            <th>Student Name / Dates</th>
                                                            <th>2 <span>(Mon)</span></th>
                                                            <th>3 <span>(Tue)</span></th>
                                                            <th>4 <span>(Wed)</span></th>
                                                            <th>5 <span>(Thu)</span></th>
                                                            <th>6 <span>(Fri)</span></th>
                                                            <th>7 <span>(Sat)</span></th>
                                                            <th>8 <span>(Sun)</span></th>
                                                            <th>9 <span>(Mon)</span></th>
                                                            <th>10 <span>(Tue)</span></th>
                                                            <th>11 <span>(Wed)</span></th>
                                                            <th>12 <span>(Thu)</span></th>
                                                            <th>13 <span>(Fri)</span></th>
                                                            <th>14 <span>(Sat)</span></th>
                                                            <th>15 <span>(Sun)</span></th>
                                                            <th>16 <span>(Mon)</span></th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @if (!empty($students))
                                                            @foreach ($students as $k => $s)
                                                                <tr>
                                                                    <th>{{ $s['first_name'] ?? '' }}
                                                                        {{ $s['last_name'] ?? '' }}</th>
                                                                    <td>
                                                                        <div class="attendance-radio">
                                                                            <div class="absent_present">
                                                                                <input type="radio" id="student-1-present"
                                                                                    name="student-1-attendance"
                                                                                    value="P" />
                                                                                <label for="student-1-present">P</label>
                                                                            </div>

                                                                            <div class="absent_present">
                                                                                <input type="radio" id="student-1-absent"
                                                                                    name="student-1-attendance"
                                                                                    value="A" />
                                                                                <label for="student-1-absent">A</label>
                                                                            </div>
                                                                        </div>
                                                                    </td>
                                                                    <td>
                                                                        <div class="attendance-radio">
                                                                            <div class="absent_present">
                                                                                <input type="radio" id="student-2-present"
                                                                                    name="student-2-attendance"
                                                                                    value="P" />
                                                                                <label for="student-2-present">P</label>
                                                                            </div>

                                                                            <div class="absent_present">
                                                                                <input type="radio" id="student-2-absent"
                                                                                    name="student-2-attendance"
                                                                                    value="A" />
                                                                                <label for="student-2-absent">A</label>
                                                                            </div>
                                                                        </div>
                                                                    </td>
                                                                    <td>
                                                                        <div class="attendance-radio">
                                                                            <div class="absent_present">
                                                                                <input type="radio" id="student-3-present"
                                                                                    name="student-3-attendance"
                                                                                    value="P" />
                                                                                <label for="student-3-present">P</label>
                                                                            </div>

                                                                            <div class="absent_present">
                                                                                <input type="radio" id="student-3-absent"
                                                                                    name="student-3-attendance"
                                                                                    value="A" />
                                                                                <label for="student-3-absent">A</label>
                                                                            </div>
                                                                        </div>
                                                                    </td>
                                                                    <td>
                                                                        <div class="attendance-radio">
                                                                            <div class="absent_present">
                                                                                <input type="radio" id="student-4-present"
                                                                                    name="student-4-attendance"
                                                                                    value="P" />
                                                                                <label for="student-4-present">P</label>
                                                                            </div>

                                                                            <div class="absent_present">
                                                                                <input type="radio" id="student-4-absent"
                                                                                    name="student-4-attendance"
                                                                                    value="A" />
                                                                                <label for="student-4-absent">A</label>
                                                                            </div>
                                                                        </div>
                                                                    </td>
                                                                    <td>
                                                                        <div class="attendance-radio">
                                                                            <div class="absent_present">
                                                                                <input type="radio" id="student-5-present"
                                                                                    name="student-5-attendance"
                                                                                    value="P" />
                                                                                <label for="student-5-present">P</label>
                                                                            </div>

                                                                            <div class="absent_present">
                                                                                <input type="radio" id="student-5-absent"
                                                                                    name="student-5-attendance"
                                                                                    value="A" />
                                                                                <label for="student-5-absent">A</label>
                                                                            </div>
                                                                        </div>
                                                                    </td>
                                                                    <td>
                                                                        <div class="attendance-radio">
                                                                            <div class="absent_present">
                                                                                <input type="radio" id="student-6-present"
                                                                                    name="student-6-attendance"
                                                                                    value="P" />
                                                                                <label for="student-6-present">P</label>
                                                                            </div>

                                                                            <div class="absent_present">
                                                                                <input type="radio" id="student-6-absent"
                                                                                    name="student-6-attendance"
                                                                                    value="A" />
                                                                                <label for="student-6-absent">A</label>
                                                                            </div>
                                                                        </div>
                                                                    </td>
                                                                    @if ($k == 0)
                                                                        <td rowspan="{{ count($students) }}">
                                                                            <span class="weekend">
                                                                                Sunday
                                                                            </span>
                                                                        </td>
                                                                    @endif
                                                                    @if ($k == 0)
                                                                        <td>
                                                                            <span class="leave">
                                                                                Leave
                                                                            </span>
                                                                        </td>
                                                                    @endif
                                                                    @if ($k == 0)
                                                                        <td>
                                                                            <span class="holiday">
                                                                                Holiday
                                                                            </span>
                                                                        </td>
                                                                    @endif
                                                                    <td>
                                                                        <div class="attendance-radio">
                                                                            <div class="absent_present">
                                                                                <input type="radio"
                                                                                    id="student-8-present"
                                                                                    name="student-8-attendance"
                                                                                    value="P" />
                                                                                <label for="student-8-present">P</label>
                                                                            </div>

                                                                            <div class="absent_present">
                                                                                <input type="radio"
                                                                                    id="student-8-absent"
                                                                                    name="student-8-attendance"
                                                                                    value="A" />
                                                                                <label for="student-8-absent">A</label>
                                                                            </div>
                                                                        </div>
                                                                    </td>
                                                                    <td>
                                                                        <div class="attendance-radio">
                                                                            <div class="absent_present">
                                                                                <input type="radio"
                                                                                    id="student-9-present"
                                                                                    name="student-9-attendance"
                                                                                    value="P" />
                                                                                <label for="student-9-present">P</label>
                                                                            </div>

                                                                            <div class="absent_present">
                                                                                <input type="radio"
                                                                                    id="student-9-absent"
                                                                                    name="student-9-attendance"
                                                                                    value="A" />
                                                                                <label for="student-9-absent">A</label>
                                                                            </div>
                                                                        </div>
                                                                    </td>
                                                                    <td>
                                                                        <div class="attendance-radio">
                                                                            <div class="absent_present">
                                                                                <input type="radio"
                                                                                    id="student-10-present"
                                                                                    name="student-10-attendance"
                                                                                    value="P" />
                                                                                <label for="student-10-present">P</label>
                                                                            </div>

                                                                            <div class="absent_present">
                                                                                <input type="radio"
                                                                                    id="student-10-absent"
                                                                                    name="student-10-attendance"
                                                                                    value="A" />
                                                                                <label for="student-10-absent">A</label>
                                                                            </div>
                                                                        </div>
                                                                    </td>
                                                                    <td>
                                                                        <div class="attendance-radio">
                                                                            <div class="absent_present">
                                                                                <input type="radio"
                                                                                    id="student-11-present"
                                                                                    name="student-11-attendance"
                                                                                    value="P" />
                                                                                <label for="student-11-present">P</label>
                                                                            </div>

                                                                            <div class="absent_present">
                                                                                <input type="radio"
                                                                                    id="student-11-absent"
                                                                                    name="student-11-attendance"
                                                                                    value="A" />
                                                                                <label for="student-11-absent">A</label>
                                                                            </div>
                                                                        </div>
                                                                    </td>
                                                                    <td>
                                                                        <div class="attendance-radio">
                                                                            <div class="absent_present">
                                                                                <input type="radio"
                                                                                    id="student-12-present"
                                                                                    name="student-12-attendance"
                                                                                    value="P" />
                                                                                <label for="student-12-present">P</label>
                                                                            </div>

                                                                            <div class="absent_present">
                                                                                <input type="radio"
                                                                                    id="student-12-absent"
                                                                                    name="student-12-attendance"
                                                                                    value="A" />
                                                                                <label for="student-12-absent">A</label>
                                                                            </div>
                                                                        </div>
                                                                    </td>
                                                                    <td>
                                                                        <div class="attendance-radio">
                                                                            <div class="absent_present">
                                                                                <input type="radio"
                                                                                    id="student-13-present"
                                                                                    name="student-13-attendance"
                                                                                    value="P" />
                                                                                <label for="student-13-present">P</label>
                                                                            </div>

                                                                            <div class="absent_present">
                                                                                <input type="radio"
                                                                                    id="student-13-absent"
                                                                                    name="student-13-attendance"
                                                                                    value="A" />
                                                                                <label for="student-13-absent">A</label>
                                                                            </div>
                                                                        </div>
                                                                    </td>
                                                                    <td>
                                                                        <div class="attendance-radio">
                                                                            <div class="absent_present">
                                                                                <input type="radio"
                                                                                    id="student-14-present"
                                                                                    name="student-14-attendance"
                                                                                    value="P" />
                                                                                <label for="student-14-present">P</label>
                                                                            </div>

                                                                            <div class="absent_present">
                                                                                <input type="radio"
                                                                                    id="student-14-absent"
                                                                                    name="student-14-attendance"
                                                                                    value="A" />
                                                                                <label for="student-14-absent">A</label>
                                                                            </div>
                                                                        </div>
                                                                    </td>
                                                                    <td>
                                                                        <div class="attendance-radio">
                                                                            <div class="absent_present">
                                                                                <input type="radio"
                                                                                    id="student-15-present"
                                                                                    name="student-15-attendance"
                                                                                    value="P" />
                                                                                <label for="student-15-present">P</label>
                                                                            </div>

                                                                            <div class="absent_present">
                                                                                <input type="radio"
                                                                                    id="student-15-absent"
                                                                                    name="student-15-attendance"
                                                                                    value="A" />
                                                                                <label for="student-15-absent">A</label>
                                                                            </div>
                                                                        </div>
                                                                    </td>
                                                                </tr>
                                                            @endforeach
                                                        @endif
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="bg_image d-xl-block d-none">
                                <img src="{{ url('frontend/images/pencil_img.png') }}" alt="..." />
                            </div>
                            <div class="bg_image bg_icon1 d-xl-block d-none">
                                <img src="{{ url('frontend/images/academics/bg_icon.png') }}" alt="..." />
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ==== My Profile Section End ==== -->
@endsection