@extends('layouts.app')

@section('content')
  <div class='row'>
  <div class='col-md'>
    <h2 >Users</h2>
  </div>

  <div class="col-sm">
    <a class="btn btn-outline-info float-right" href="{{route('new_user')}}">Add New User</a>
  </div>
  </div>
  <div class="mt-2">
    <h3 >User List</h3>
    <table id='dataTable' class="table table-striped table-bordered" style="width:100%">
    <thead>
      <tr>
        <th>User Name</th>
        <th>edit</th>
        <th>delete</th>
      </tr>
      <tbody>
          @foreach( $users as $user)
              <tr>
                <td>{{ $user->name}}</td>
                <td>
                  <a class="btn btn-outline-secondary" href="{{ route('show_user', ['users_id'=>$user->id ] ) }}">Edit</a>
                </td>
                <td>
                  <a class="btn btn-outline-danger" href="{{ route('delete_user', ['users_id'=>$user->id ] ) }}">Delete</a>
                </td>
              </tr>
          @endforeach
    </tbody>
  </table>
</div>
@endsection