{{-- mainLayouts extends --}}
@extends('layouts.contentLayoutMaster')

{{-- Page title --}}
@section('title', 'User')

@section('content')
        {{-- <a class="waves-effect waves-light btn" href="{{route('admin.users.create')}}">Add User</a> --}}
        <div class="card">
            <div class="row col s12 pb-2">
                <div class="col s8">
                    <h6 class="pt-1"><b>User List</b></h6>
                </div>
                <div class="col s4">
                    <div class="input-field">
                        <a href="{{route('admin.users.create')}}" class="btn waves-effect waves-light right"><i class="material-icons left">list</i>Add User</a>
                    </div>
                </div>
            </div>
            <div class="card-content">
                <table id="users-list-datatable" class="table responsive-table striped">
                    <thead class="grey lighten-2">
                    <tr>
                        <th>&nbsp;</th>
                        <th>Name</th>
                        <th>Email</th>
                        <th>Phone Number</th>
                        <th>Type</th>
                        <th>&nbsp;</th>
                    </tr>
                    </thead>

                    <tbody>
                    @foreach ($users as $user)
                        <tr>
                            <td>{{$user->id}}</td>
                            <td>{{$user->name}}</td>
                            <td>{{$user->email}}</td>
                            <th>
                                {{$user->phone}}
                            </th>
                            <th>
                                {{ $user->type == 'App\User' ? 'Admin' : ($user->type == 'App\SalePerson' ? 'Sale Person' : 'Admin') }}
                            </th>
                            {{-- <th>
                                @foreach ($user->roles as $item)
                                    <div class="chip">
                                        {{$item->title}}
                                    </div>
                                @endforeach
                            </th> --}}
                            <td style="display:flex;justify-content:space-around;flex-wrap:wrap;">
                                {{-- <a class="waves-effect waves-light btn purple darken-2" href="{{route('admin.users.show',$user->id)}}" style="padding: 0px 16px;">View</a> --}}
                                <i class="material-icons left pt-4">
                                    <a class="blue lighten-4 border-radius-button" href="{{route('admin.users.edit',$user->id)}}" style="padding: 6px 10px;">edit</a>
                                </i>
                                {{-- <a class="blue lighten-4 border-radius-button" href="{{route('admin.users.edit',$user->id)}}" style="padding: 0px 16px;">Edit</a> --}}
                                <form action="{{ route('admin.users.destroy', $user->id) }}" method="POST" onsubmit="return confirm('Are You Sure?');" style="display: inline-block;">
                                    <input type="hidden" name="_method" value="DELETE">
                                    <input type="hidden" name="_token" value="{{ csrf_token() }}">
                                    <button class="btn waves-effect waves-light red darken-2 border-radius-button" type="submit" name="action" style="padding: 0px 16px;"><i class="material-icons left">delete_forever</i>Delete</button>
                                </form>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>

        </div>

@endsection