@extends('layouts.index')

@section('content')
<div class="content-wrapper">
    <div id="commissionDetails">
    
        <section class="content-header m-3">
            <h1>Agent Commissions
                {{-- <a class="btn btn-small btn-default pull-right ml-2" href="">
                    <i class="fa fa-download"></i>&nbsp; {{ __('Export') }}
                </a> --}}
                {{-- <a class="btn btn-small btn-default pull-right ml-2" href="#productImportModal" data-toggle="modal">
                    <i class="fa fa-upload"></i>&nbsp; {{ __('Import') }}
                </a> --}}
             
            </h1>
        </section>

        <!-- Main content -->
        <section class="content">
            <div class="row">
                <div class="col-xs-12">
                    <div class="box box-success">
                        <div class="box-header">
                            @include('partials.filters', ['filter_route' => url('/Backoffice/commissions'), 'filter_id' => 'commissionFilter'])
                        </div>
                        <div class="box-body">
                            <div id="commissionTable">
                                <table class="table table-bordered table-striped">
                                    <thead>
                                        <tr>
                                            <th>{{ __('Agent Name') }}</th>
                                            <th>{{ __('Commission Amount') }}</th>
                                            <th>{{ __('Status') }}</th>
                                            <th>{{ __('Created At') }}</th>
                                            <th class="text-center">{{ __('Actions') }}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($commissions as $commission)
                                            <tr>
                                                <td>{{ $commission->agent->name ?? 'N/A' }}</td>
                                                <td>KES {{ number_format($commission->commission_amount, 2) }}</td>
                                                <td>
                                                    <span class="label {{ $commission->status == 'redeemed' ? 'label-success' : 'label-warning' }}">
                                                        {{ ucfirst($commission->status) }}
                                                    </span>
                                                </td>
                                                <td>{{ $commission->created_at->format('Y-m-d H:i') }}</td>
                                                <td class="item_btn_group">
                                                    @php
                                                        $actions = [];
                                                        if ($commission->status == 'pending') {
                                                            $actions[] = [
                                                                'url' => url('/commissions/redeem/'.$commission->id),
                                                                'name' => __('Mark as Redeemed'),
                                                                'method' => 'PUT',
                                                                'confirm' => true
                                                            ];

                                                        

                                                        }
                                                    @endphp
                                                    @include('partials.actions', ['actions' => $actions])
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                                @if ($commissions->hasPages())
                                    <div class="pagination-wrapper">
                                        {{ $commissions->links() }}
                                    </div>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Add modal for detailed commission (if needed) -->
            {{-- Example placeholder for future modal --}}
            {{-- <div class="modal fade sub-modal" id="viewCommissionModal">
                <div class="modal-dialog modal-lg">
                    @include('agents.partials.viewcommission')
                </div>
            </div> --}}
        </section>
    </div>
</div>
@endsection