@extends('layout')

@section('pageTitle', "商品類別｜".config('globals.app_name'))


@section('content')
<style>
    .card-box{
        padding:24px;
    }
    .card-title h1{
        font-size: 30px;
    }
</style>
<div class="card-box">
    <div class="card-title">
        <h1>打卡紀錄</h1>
    </div>
    <div class="card-table">
        <table class="table">
            <thead class="thead-dark">
                <tr>
                    <th scope="col">#</th>
                    <th scope="col">上班時間</th>
                    <th scope="col">下班時間</th>
                    <th scope="col">備註</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($recode as $item => $row)
                <tr>
                    <th scope="row">{{ $item }}</th>
                    <td>{{ empty($row['上班'])?"":$row['上班'] }}</td>
                    <td>>{{ empty($row['下班'])?"":$row['下班'] }}</td>
                    <td></td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>
@endsection