@extends('layouts.admin')

@section('content')
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h4 class="header-title">Agent Ranks & Commission Points</h4>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table table-centered table-nowrap mb-0">
                            <thead class="table-light">
                                <tr>
                                    <th>Rank Name</th>
                                    <th>Abbrev</th>
                                    <th>Min Group Sales</th>
                                    <th>Min Team Size</th>
                                    <th>BV / sqft</th>

                                    <th>PV / sqft</th>
                                    <th>Total Agents</th>
                                    <th>Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($ranks as $rank)
                                    <tr>
                                        <td><h5 class="font-14 my-1 fw-bold">{{ $rank->name }}</h5></td>
                                        <td><span class="badge bg-primary-subtle text-primary">{{ $rank->abbreviation }}</span></td>
                                        <td>{{ number_format($rank->min_group_sales, 0) }}</td>
                                        <td>{{ number_format($rank->min_team_size) }}</td>
                                        <td class="text-success fw-bold">{{ number_format($rank->bv_points, 2) }}</td>

                                        <td class="text-info fw-bold">{{ number_format($rank->pv_points, 2) }}</td>
                                        <td>{{ $rank->agents_count }}</td>
                                        <td>
                                            <a href="{{ route('admin.ranks.edit', $rank->id) }}" class="btn btn-soft-primary btn-sm">
                                                <iconify-icon icon="solar:pen-2-broken" class="align-middle"></iconify-icon> Edit
                                            </a>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection