@extends('Admin.layout.app')
@section('content')
    <section id="action">
        <div class="container-fluid">
            <form action="{{route('action.index')}}" method="get">
            <div class="row my-3">
                <div class="col-md-10 text-end">
                    <div class="input-group mb-3 ">
                        <input type="text" class="form-control" placeholder="Search title" aria-label="Title" name="title" id="title" value="{{$request->title ?? ''}}">
                        <button type="submit" class="btn pink-bg text-white" type="button" id="search"><i class="bi bi-search"></i></button>
                    </div>
                </div>
                <div class="col-md-2 text-end">
                    <a href="{{route('action.create')}}" class="btn btn-success ps-2"><i class="bi bi-plus-circle"></i> Add Action</a>
                </div>   
            </div>
            </form>
            @if (session('success'))
            <div class="alert alert-success my-3">
                {{ session('success') }}
            </div>
            @endif
            <div class="card shadow border my-4">
        
                <div class="card-header pink-text">
                   List of  Actions
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                      <table class="table table-bordered">
                        <thead>
                            <th>#</th>
                            <th>Ref Id</th>
                            <th>Title</th>
                            <th>Created Date</th>
                            <th>Action</th>
                        </thead>
                        <tbody>
                         @foreach($actions as $item)
                         <tr>
                      <td>{{$loop->iteration}}</td>
                      <td><a class="font-weight-normal" href="{{ route('action.edit',[$item->id])}}">{{"ACT-".$item->id}} </a></td>
                      <td>{{ucwords($item->title)}}</td>
                      <td>{{date('d/m/Y',strtotime($item->created_at))}}</td>
                      
                      <td style="width:50px;">
                      <form action="{{route('action.destroy',[$item->id])}}" method="post">
                                @csrf
                                @method('DELETE')
                                <ul class="list-group list-group-horizontal">
                                    <li class="list-group-item"><a class="btn btn-info mb-1" href="{{ route('action.edit',[$item->id])}}"><i class="bi bi-pencil-square"></i></a></li>
                                    <li class="list-group-item"><button type="submit" class="btn btn-danger  mb-1" onclick="return confirmdelete()"><i class="bi bi-trash"></i></button></li>
                                </ul>
                            </form>
                        </td>
                     
                  </tr>
                  @endforeach     
                        </tbody>
                      </table>
                      {{ $actions->links() }}
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection

@push('script')
<script>
function confirmdelete(){
var val =  confirm("Are you sure you want to delete?");
if(val){
return true;
}else{
return false;
}
}
</script>
@endpush