@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')
<a href="{{ route('machine.deviceadduser') }}" class="btn btn-primary btn-sm btn-flat"><i class="mdi mdi-plus mr-2"></i>Add New</a>

@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 data-priority="1">UID</th>
                                        <th data-priority="2">ID Number</th>
                                        <th data-priority="3">Name</th>
                                        <th data-priority="4">Role</th>
                                        <th data-priority="5">Password</th>

                                        <th data-priority="6">Card Number</th>
                                        <th data-priority="6">Device Serial Number</th>
                    


                                    </tr>
                                </thead>
                                <tbody>
                 
                                    @foreach ($employee_infos as $employee)
                          
                                        <tr>
                       
                                            <td>{{ $employee->uid }}</td>
                                            <td>{{ $employee->user_id }}</td>
                                            <td>{{ $employee->name }}</td>
                                            <td>{{ $employee->role }}</td>
                                           
                                            <td>{{ $employee->password }}
                                           
                                            </td>

                                    
                                 
                                                <td>{{ $employee->card_no }}
                                                <td>{{ $employee->device_serial_number }}
                                           
                                           </td>


                                        </tr>       

                                    @endforeach


                                </tbody>
                            </table>
                        </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