@extends('layout.report', ['max_width' => '95%'])
@section('style')
    <style>
        table {
            border-collapse: collapse;
            width: 100%;
        }

        th,
        td {
            border: 1px solid #000;
            padding: 5px;
            font-size: 14px;
        }

        th {
            background-color: #999;
            color: #000;
        }

        tr:nth-child(even) {
            background-color: #f2f2f2;
        }

        tr:nth-child(odd) {
            background-color: #fff;
        }

        tr:hover {
            background-color: #ddd;
        }

        pre {
            font-size: 16px;
        }
    </style>
@endsection
@section('report')
    <h1 style="width: 100%; text-align: center;">Number of trainees per Company</h1>
    <pre>Group : {{$semester->batch_name}}    {{ 'exported at: ' . date('d-m-Y H:i') }}</pre>
    <table>
        <thead>
            <tr>
                <th>Record</th>
                <th>Company</th>
                <th>Number Of Trainees</th>
            </tr>
        </thead>
        <tbody>
            @foreach ($students as $i => $student)
               
                    <tr>
                        <td>{{ $loop->index + 1 }}</td>
                        <td>{{ App\Models\Company::where('id',$i)->first()->name }}</td>
                        <td>{{ $student->count() }}</td>
                

                    </tr>
               
            @endforeach
        </tbody>
    </table>
    <pre>Number of Trainees / Company</pre>
    
    {{-- signature --}}
   {{-- <div style="width: 100%; display: flex; justify-content: space-between; margin-top: 50px;">
        <div style="width: 50%; display: inline-block; text-align: center;">
            <p>Prepared by</p>
        </div>
        <div style="width: 50%; display: inline-block; text-align: center;">
            <p>Approved by</p><br />
            <p>Trainee Affairs Manager</p>

        </div>
    </div> --}}
@endsection