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

@section('subhead')
<title>Atarud MIS - Student Attendance Custom Report</title>
@endsection
<link rel="stylesheet" href="{{ asset('dist/persianDatepicker/css/persianDatepicker-default.css') }}" />

@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 Custom 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.custom') }}">
            @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>From</th>
                        <th>To</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>
                            <select name="Program" class="form-control" id="program_id"
                                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" id="semester_id"
                                onchange="getSection(this.value)">
                                <option value="">Select Semester</option>
                            </select>
                        </td>
                        <td>
                            <select name="section_id" class="form-control" id="section_id"
                                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="text" placeholder="YYYY-0M-0D" class="form-control pdpF2" name="from"
                                id="date">
                        </td>
                        <td>
                            <input type="text" placeholder="YYYY-0M-0D" class="form-control pdpF2" name="to"
                                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 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>
            <div class="overflow-x-auto parents" id="parent">
                <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>Father Name </th>
                            <th>Records</th>
                            <th>Present</th>
                            <th>Absent</th>
                            <th>Leave</th>
                            <th>Holiday</th>
                            <th>Trady</th>
                        </tr>
                    </thead>
                    <tbody>

                        @foreach($students as $row)
                        @php $student = App\Models\Student::where('id', $row->student_id)->first(); @endphp
                        <tr>
                            <td>{{++$loop->index}}</td>
                            <td>
                                                            </td>
                            <td>
                                                            </td>
                            <td>
                                                            </td>
                            <td></td>
                            <td>