@extends('../layout/' . $layout)

@section('subhead')
    <title>Atarud MIS - Student Attendance Monthly Report</title>
@endsection

@section('subcontent')
<div class="flex items-center mt-8">
    <div class="dropdown">
        <button class="dropdown-toggle btn btn-primary intro-y" aria-expanded="false" data-tw-toggle="dropdown">Select Report Type</button>
        <div class="dropdown-menu w-40">
            <ul class="dropdown-content">
                <li>
                    <a href="{{route('report.attendance.daily')}}" class="dropdown-item">Daily Report</a>
                </li>
                <li>
                    <a href="{{route('report.attendance.monthly')}}" class="dropdown-item">Monthly Report</a>
                </li>
                <li>
                    <a href="{{route('report.attendance.custom')}}" class="dropdown-item">Custom Report</a>
                </li>
                <li>
                    <a href="{{route('report.attendance.classbase')}}" class="dropdown-item">Class Base Report</a>
                </li>
                <li>
                    <a href="{{route('report.attendance.daily.branch')}}" class="dropdown-item">Branch Report</a>
                </li>
            </ul>
        </div>
    </div>


</div>
    <div class="flex items-center mt-8">
        <h2 class="intro-y text-lg font-medium mr-auto">Student Attendance Monthly Report</h2>
    </div>

    <div class="grid grid-cols-12 gap-6 mt-6">

        <!-- BEGIN: Data List -->
        <div class="intro-y col-span-12 overflow-auto lg:overflow-visible" >

            <div class="overflow-x-auto">

                <form method="get" action="{{ route('report.attendance.monthly') }}">
                    @csrf
                    @method('get')
                    <table class="table">
                        <thead class="table-light">
                            <tr>
                                <th>Select Program</th>
                                <th>Select Semester</th>
                                <th>Select Section</th>
                                <th>Select Course</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>
                                    <select name="Program" class="form-control" data-validate="required" id="program_id"
                                        data-message-required="value_required " onchange="get_class_semesters(this.value)">
                                        <option value="">Select Progarm</option>
                                        @foreach ($programs as $row)
                                            <option value="{{ $row->id }}">
                                                {{ $row->title }}
                                            </option>
                                        @endforeach;
                                    </select>
                                </td>
                                <td>
                                    <select name="semester_id" class="form-control" data-validate="required"
                                        id="semester_id" data-message-required=" value_required "
                                        onchange="getSection(this.value)">
                                        <option value="">Select Semester</option>
                                    </select>
                                </td>
                                <td>
                                    <select name="section_id" class="form-control" data-validate="required" id="section_id"
                                        data-message-required=" value_required " onchange="get_section_courses(this.value)">
                                        <option value="">Select Section</option>
                                    </select>
                                </td>
                                <td>
                                    <select name="course_id" class="form-control" id="section_selector_holder">
                                        <option value="">Select Class</option>
                                    </select>
                                </td>
                                <td>
                                    <input type="date" name="date" class="form-control" id="date">
                                </td>
                                <td>
                                     <button type="sumbit" class="btn btn-sm btn-primary" style="display: inline;">Result</button>
                                </td>
                            </tr>
                        </tbody>

                    </table>
                </form>

            </div>


            <div class="overflow-x-auto" style="border-radius:5px; border:1px solid #e5e7eb; background-color: white;">
                    {{-- <div id="details"></div> --}}

                    <div class="p-5" >
                        @if(isset($students))

                        <img style='width:400px;' id='logo' src="{{asset('uploads/logo.png')}}">
                        <h1 style="color:#37AFEE; font-size: 20px; padding: 6px; margin-top:5px;">Student Monthly Attendance Report</h1>
                         <p>Program: {{$data['program']->title}} &nbsp;&nbsp;&nbsp; Semester: {{$data['semester']->name}} &nbsp;&nbsp;&nbsp; Section: {{$data['section']->name}} &nbsp;&nbsp;&nbsp; Date: {{$data['date']}}</p>
                           {{-- <h1 style="text-align: center; margin-top: 10px;"><strong>{{$accountName[$loop->index]}}</strong></h1> --}}
                            <div class="overflow-x-auto parents" id="parent" >
                               {{-- <h1 style="text-align:center;"> asdfasdf</h1> --}}
                               <table class="table table-bordered table-striped table-responsive table-condensed" width="100%" style="overflow:auto;">
                                <thead>
                                   <tr>
                                     <th>#</th>
                                     <th>iD</th>
                                     <th>Student Name</th>
                                     <th>Invoice_id </th>
                                      <th>1</th>                                      <th>Present</th>
                                     <th>Absent</th>
                                     <th>Leave</th>
                                     <th>Trady</th>
                                   </tr>
                                 </thead>
                                 <tbody>

                                    @foreach($students as $row)

                                    @php
                                        $invoice = App\Models\Invoice::where('student_id', $row->id)
                                                ->where('section_id',$row->course_id)
                                                ->first();
                                        $invoice_id = $invoice != null ? $invoice->id: '';
                                    @endphp
                                   <tr>
                                     <td style="font-size:10px">{{$loop->index}}</td>
                                     <td style="font-size:10px">{{$row->id}}</td>
                                     <td style="font-size:10px">{{$row->name}}</td>
                                     <td style="font-size:10px">{{$invoice_id}}</td>
                                                                           <td >