@extends('layouts.app')

@section('title', 'Student Summary')

@section('content')
<style>
    @media print {
        body {
            background-color: #fff !important;
        }
        .leftside-content-header, .scroll-to-top, .btn-print-wrapper {
            display: none !important;
        }
        .panel {
            border: none !important;
            box-shadow: none !important;
        }
    }
</style>

<div class="content-header">
    <div class="leftside-content-header">
        <ul class="breadcrumbs">
            <li><i class="fa fa-home" aria-hidden="true"></i><a href="{{ route('dashboard') }}">Dashboard</a></li>
            <li><a href="javascript:void(0)">Student</a></li>
            <li><a href="javascript:void(0)">Summary</a></li>
        </ul>
    </div>
</div>

<div class="row animated fadeInUp">
    <div class="col-sm-12">
        <div class="panel">
            <div class="panel-content">
                <div id="student_list">
                    <div class="panel-content">
                        <div class="table-responsive">
                            <h3 class="text-center"><b>Nabinagar Ichchhamoyee Pilot Girls' High School</b></h3>
                            <h4 class="text-center"><b>Class &amp; Section Wise Student Summary</b></h4>
                            <h5 class="text-center"><strong>Session:</strong> {{ $currentSession }}</h5>
                            <hr>

                            <table id="basic-table" class="table table-striped table-bordered text-center align-middle" cellspacing="0" width="100%">
                                <thead>
                                    <tr class="success">
                                        <th class="text-center" style="vertical-align: middle;">Class</th>
                                        <th class="text-center" style="vertical-align: middle;">Section</th>
                                        <th class="text-center" style="vertical-align: middle;">Class Teacher</th>
                                        <th class="text-center" style="vertical-align: middle;">Sectionwise Total Student</th>
                                        <th class="text-center" style="vertical-align: middle;">Classwise Total Student</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse ($summaryData as $key => $sections)
                                        @php
                                            [$className, $session] = explode('___', $key);
                                            $rowCount   = count($sections);
                                            $classTotal = $sections->sum('total_student');
                                        @endphp

                                        @foreach ($sections as $index => $row)
                                            <tr>
                                                @if ($index === 0)
                                                    <td rowspan="{{ $rowCount }}" style="vertical-align: middle; font-weight: bold;">
                                                        {{ $className }}
                                                        @if ($session == $previousSession)
                                                            <br><span class="text-muted" style="font-size: 11px;">({{ $session }})</span>
                                                        @endif
                                                    </td>
                                                @endif

                                                <td style="vertical-align: middle;">{{ $row->section_name }}</td>
                                                <td style="vertical-align: middle;">N/A</td>
                                                <td style="vertical-align: middle;">{{ $row->total_student }}</td>

                                                @if ($index === 0)
                                                    <td rowspan="{{ $rowCount }}" style="vertical-align: middle; font-weight: bold;">
                                                        {{ $classTotal }}
                                                    </td>
                                                @endif
                                            </tr>
                                        @endforeach
                                    @empty
                                        <tr>
                                            <td colspan="5" class="text-center text-danger p-3">
                                                No student records found.
                                            </td>
                                        </tr>
                                    @endforelse

                                    @if(count($summaryData) > 0)
                                        <tr class="info" style="font-weight: bold;">
                                            <td colspan="3" class="text-right"><b>Total</b></td>
                                            <td><b>{{ $grandTotal }}</b></td>
                                            <td><b>{{ $grandTotal }}</b></td>
                                        </tr>
                                    @endif
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>

                <div class="text-center btn-print-wrapper mt-md">
                    <button onclick="printContent('student_list')" class="btn btn-primary btn-sm">
                        <i class="fa fa-print" aria-hidden="true"></i> Print Summary
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
function printContent(el){
    var restorepage = document.body.innerHTML;
    var printcontent = document.getElementById(el).innerHTML;
    document.body.innerHTML = printcontent;
    window.print();
    document.body.innerHTML = restorepage;
}
</script>
@endsection