@extends('elibrary.staff.layouts.app')
@section('content')
    @include('elibrary.components.heading', ['title' => 'Our Staffs', 'url' => route('staff.create')])
    <a class="btn bg-transparent border text-danger mb-3" href="{{ route('staff.print')}}">Print Staff Credentials</a>

    <div class="row mt-3">
        <div class="col-md-12">
            <table class="table table-striped table-bordered" style="width:100%">
                <thead>
                <tr>
                    <th>S>N.</th>
                    <th>Staff Name</th>
                    <th>Phone Number</th>
                    <th>Designation</th>
                    <th>Status</th>
                    <th>Action</th>
                </tr>
                </thead>
                <tbody>
                @foreach($staffs as $staff)
                    <tr>
                        <td> {{ $loop->iteration}}</td>
                        <td>{{$staff->name}}</td>
                        <td>{{$staff->phone ?? 'N/A'}}</td>
                        <td>{{$staff->designation ?? 'N/A'}}</td>
                        <td class="text-center">
                            @if($staff->status==1)
                                <span class="shadow-none badge badge-success">Active</span>
                            @else
                                <span class="shadow-none badge badge-danger">Inactive</span>
                            @endif
                        </td>
                        <td class="d-flex">
                            <a class="btn btn-info btn-sm mr-2" href="{{route('staff.show',$staff)}}">Detail</a>
                            <a class="btn btn-warning btn-sm mr-2" href="{{route('staff.edit',$staff)}}">Edit</a>
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
@endsection