@extends('pdf.layout')

@section('title', 'Re-scrutiny Dashboard Pdf')

@section('content')

@include('include.report_header')
    

<div class="col-12" style="margin-top: 10px">
    <div class="single category">
        <h3 class="side-title">Re-scrutiny Report Summary</h3>
       <div class="row">
           <div class="col-6">
               <ul style="list-style: none">
                   <li><a href="" title="">Total Applicant<span>{{ $rescrutiny_dashboard_data['total_applicant'] }}</span></a></li>
                   <li><a href="" title="">Total Re-scrutinizer<span>{{ $rescrutiny_dashboard_data['total_rescrutinizer'] }}</span></a></li>
                   <li><a href="" title="">Total Subject<span>{{ $rescrutiny_dashboard_data['total_subject'] }}</span></a></li>
               </ul>
           </div>

           <div class="col-6">
               <ul style="list-style: none">
                   <li><a href="" title="">Total Course<span>{{ $rescrutiny_dashboard_data['total_course'] }}</span></a></li>
                   <li><a href="" title="">Total Result Changed<span>{{ $rescrutiny_dashboard_data['total_result_changed'] }}</span></a></li>
                    <li><a href="" title="">Total Result Unchanged<span>{{ $rescrutiny_dashboard_data['total_result_unchanged'] }}</span></a></li>
               </ul>
           </div>
       </div>
    </div>
</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: #666;
        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>