@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 scope="col">UID</th> -->
                            <th scope="col">Device Name</th>
                            <th scope="col">UID</th>
                            <th scope="col">Id Number</th>
                            <th scope="col">Name</th>
                            <th scope="col">Role</th>
                            <th scope="col">Password</th>
                            <th scope="col">Card No</th>
                            <th scope="col">Action</th>


                                    </tr>
                                </thead>
                                <tbody>
                     




                          @foreach($UserData as $data)  
                          <tr>
                          @foreach ($data['users'] as $user)

                        <td>{{ $data['devicename']}}</td>
                            <!-- <td>{{ $user['uid'] }}</td> -->
                            <td>{{ $user['uid'] }}</td>
                            <td>{{ $user['userid'] }}</td>
                            <td>{{ $user['name'] }}</td>
                            <td>{{ $user['role'] }}</td>
                            <td>{{ $user['password'] }}</td>
                            <td>{{ $user['cardno'] }}</td>
                            <td>
                                <a class="btn btn-success btn-sm" href="{{ route('machine.deviceviewusersingle',$user) }}">
                                    Edit</a>
                                <a class="btn btn-danger btn-sm" href="{{ route('machine.deviceremoveusersingle',$user['uid']) }}" onclick="return confirm('{{ trans('global.areYouSure') }}');">
                                Delete</a>
                            </td>
                          </tr>
                          @endforeach
                          @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