@extends('layout/app')

@section('title', 'Сегодня')

@extends('layout/header')

@section('content')

    <div class="container-fluid d-flex justify-content-center align-items-center vh-10">
        <main class="col-10">
            <div class="scroll-table">
                <p class="text-center mt-3">
                    <b>Контрольная информация о сроках экзаменов меньше 3-х месяцев.</b>
                </p>
                <table>
                    <thead>
                        <tr>
                            <th style="width: 10%; font-size: 12;">Специалисты</th>
                            <th style="width: 10%; font-size: 12;">Дата</th>
                            <th style="width: 80%; font-size: 12;">Экзамен</th>
                        </tr>
                    </thead>
                </table>
                <div class="scroll-table-body" style="height: 770px;" id="ScrollTable">
                    <table class="table" id="myTable">
                        <tbody>
                            @foreach ($records as $item)
                                <tr>
                                    <td style="width: 10%; ...">{{ $item['user'] }}</td>
                                    <td style="width: 10%; font-size: 12;">
                                        <span class="{{ $item['color'] ?? '' }}"
                                            style="padding: 2px 6px; border-radius: 4px;">
                                            {{ $item['new_exam'] }}
                                        </span>
                                    </td>
                                    <td style="width: 80%; ...">{{ $item['name_exam'] }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </main>
    </div>

@endsection