@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%; text-align: left;  padding-left: 10px; font-size: 12;">{{ $item['user'] }}</td>
                              <td  style="width: 10%; font-size: 12;">{{ $item['new_exam'] }}</td>
                              <td  style="width: 80%; text-align: left;  padding-left: 10px; font-size: 12;">{{ $item['name_exam'] }}</td>
                        </tr>
                        @endforeach     
                  </tbody>
                 </table>      
            </div>    
      </div>
  </main>
</div>

@endsection