@extends('layouts.app')
@section('title',' - User')
@section('add_to_head')
   <link rel='stylesheet' href="{{asset('css/lc_cow.css')}}">
   <link rel='stylesheet' href="{{asset('css/lc_location.css')}}">
@endsection
@section('content')
<div style="display:flex;justify-content:space-between;align-items: flex-start;padding:5px">
        <a class="btn btn-primary" id ="btnAdd" name="btnAdd" href="./users/create">สร้าง User</a>
</div>
@if(count($users)>0)
<table id="tableLocation" class="table table-striped table-sm table-bordered table-hover">
        <thead>
           <tr class="thead-light">
                <th scope="col" style="width:50px">Username</th>
                <th scope="col">Name</th>
                <th scope="col" style="width:50px">Role</th>
                <th scope="col" style="width:50px">Is Active</th>
                <th scope="col" style="width:50px">Edit</th>
           </tr>
        </thead>
        <tbody>
        @foreach ($users as $user)
           <tr>
                <td style="text-align: left;">
                    <a id="user{{$user->id}}" href="./users/{{$user->id}}/edit">
                        {{$user->username}}
                    </a>
                </td>
                <td style="text-align: left;">
                    <a id="user{{$user->id}}" href="./users/{{$user->id}}/edit">
                        {{$user->name}}
                    </a>
                </td>
                <td style="text-align: center;">
                    @if($user->is_admin =='1')
                        Admin
                    @else
                        Staff
                    @endif
                </td>
                <td style="text-align: center;">
                    @if($user->is_active =='1')
                        <i class="fas fa-check"></i>
                    @endif
                </td>
                <td>
                    <a href="./users/{{$user->id}}/edit">
                        <i class="fas fa-edit"></i>
                    </a>
                </td>
           </tr>
        @endforeach
        </tbody>
</table>
@endif
@endsection