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

@section('subhead')
    <title>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 class="dropdown ml-auto sm:ml-0">
                <button class="dropdown-toggle btn px-2 box" aria-expanded="false" data-tw-toggle="dropdown">
                    <span class="w-5 h-5 flex items-center justify-center">
                        <i class="w-4 h-4" data-lucide="plus"></i>
                    </span>
                </button>
                <div class="dropdown-menu w-40">
                    <ul class="dropdown-content">
                        <li>
                            <a href="" class="dropdown-item">
                                <i data-lucide="file" class="w-4 h-4 mr-2"></i> Export Word
                            </a>
                        </li>
                        <li>
                            <a href="" class="dropdown-item">
                                <i data-lucide="file" class="w-4 h-4 mr-2"></i> Export PDF
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </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>
                {{-- <hr style="background-color:#3AB2F4; height:1px;"> --}}
                <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;">{{ $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->sp }}</td>
                            <td style="border: 1px solid black; padding-left:15px;">{{ $row->grammer }}</td>
                            <td style="border: 1px solid black; padding-left:15px;">{{ $row->ls }}</td>
                            <td style="border: 1px solid black; padding-left:15px;">{{ $row->hw }}</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
                        
                        
                    </tbody>
                </table>
            </div>
        
    
        </div>
        <div style="width: 100%; height: 100px; padding: 10px; ">
            
                {{-- <h1 style="float: left;">Exam Controller</h1>
                
           
            
                <h1 style="float:left; text-align: center; margin:auto;">Attendance Officer</h1>
          
          
                <h1 style="float: right;">Administration</h1> --}}
                <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(
            //     '<link rel="stylesheet" href="assets/js/datatables/responsive/css/datatables.responsive.css" type="text/css" />'
            //     );
            
            mywindow.document.write('</head><body >');
            mywindow.document.write(data);
            mywindow.document.write('</body></html>');
            
            setTimeout(() => {
                mywindow.print();
            mywindow.close();

            }, 500);
           

            return true;
        }
    </script>
@endsection