@extends('agent.layouts.layout')
@section('content')
    <section class="dashboardPgaesSec bg-white">
        <div class="container rounded">
            <div class="dashboardPgaesSecinner">
                <div class="row rowBox">
                    <div class="col-md-3 columnBox border-right dasboardLeftSideBar">
                        <div class="dasboardLeftSideBarinner">
                            <div class="d-flex flex-column align-items-center text-center userProfileArea">
                                <div class="userProfileThumnail">
                                    <img class="rounded-circle" width=""
                                        src="https://st3.depositphotos.com/15648834/17930/v/600/depositphotos_179308454-stock-illustration-unknown-person-silhouette-glasses-profile.jpg">
                                </div>
                                 <div class="userProfileInfo">
                                    <p class="userName font-weight-bold mb-0">{{ !empty(Session::get('sessionData')[0]->firstname) ? Session::get('sessionData')[0]->firstname : '' }}</p>
                                    <p class="text text-black-50 mb-0">{{ !empty(Session::get('sessionData')[0]->email) ? Session::get('sessionData')[0]->email : '' }}</p>
                                </div>
                            </div>
                            <div class="dasboardLeftSideBarMenuArea">
                                <ul class="nav">
                                    <li class="nav-item ">
                                        <a class="nav-link"
                                            href="{{ route('agent.general.details', Session::get('sessionData')[0]->id) }}"><span
                                                class="icon"><i class="fa-regular fa-address-card"></i></span> <span
                                                class="txt">General Info</span></a>
                                    </li>
                                    <li class="nav-item ">
                                        <a class="nav-link"
                                            href="{{ route('agent.bank.details', Session::get('sessionData')[0]->id) }}"><span
                                                class="icon"><i class="fa-regular fa-graduation-cap"></i></span> <span
                                                class="txt">Banking</span></a>
                                    </li>
                                    <li class="nav-item ">
                                        <a class="nav-link"
                                            href="{{ route('agent.school.commission', Session::get('sessionData')[0]->id) }}"><span
                                                class="icon"><i class="fa-regular fa-rectangle-list"></i></span> <span
                                                class="txt">School Commissions</span> </a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link"
                                            href="{{ route('agent.commission.policy', Session::get('sessionData')[0]->id) }}"><span
                                                class="icon"><i class="fa-regular fa-id-card-clip"></i></span> <span
                                                class="txt">Commission Policy</span></a>
                                    </li>
                                    <li class="nav-item active">
                                        <a class="nav-link"
                                            href="{{ route('agent.manage.staff', Session::get('sessionData')[0]->id) }}"><span
                                                class="icon"><i class="fa-regular fa-id-card-clip"></i></span> <span
                                                class="txt">Manage Staff</span></a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-9 columnBox border-right dasboardrightPart">
                        <div class="pxp-dashboard-content-details2">
                            <h1>Manage Staff</h1>
                            <p class="pxp-text-light">Detailed list of your Manage Staff.</p>

                            <div class="mt-4 mt-lg-5">
                                <div class="row justify-content-between align-content-center mb-2">
                                    <div class="col-md-12" style="text-align: right;">
                                       <a href="{{ route('agent.staff.add', ['page' => 1]) }}" class="btn-sm btn-block btn-primary">Invite Staff</a>
                                    </div>
                                </div>
                                <div class="table-responsive">
                                    <table id="example1" class="table table-hover align-middle">
                                        <thead>
                                            <tr>
                                                <th>#</th>
                                                <th>Name</th>
                                                <th>Email</th>
                                                <th>status</th>
                                                <th>Created at</th>
                                                <th>Action</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @forelse ($agents ?? [] as $key => $agent)
                                                <tr class="tableRowItem odd">
                                                    <td>
                                                        <div class="tableContent">{{ $key + 1 }}</div>
                                                    </td>
                                                    <td>
                                                        <div class="tableContent">{{ $agent['name'] }}</div>
                                                    </td>
                                                    <td>
                                                        <div class="tableContent">{{ $agent['email'] }}
                                                        </div>
                                                    </td>
                                                    <td>
                                                        @if($agent['status'] == '1')
                                                        Acive
                                                        @else
                                                        In Active
                                                        @endif
                                                    </td>
                                                    <td>
                                                        <div class="tableContent">
                                                            {{ date('M d, Y', strtotime($agent['created_at'])) }}
                                                        </div>
                                                    </td>
                                                    <td>
                                                        <div class="pxp-dashboard-table-options">
                                                            <ul class="list-unstyled">                
                                                               <li><a href="{{ route('agent.staff.edit', ['id'=> $agent['id'],'page' => 1]) }}" title="Edit"><span class="fa fa-edit"></span></a></li>
                                                               <li><a onclick="return confirm('Are you sure you want to delete this Agents?');" href="{{ route('agent.staff.delete',['id'=> $agent['id'],'page' => 1]) }}"  title="Delete"><span class="fa fa-trash"></span></a></li>
                                                            </ul>
                                                        </div>
                                                    </td>

                                                </tr>

                                            @empty
                                                No staff are available
                                            @endforelse

                                        </tbody>
                                    </table>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        </div>
    </section>
@endsection