@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="/searchcl">
      @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">Phone Number</th>
      <th scope="col">Country</th>
      <th scope="col">Actions</th>
    </tr>
  </thead>
  <tbody>
    @foreach($client as $us)
   
    <tr>
      <th scope="row">{{$loop->iteration}}</th>
      <td>{{$us->name}}</td>
      <td>{{$us->email}}</td>
      <td>{{$us->phone}}</td>
      <td>{{$us->country}}</td>

      <td><a href="/editclient/{{$us->id}}"><span class="bi bi-pencil" data-toggle="tooltip" title="edit"></span></a>
      <a href="/deleteclient/{{$us->id}}" onclick="return confirm('Are you sure?')"><i class="bi bi-trash" data-toggle="tooltip" title="Delete"></i></span></i></a></td>
    </tr>
   
    @endforeach
  </tbody>
</table>
<div class="container mt-5"> 
<div class="d-flex justify-content-center" style=""> 
{{$client->links('pagination::bootstrap-4')}}
</div>
</div>
@endsection