@extends('admin.layouts.Alayout')

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

.icon-red {
  color: red;
}
.rm{
	background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit;
}

  </style>
<div class="search-bar">
      <form class="search-form d-flex align-items-center" method="POST" action="/searchpt">
      @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>
<a href="{{route('ptype.create')}}"><button class="btn btn-primary">Add Project type</button></a>
<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">Project Type</th>
    
      <th scope="col">Edit</th>
      <th scope="col">Delete</th>
    </tr>
  </thead>
  <tbody>
    @foreach($p as $us)
   
    <tr>
      <th scope="row">{{$loop->iteration}}</th>
      <td>{{$us->ptype}}</td>
    
 

      <td><a href="{{route('ptype.edit',$us->id)}}"><span class="bi bi-pencil" data-toggle="tooltip" title="edit"></span></a></td>
    
      <td>   <form action="{{route('ptype.destroy',$us->id)}}" method="POST" onsubmit="return confirm('Are you sure?')">
    {{ method_field('DELETE') }}
    {{ csrf_field() }}
    <button class="rm"><i class="bi bi-trash" data-toggle="tooltip" title="Delete"></i></i></button></td>
</form>
    </td>
    </tr>
   
    @endforeach
  </tbody>
</table>
<div class="container mt-5"> 
<div class="d-flex justify-content-center" style=""> 
{{$p->links('pagination::bootstrap-4')}}
</div>
</div>
@endsection