@extends('admin.admin_dashboard')
@section('admin')


<div class="page-content">

    <!--breadcrumb-->
    <div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3"> 
        <div class="ps-3">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb mb-0 p-0">

                    <li class="breadcrumb-item">
                        <a href="{{ route('admin.dashboard') }}"> <i class="bx bx-home-alt"> </i> </a>
                    </li>

                    <li class="breadcrumb-item active" aria-current="page">All Author </li>

                </ol>
            </nav>
        </div>

        <div class="ms-auto">
            <div class="btn-group">
                @if (Auth::user()->can('author.add')) 
                   <a href="{{ route('add.author') }}" class="btn btn-primary px-5">Add Author </a>  
                @endif
            </div>
        </div>
    </div>
    <!--end breadcrumb-->


    

    <hr/>
    
    <div class="card">
        <div class="card-body">
            <div class="table-responsive">
               {{-- <table id="example" class="table table-striped table-bordered" style="width:100%"> --}}
                <table id="datatable" class="table table-bordered dt-responsive nowrap" style="border-collapse: collapse; border-spacing: 0; width: 100%;">

                    <thead>
                        <tr>
                            <th>Sl</th>
                            <th> Author Name </th>
                            <th> Author Image </th>
                            <th>Action</th> 
                        </tr>
                    </thead>

                    <tbody>

                        @foreach($authors as $key => $author)		
                        <tr>
                            <td> {{ $key+1 }} </td>
                            <td>{{ $author->author_name }}</td>
                            <td> <img src="{{ (!empty($author->author_image)) ? asset($author->author_image) : url('upload/avatar_image.jpg')}}" style="width: 70px; height:40px;" >  </td>
                        
                            <td>
                                @if (Auth::user()->can('author.edit')) 
                                  <a href="{{ route('edit.author', $author->id) }}" class="btn btn-info">Edit</a>
                                @endif

                                @if (Auth::user()->can('author.delete')) 
                                   <a href="{{ route('delete.author', $author->id) }}" class="btn btn-danger" id="delete" >Delete</a>
                                @endif
                            </td> 
                        </tr>
                        @endforeach

                    </tbody>

                    <tfoot>
                        <tr>
                            <th>Sl</th>
                            <th>Author Name </th>
                            <th>Author Image </th>
                            <th>Action</th> 
                        </tr>
                    </tfoot>

                </table>
            </div>
        </div>
    </div>



</div>






@endsection