@extends('layouts.studentapp')

@section('content')
    <div class="container-fluid px-4">
        <h2 class="mt-4 text-center">
            {{ $Student->name }}'s Attendance
        </h2>
        <div class="card mt-4">
            <div class="card-header shadow">
                <div class="card-body">
                    <table id="datatablesSimple">
                        <thead>
                            <tr>
                                <th>{{ __('lng.SiNo') }}</th>
                                {{-- <th>{{ __('lng.Name') }}</th> --}}
                                <th>{{ __('lng.InTime') }}</th>
                                <th>{{ __('lng.OutTime') }}</th>
                                {{-- <th class="px-4 py-3">Actions</th> --}}
                            </tr>
                        </thead>
                        <tbody>
                            @php $si = 0; @endphp
                            @foreach ($Student->studentattendances as $StudentAttendance)
                                <tr>
                                    <td>
                                        {{ ++$si }}
                                    </td>
                                    {{-- <td>
                                        {{ $Student->admission_no ?? '' }}
                                    </td> --}}
                                    <td>
                                        @if ($StudentAttendance->InTime)
                                            {{ date_format(date_create($StudentAttendance->InTime), 'd-m-Y H:i:s') }}
                                        @endif
                                    </td>
                                    <td>
                                        @if ($StudentAttendance->OutTime)
                                            {{ date_format(date_create($StudentAttendance->OutTime), 'd-m-Y H:i:s') }}
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection