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

@section('subhead')
    <title>Exam ResultSheet</title>
@endsection

<style>
    @media print{
        .table{
            width: 100%;
        }
        .row{
            border: 1px solid black;
            color: red;
            text-align: center;
        }
        .overflow-x-auto{
            width: 100%;
        }
    }
</style>
@section('subcontent')
    <div class="intro-y flex flex-col sm:flex-row items-center mt-8">
        <h2 class="text-lg font-medium mr-auto">Result Sheet</h2>
        <div class="w-full sm:w-auto flex mt-4 sm:mt-0">
            <button class="btn btn-primary shadow-md mr-2" onClick="PrintElem('#resultsheet')">Print</button>
        </div>
    </div>
    <!-- BEGIN: Invoice -->
    <div class="intro-y box overflow-hidden mt-5" id="resultsheet">
        <div class="px-5 sm:px-16 py-10 sm:py-20">
            <div style="width:100%; height:auto; ">
                <table align="center" style="">
                    <tr>
                        <td colspan="2" style="">
                            <img style="width:400px;  " id="logo"src="{{ asset('uploads/logo.png') }}">
                           
                        </td>
                    </tr>
                    <tr class="mt-20">
                        <td colspan="2" align="center">
                            <p style="font-size:18px; padding-bottom: 10px;  color: #949494;"><b>KHAIR KHANA BRANCH</b></p>
                        </td>
                    </tr>
                </table>
                <br>
                <div class="overflow-x-auto">
                    <table class="table" align="center" style="width: 100%; margin: auto;">
                        <tbody>
                             
                            <tr>
                                <td>Campus:</td>
                                <td>{{ auth()->user()->branch_id }}</td>
                                <td >Program:</td>
                                <td style="padding-left: 50px;"> {{ $data['program']->title }}</td>
                            </tr>
                            <tr>
                                <td>Section:</td>
                                <td>{{ $data['section']->name }}</td>
                                <td>Course:</td>
                                <td style="padding-left: 50px;">{{ $data['course']->title }}</td>
                            </tr>
                            <tr>
                                <td>Room:</td>
                                <td>{{ $data['classroom']->name }}</td>
                                <td>Shift:</td>
                                <td style="padding-left: 50px;">{{ ucfirst($data['course']->shift) }}</td>
                            </tr>
                        </tbody>
                    </table>
                     
                </div>
            
            </div>    
            <div class="overflow-x-auto">
               
                <table style="width: 100%; border-collapse: collapse;" class="table table-bordered mt-5">
                    <thead class="table-light" style="border: 1px solid black;">
                        <tr style="border: 1px solid black;">
                            <th class="whitespace-nowrap" style="border: 1px solid black;">#</th>
                            <th class="whitespace-nowrap" style="border: 1px solid black;">Student ID</th>
                            <th class="whitespace-nowrap" style="border: 1px solid black;">Student Name</th>
                            <th class="whitespace-nowrap" style="border: 1px solid black;">Father Name</th>
                            <th class="whitespace-nowrap" style="border: 1px solid black;">RD</th>
                            <th class="whitespace-nowrap" style="border: 1px solid black;">WR</th>
                            <th class="whitespace-nowrap" style="border: 1px solid black;">LS</th>
                            <th class="whitespace-nowrap" style="border: 1px solid black;">SP</th>
                            {{-- <th class="whitespace-nowrap" style="border: 1px solid black;">Grammar</th> --}}
                            <th class="whitespace-nowrap" style="border: 1px solid black;">HW</th>
                            {{-- <th class="whitespace-nowrap" style="border: 1px solid black;">ATT</th> --}}
                            <th class="whitespace-nowrap" style="border: 1px solid black;">Total</th>
                            <th class="whitespace-nowrap" style="border: 1px solid black;">Grade</th>
                            <th class="whitespace-nowrap" style="border: 1px solid black;">Results</th>
                        </tr>
                    </thead>
                    <tbody>
                        @php
                            $c =0;
                        @endphp
                        @foreach ( $marks as  $row)
                            @php
                                $student = App\Models\Student::where('id', $row->student_id)->first();
                            @endphp
                        <tr style="border: 1px solid black;">
                            <td style="border: 1px solid black;">{{ ++$c }}</td>
                            <td style="border: 1px solid black; padding-left:15px;">{{ $student->id }}</td>
                            <td style="border: 1px solid black; padding-left:15px;">{{ $student->name }}</td>
                            <td style="border: 1px solid black; padding-left:15px;">{{ $student->father_name }}</td>
                            <td style="border: 1px solid black; padding-left:15px;">{{ $row->rd }}</td>
                            <td style="border: 1px solid black; padding-left:15px;">{{ $row->wr }}</td>
                            <td style="border: 1px solid black; padding-left:15px;">{{ $row->li }}</td>
                            <td style="border: 1px solid black; padding-left:15px;">{{ $row->sp }}</td>
                            {{-- <td style="border: 1px solid black; padding-left:15px;">{{ $row->grammer }}</td> --}}
                            <td style="border: 1px solid black; padding-left:15px;">{{ $row->hm }}</td>
                            {{-- <td style="border: 1px solid black; padding-left:15px;">{{ $row->att }}</td> --}}
                            <td style="border: 1px solid black; padding-left:15px;">{{ $row->mark_obtained }}</td>
                            <td style="border: 1px solid black; padding-left:15px;">
                            @php
                            $grade = '';
                                switch ($row->mark_obtained) {
                                    case '95': case '96': case '97': case '98': case '99': case '100':  
                                    $grade = 'A+';
                                        break;
                                    case '90': case '91':case '92': case '93':  case '94':
                                     $grade = 'A';
                                        break;

                                    case '85': case '86': case '87': case '88': case '89':  
                                    $grade = 'B+';
                                        break;
                                    case '80': case '81':case '82': case '83':  case '84':
                                     $grade = 'B';
                                        break;

                                    case '75': case '76': case '77': case '78': case '79':  
                                    $grade = 'C+';
                                        break;
                                    case '70': case '71':case '72': case '73':  case '74':
                                     $grade = 'C';
                                        break;

                                    case '65': case '66': case '67': case '68': case '69':  
                                    $grade = 'D+';
                                        break;
                                    case '60': case '61':case '62': case '63':  case '64':
                                     $grade = 'D';
                                        break;
                                    
                                    case '55': case '56': case '57': case '58': case '59':  
                                    $grade = 'E';
                                        break;
                                    default:
                                        $grade = 'F';
                                        break;
                                }
                            @endphp
                            {{ $grade }}
                            </td>
                            <td style="border: 1px solid black; padding-left:15px;">
                                @if($row->mark_obtained < 55)
                                    {{ "Fail" }}
                                @else
                                    {{ "Pass" }}
                                @endif
                            </td>
                        </tr>

                        @endforeach
                        @if($c <= 33)
                            @for($i = $c; $i <= 33; $i++)
                            <tr style="border: 1px solid black;">
                                <td style="border: 1px solid black;">{{ $i }}</td>
                                <td style="border: 1px solid black; padding-left:15px;"> </td>
                                <td style="border: 1px solid black; padding-left:15px;"> </td>
                                <td style="border: 1px solid black; padding-left:15px;"> </td>
                                <td style="border: 1px solid black; padding-left:15px;"> </td>
                                <td style="border: 1px solid black; padding-left:15px;"> </td>
                                <td style="border: 1px solid black; padding-left:15px;"> </td>
                                <td style="border: 1px solid black; padding-left:15px;"> </td>
                                <td style="border: 1px solid black; padding-left:15px;"> </td>
                                <td style="border: 1px solid black; padding-left:15px;"> </td>
                                <td style="border: 1px solid black; padding-left:15px;">
                                </td>
                                <td style="border: 1px solid black; padding-left:15px;">
                                
                                </td>
                            </tr>
                            @endfor
                        @endif
                    </tbody>
                </table>
            </div>
        </div>
        <div style="width: 100%; height: 100px; padding: 10px; ">
                <p style="margin-top: 10px; ">Exam Contoller: </p>
                <p style="margin-top: -36px; text-align:center;">Attendance Officer: </p>
                <p style="margin-top: -34px; text-align:right;">Administration: </p>
        </div>
    </div>
    <!-- END: Invoice -->
@endsection
@section('script')
    <script type="text/javascript">
     
        $(document).ready(function() {
            PrintElem('#resultsheet');
        });

        // print invoice function
        function PrintElem(elem) {
            Popup($(elem).html());
        }

        function Popup(data) {
            var mywindow = window.open('', 'invoice', 'height=600,width=950');
            mywindow.document.write('<html><head><title>Invoice</title>');
            mywindow.document.write('</head><body >');
            mywindow.document.write(data);
            mywindow.document.write('</body></html>');
            
            setTimeout(() => {
                mywindow.print();
            mywindow.close();

            }, 500);
            return true;
        }
    </script>
@endsection