@extends('frontend.layouts.app')
@section('title')
    Staff List
@endsection
@push('style')
@endpush
@section('content')
    @include('frontend.layouts.include.breadcrumb', [
        'items' => [['name' => 'Administration', 'url' => '#'], ['name' => 'Staff List', 'url' => null]],
    ])

    <div class="container-fluid my-4">
        <div class="row justify-content-center">
            @foreach ($staffs as $staff)
                <div class="col-12 col-md-2 mb-5">
                    <div class="team-card">
                        <img src="{{ asset($staff->photo) }}" alt="{{ $staff->name }}">
                        <div class="team-name">
                            <h5>{{ $staff->name }}</h5>
                            <div class="designation">{{ $staff->designation->name }}</div>
                        </div>
                        <div class="team-overlay">
                            <h5>{{ $staff->name }}</h5>
                            <p>{{ $staff->designation->name }}</p>
                            <p>
                            <h5>{{ $staff->phone }}</h5>
                            </p>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
        <div class="mb-5">
            {{ $staffs->links('vendor.pagination.frontend') }}
        </div>
    </div>
    </div>
@endsection
@push('script')
@endpush