@extends('layouts.app')

@section('content')
<div class="container">
    <h1>Attendance Details</h1>

    <div class="card">
        <div class="card-header">
            Attendance Information
        </div>
        <div class="card-body">
            <table class="table table-bordered">
                <tr>
                    <th>User</th>
                    <td>{{ $attendance->user->username }}</td>
                </tr>
                <tr>
                    <th>Attendance Date</th>
                    <td>{{ $attendance->attendance_date }}</td>
                </tr>
                <tr>
                    <th>Attendance Type</th>
                    <td>{{ $attendance->attendanceType->attendance_type }}</td>
                </tr>
                <tr>
                    <th>Intime</th>
                    <td>
                        @if(in_array($attendance->attendance_type_id, [1, 2, 3, 4]) && $attendance->intime)
                            {{ date('g:i A', strtotime($attendance->intime)) }}
                        @else
                            N/A
                        @endif
                    </td><br>
                    <th>Outtime</th>
                    <td>
                        @if($attendance->intime && $attendance->outime)
                            {{ date('g:i A', strtotime($attendance->outime)) }}
                        @else
                            N/A
                        @endif
                    </td>
                </tr>
                <tr>
                    <th>Attendance Status</th>
                    <td>{{ $attendance->attendance_status == 1 ? 'Pending' : ($attendance->attendance_status == 2 ? 'Approved' : 'Cancelled') }}</td>
                </tr>
                <tr>
                    <th>Created Note</th>
                    <td>{{ $attendance->created_note }}</td>
                </tr>
                <tr>
                    <th>Updated Note</th>
                    <td>{{ $attendance->updated_note }}</td>
                </tr>
            </table>
            <a href="{{ route('user_attendances.index') }}" class="btn btn-primary">Back to List</a>
        </div>
    </div>
</div>
@endsection