@extends('pdf.layout')

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

@section('content')

@include('include.report_header')
    
<br>
<div class="row">
  <div class="col-12">
    <p style="text-align: center; font-size: 20px; font-weight: bold; text-decoration: underline;">{{$exam->exam_name}} {{ request()->get('year') }}</p>
  </div>
</div>

<div class="col-12" style="margin-top: 10px">
    <h3 class="side-title">RESULT SUMMARY</h3>
    <div class="single category">
        <table style="font-size: 16px !important;" class="table table-condensed">
            <tbody>
                @php
                    $total_examinee = 0;
                    $fail_examinee = 0;
                @endphp
                <tr>
                    <td style="font-size: 18px !important;">Total Number of Students </td>
                    <td style="font-size: 18px !important;">: {{$dashboardData['total_examinee']}}</td>
                </tr>
                <tr>
                    <td style=" width: 450px; font-size: 18px !important;">Total Number of Regular and Irregular Students </td>
                    <td style="font-size: 18px !important;">: {{$dashboardData['total_reg_irr_examinee']}}</td>
                </tr>
                <tr>
                    <td style="font-size: 18px !important;">Total Number of Improvement Students </td>
                    <td style="font-size: 18px !important;">: {{$dashboardData['total_examinee'] - $dashboardData['total_reg_irr_examinee']}}</td>
                </tr>
                <tr>
                    <td style="font-size: 18px !important;">Total Centers </td>
                    <td style="font-size: 18px !important;">: {{$dashboardData['total_center']}}</td>
                </tr>
                <tr>
                    <td style="font-size: 18px !important;">Total Colleges </td>
                    <td style="font-size: 18px !important;">: {{$dashboardData['total_college']}}</td>
                </tr>
                <tr>
                    <td style="font-size: 18px !important;">Total Reported </td>
                    <td style="font-size: 18px !important;">: {{$dashboardData['reported']}}</td>
                </tr>
                <tr>
                    <td style="font-size: 18px !important;">Total Witheld </td>
                    <td style="font-size: 18px !important;">: {{$dashboardData['withheld']}}</td>
                </tr>
            </tbody>
        </table>
        <h4>Course/Paper Wise Pass/Fail Summary</h4>
        <table style="width: 80%; font-size: 18px !important;" class="table table-condensed">
            <tbody>
                <tr>
                    <td style="width: 450px; font-size: 18px !important;">Total Courses/Papers </td>
                    <td style="font-size: 18px !important;">: {{$dashboardData['total_course']}}</td>
                </tr>
                <tr>
                    <td style="font-size: 18px !important;">Total Pass Courses/Papers</td>
                    <td style="font-size: 18px !important;">: {{$dashboardData['total_course_pass']}}</td>
                </tr>
                <tr>
                    <td style="font-size: 18px !important;">Total Fail Courses/Papers</td>
                    <td style="font-size: 18px !important;">: {{$dashboardData['total_course_fail']}}</td>
                </tr>
                <tr>
                    <td style="font-size: 18px !important;">Total Absent Courses/Papers</td>
                    <td style="font-size: 18px !important;">: {{$dashboardData['absent']}}</td>
                </tr>
            </tbody>
        </table>
    </div>
    <br><br><br><br><br><br><br><br>
    <table width="100%">
        <tr>
            <td width="25%">------------------------------<br>Prepared By</td>
            <td width="25%">------------------------------<br>SSA</td>
            <td width="25%">------------------------------<br>DICT</td>
            <td width="25%">------------------------------<br>Controller of Examination</td>
        </tr>
    </table>
</div>

@stop

<style>
    .single {
        padding: 30px 15px;
        margin-top: 40px;
        background: #fcfcfc;
        border: 1px solid #f0f0f0;
    }

    .single h3.side-title {
        margin: 0;
        margin-bottom: 10px;
        padding: 0;
        font-size: 20px;
        color: #333;
    }

    .single h3.side-title:after {
        content: '';
        width: 60px;
        height: 1px;
        background: #ff173c;
        display: block;
        margin-top: 6px;
    }

    .single ul {
        margin-bottom: 0;
    }

    .single li a {
        color: #333;
        font-size: 14px;
        border-bottom: 1px solid #f0f0f0;
        line-height: 40px;
        display: block;
        text-decoration: none;
    }

    .single li a span{
        float: right;
    }

    .single li a:hover {
        color: #ff173c;
    }

    .single li:last-child a {
        border-bottom: 0;
    }
</style>