@extends('layouts.teacher')

@section('content')
<!--App-Content-->
<div class="app-content my-3 my-md-5">
    <div class="side-app">
        <x-page.header>Meetings</x-page.header>
        @include('admin.errors.form-errors')
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-body">
                      <div class="table-responsive">
                        <table class="data-table-example table table-striped table-bordered table-vcenter text-nowrap">
                            <thead>
                                <tr>
                                    <th>Group</th>
                                    <th>Number</th>
                                    <th>Topic</th>
                                    <th>Status</th>
                                    <th>Date/Time</th>
                                    <th>Attendance</th>
                                </tr>
                            </thead>
                            <tbody>
                        @foreach ($meetings as $meeting )
                        <tr class="text-center">
                            <td>{{$meeting->gname}}</td>
                        <td>{{$meeting->mnumber}}</td>

                        <td>{{$meeting->mtitle}}</td>

                        <td>{{$meeting->mstatus}}</td>
                        <td>{{$meeting->mstartdate .'/'. $meeting->mstarttime}}</td>

                        <td style="text-align: center;">
                          <a href="{{route('teacher.meeting.attendance',$meeting->mid)}}" class="btn btn-outline-light btn-sm waves-effect waves-light">View</a>
                        </td>
                        </tr>
                        @endforeach
                            </tbody>
                        </table>
                        </div>
                    </div>
                </div>
            </div>
    </div>
</div>
@endsection