@extends('layouts.dashboard')

@section('contents')
<div class="mt-10 max-w-xl w-full mx-auto bg-white rounded-lg shadow-xl dark:bg-gray-800 p-4 md:p-6">
    <table class="lora-wt w-full border-collapse border border-slate-400">
        <caption class="caption-top text-xl font-semibold underline mb-2">
            Total Completed Applications
        </caption>
        <thead>
            <tr>
                <th class="border border-slate-300 px-3 py-2">Sl</th>
                <th class="border border-slate-300 px-3 py-2">Dept.</th>
                <th class="border border-slate-300 px-3 py-2">Count</th>
            </tr>
        </thead>
        <tbody>
            @foreach($results as $row)
            <tr>
                <td class="border border-slate-300 px-3 py-2 text-center">{{ $loop->iteration }}</td>
                <td class="border border-slate-300 px-3 py-2 text-center uppercase">{{$row->dept}}</td>
                <td class="border border-slate-300 px-3 py-2 text-center">{{$row->cnt}}</td>
            </tr>
            @endforeach
            <tr class="bg-gray-200">
                <td class="border border-slate-300 px-3 py-2 text-center font-semibold">*</td>
                <td class="border border-slate-300 px-3 py-2 text-center font-semibold">Total</td>
                <td class="border border-slate-300 px-3 py-2 text-center font-semibold">{{ $results->sum('cnt') }}</td>
            </tr>
        </tbody>
    </table>
</div>
@endsection

@section('scripts')
<script type="text/javascript">
</script>
@endsection