@extends('admin.layouts.Alayout')

@section('head1')
@endsection
@section('search')
<style>
  .icon-green {
  color: green;
}

.icon-red {
  color: red;
}

  </style>
<div class="search-bar">
      <form class="search-form d-flex align-items-center" method="POST" action="/searchus">
      @csrf
        <input type="text" name="key" placeholder="Search" title="Enter search keyword">
        <button type="submit" title="Search"><i class="bi bi-search"></i></button>
      </form>
    </div>
@endsection
@section('content')
@if(session()->has('message'))
<div id="demo">
<div class="alert alert-success" >
        {{ session()->get('message') }}
        
    </div>
    </div>
    @endif
    <script>
const myTimeout = setTimeout(myGreeting, 2000);

function myGreeting() {
  document.getElementById("demo").innerHTML = " "
}
</script>
<link href="{{asset('https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous')}}">
<table class="table">
  <thead class="thead-dark">
    <tr>
      <th scope="col">#</th>
      <th scope="col">Name</th>
      <th scope="col">Email</th>
      <th scope="col">Role</th>
      <th scope="col">Actions</th>
    </tr>
  </thead>
  <tbody>
    @foreach($users as $us)
    @if($us->id !== Auth::user()->id)
    <tr>
      <th scope="row">{{$loop->iteration}}</th>
      <td>{{$us->name}}</td>
      <td>{{$us->email}}</td>
      @if($us->role=='0')
      <td>Admin</td>
      @endif
      @if($us->role=='1')
      <td>Project Manager</td>
      @endif
      @if($us->role=='2')
      <td>Project Member</td>
      @endif
      <td><a href="/edituser/{{$us->id}}"><span class="bi bi-pencil" data-toggle="tooltip" title="edit"></span></a>
      @if($us->status=='active')
      <a href="/userstatus/{{$us->id}}/{{'a'}}"><span data-toggle="tooltip" title="active"  class='bi bi-person-check-fill icon-green'></span></a>
      @endif
      @if($us->status=='deactive')
      <a href="/userstatus/{{$us->id}}/{{'d'}}"><span data-toggle="tooltip" title="Deactive" class='bi bi-person-x-fill icon-red' ></span></a>
      @endif
      <a href="/deleteuser/{{$us->id}}" onclick="return confirm('Are you sure?')"><i class="bi bi-trash" data-toggle="tooltip" title="Delete"></i></span></i></a></td>
    </tr>
    @endif
    @endforeach
  </tbody>
</table>
<div class="container mt-5"> 
<div class="d-flex justify-content-center" style=""> 
{{$users->links('pagination::bootstrap-4')}}
</div>
</div>
@endsection