@extends('layout.report')
@section('style')
    <style>
        table,
        th,
        td {
            min-width: 32px !important;
            font-size: 16px;
            padding: 4 20px !important;
        }

        #content {
            display: table;
        }

        #pageFooter {
            display: table-footer-group;
        }

      

        @page {
            margin-bottom: 40mm;
            margin-top: 40mm;

            
        }

        #logo {
            display: none !important;
        }
    </style>
@endsection
@section('report')
    <h1 style="width:100%; text-align: center">Batch Trainees Report</h1>
    <pre style="text-align: center;">Batch: {{ $batch->batch_name }}          Start Date: {{ $batch->start_date }}           Expected End Date: {{ $batch->end_date }}</pre>
    <br>
    <table>
        <thead>
            <tr>
                <th>#</th>
                <th>No</th>
                <th>Name</th>
                <th>ID No</th>
            </tr>
        </thead>
        <tbody>
            @foreach (App\Models\StudentEducational::batch($batch->id)->get() as $student)
                <tr>
                    <td>{{ $loop->iteration }}</td>
                    <td style="padding: 2px 16px !important">{{ $student->student_number }}</td>
                    <td style="padding: 2px 16px !important; text-align: left;">{{ $student->user->name }}</td>
                    <td style="padding: 2px 16px !important">{{ $student->user->id_number }}</td>
                </tr>
            @endforeach
        </tbody>
        {{-- <tfoot>
            <tr>
                <td colspan="4" style="text-align: right;">Total: {{ $batch->students->count() }}</td>
            </tr>
        </tfoot> --}}
    </table>
    {{-- signature --}}
    <div style="width: 100%; display: flex; justify-content: space-between; margin-top: 30px;">
        <div style="width: 40%; display: inline-block; text-align: center;">
            <p>Prepared by: </p>
            <br>
            {{-- border top --}}
            <div style="width: 100%; border-top: 1px solid black;">
                Trainees Affair's Manager
            </div>
        </div>
        <div style="width: 20%"></div>
        <div style="width: 40%; display: inline-block; text-align: center;">
            <p>Approved By: </p>
            <br>
            {{-- border top --}}
            <div style="width: 100%; border-top: 1px solid black;">
                Dep. Exe. Director
            </div>
        </div>
    </div>
@endsection