@extends('admin.layouts.master')
@section('page_title', __("Students Codes Sheet"))

@push('css')
    <style>
        
        .card {
            height: 100%;
            display: flex;
            flex-direction: column;
        }
        .card-body {
            flex: 1;
        }
        .info-table {
            width: 100%;
        }
        .info-table td {
            padding: 4px 0;
            padding-right: 15px; 
        }
        .info-table td:first-child {
            width: 30%;
            font-weight: bold;
        }
    </style>
@endpush

@section('breadcrumb') 
    <div class="d-flex justify-content-between align-items-center w-100">
        @include('admin.partials.breadcrumb', ['breads' => [__('Sheets'), __('Students Codes Sheet')]])
        <div class="btn">
            @livewire('admin.reports.print-pdf', [
                'title' => __('Students Codes Sheet'),
                'view' => 'admin.pages.sheets.print.students-codes-sheet',
                'data' => $students->toArray()
            ])
        </div>
    </div>
@endsection

@include('admin.partials.datatable-plugins')

@section('content')
    <div class="container">
        <div class="row">
            @foreach($students as $index => $student)
                <div class="col-md-6 mb-4">
                    <div class="card">
                        <div class="card-body">
                            <h5 class="card-title text-center">{{ $student->name }}</h5>
                            <table class="info-table">
                                <tr>
                                    <td>{{ __('User Name') }}</td>
                                    <td><strong>:</strong>&nbsp;&nbsp;&nbsp;{{ $student->user_name }}</td>
                                </tr>
                                <tr>
                                    <td>{{ __('Code') }}</td>
                                    <td><strong>:</strong>&nbsp;&nbsp;&nbsp;{{ $student->code }}</td>
                                </tr>
                                <tr>
                                    <td>{{ __('Password') }}</td>
                                    <td><strong>:</strong>&nbsp;&nbsp;&nbsp;123456789</td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>

                @if(($index + 1) % 2 == 0)
                    </div><div class="row">
                @endif
            @endforeach
        </div>
    </div>
    </div>
    </div>
@endsection