@extends('./layouts.managermaster')
@section('title', 'Staff members list')
@section('content')
<div class="container-xxl">
    <div class="card">
        <div class="card-header">
            <h3 class="font-weight-bold text-center">STAFF MEMBERS LIST</h3>
            <section class="content">
                @if(session('success'))
                <div class="alert alert-success">
                    {{session('success')}}
                </div>
                @endif

                @if(session('error'))
                <div class="alert alert-danger">
                    {{session('error')}}
                </div>
                @endif
            </section>
        </div>
        <div class="card-body">
         <table class="table table-striped">
            <thead>
                <tr>
                    <th>Staff name</th>
                    <th class="text-center">Department</th>
                    <th class="text-center">Job title</th>
                    <th class="text-center" colspan="2">Actions</th>
                </tr>
            </thead>
            <tbody>
                @foreach($staffmembers as $staffmember)
                <tr>
                    <td>{{$staffmember->staffname}}</td>
                    <td class="text-center">{{$staffmember->department}}</td>
                    <td class="text-center">{{$staffmember->jobtitle}}</td>
                    <td class="text-center">
                        <a href="{{route('showeditstaffmember', $staffmember->id)}}">
                            <input type="button" class="btn btn-edit" value="edit member" id="staff-member-view">
                        </a>
                    </td>
                    <td class="text-center">
                        <form action="{{route('deletestaffmember', $staffmember->id)}}" method="post">
                            @csrf
                            @method('DELETE')
                            <input type="submit" class="btn btn-edit" value="delete member" id="staff-member-delete">
                        </form>
                    </td>
                </tr>
                @endforeach
            </tbody>
         </table>
        </div>
    </div>
</div>
@endsection