@extends('layouts.master')

@section('css')
<!-- Table css -->
<link href="{{ URL::asset('plugins/RWD-Table-Patterns/dist/css/rwd-table.min.css') }}" rel="stylesheet" type="text/css" media="screen">
@endsection

@section('breadcrumb')
<div class="col-sm-6">
    <h4 class="page-title text-left">Attendance</h4>
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="javascript:void(0);">Home</a></li>
        <li class="breadcrumb-item"><a href="javascript:void(0);">Attendance</a></li>


    </ol>
</div>
@endsection
@section('button')

@endsection

@section('content')
@include('includes.flash')

<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-body">

                <div class="table-rep-plugin">
                    <div class="table-responsive mb-0" data-pattern="priority-columns">
                        <table id="datatable-buttons" class="table table-striped table-bordered dt-responsive nowrap" style="border-collapse: collapse; border-spacing: 0; width: 100%;">

                         `<thead>
    <tr>
        <th scope="col">Device name</th> <!-- Corrected closing tag for th -->
        <th scope="col">ID Number</th>
        <th scope="col">Serial Number</th>
        <th scope="col">State</th>
        <th scope="col">Timestamp</th>
        <th scope="col">Type</th>
        <th scope="col">Value</th>
    </tr>
</thead>
<tbody>
    @php
     $sl = 1; 

    $attendanceFaceTypeMap = [
                                '15' => ['class' => 'badge-success', 'label' => 'Face'],
                                '4' => ['class' => 'badge-danger', 'label' => 'Card'],
                                '1' => ['class' => 'badge-primary', 'label' => 'Fingerprint'],
                            
                                ];


                                $attendanceTypeMap = [
                                '0' => ['class' => 'badge-success', 'label' => 'Check-in'],
                                '1' => ['class' => 'badge-danger', 'label' => 'Check-out'],
                                '2' => ['class' => 'badge-primary', 'label' => 'Break-out'],
                                '3' => ['class' => 'badge-dark', 'label' => 'Break-in'],
                                '7' => ['class' => 'badge-secondary', 'label' => 'Door-pm'],
                                '6' => ['class' => 'badge-warning', 'label' => 'Door-am'],
                                '4' => ['class' => 'badge-dark', 'label' => 'OverCheck-in'],
                                '5' => ['class' => 'badge-dark', 'label' => 'OverCheck-out'],
                                ];  

                        


                                @endphp



    @foreach($attendanceData as $data)
        @foreach ($data['attendances'] as $attendance)
            <tr>
                <td>{{ $data['devicename'] }}</td> <!-- Add this line to include the device IP -->
                <td>{{ $attendance['id'] }}</td>
                <td>{{ $attendance['uid'] }}</td>

                <td>
                    @if (isset($attendanceFaceTypeMap[$attendance['state']]))
                        <span class="badge badge-pill float-left {{ $attendanceFaceTypeMap[$attendance['state']]['class'] }}">
                            {{ $attendanceFaceTypeMap[$attendance['state']]['label'] }}
                        </span>
                    @else
                        <span class="badge badge-danger badge-pill float-left">Unknown</span>
                    @endif
                </td>

                <td>{{ $attendance['timestamp'] }}</td>

                <td>
                    @if (isset($attendanceTypeMap[$attendance['type']]))
                        <span class="badge badge-pill float-left {{ $attendanceTypeMap[$attendance['type']]['class'] }}">
                            {{ $attendanceTypeMap[$attendance['type']]['label'] }}
                        </span>
                    @else
                        <span class="badge badge-danger badge-pill float-left">Unknown</span>
                    @endif
                </td>

                <td>{{ $attendance['type'] }}</td>
            </tr>
        @endforeach
    @endforeach
</tbody>
`


                        </table>

                
</body>
</html>



                        
                    </div>
                </div>

            </div>
        </div>
    </div> <!-- end col -->
</div> <!-- end row -->

@endsection


@section('script')
<!-- Responsive-table-->
<script src="{{ URL::asset('plugins/RWD-Table-Patterns/dist/js/rwd-table.min.js') }}"></script>

@endsection

@section('script')
<script>
    $(function() {
        $('.table-responsive').responsiveTable({
            addDisplayAllBtn: 'btn btn-secondary'
        });
    });
</script>
@endsection