@extends('layout.app')

@section('content')
    <div class="card">
        <div class="card-body">
            <form action="{{ route('resellerCommissionPercentageLog') }}" method="GET">
                <div class="row">
                    <div class="col-md-3">
                        <div class="form-group">
                            <label class="block text-gray-700 text-sm font-bold mb-2" for="from_date">
                                Changed From Date
                            </label>
                            <input type="date" name="from_date" value="{{ request('from_date') }}" class="form-control"
                                autocomplete="off">
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label class="block text-gray-700 text-sm font-bold mb-2" for="to_date">
                                Changed To Date
                            </label>
                            <input type="date" name="to_date" value="{{ request('to_date') }}" class="form-control"
                                autocomplete="off">
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label>Select Manager</label>
                            <select name="reseller_id" class="select2 form-control">
                                <option value="">All Manager</option>
                                @foreach ($reseller as $r)
                                    <option value="{{ $r->id }}" @if (request('reseller_id') == $r->id) selected @endif>
                                        {{ $r->name }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-3 d-flex align-items-end">
                        <div class="form-group">
                            <button class="btn btn-primary" type="submit"><i class="fa fa-search"></i> Search</button>
                            <a href="{{ route('resellerCommissionPercentageLog') }}" class="btn btn-info">Reset</a>
                        </div>
                    </div>
                </div>
            </form>

            <div class="col-md-12 mb-3 px-0">
                <div class="badge badge-info float-right m-1">Total Change: {{ $logs->total() }}</div>
            </div>

            <div class="table-responsive">
                <table class="table table-bordered table-striped table-condensed">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>Changed At</th>
                            <th>Changed By</th>
                            <th>Manager</th>
                            <th>Report Period</th>
                            <th class="text-right">Old (%)</th>
                            <th class="text-right">New (%)</th>
                            <th class="text-right">Rows</th>
                            <th class="text-right">Amount</th>
                            <th>Remarks</th>
                        </tr>
                    </thead>
                    <tbody class="bg-white divide-y divide-gray-200">
                        @forelse ($logs as $log)
                            <tr>
                                <td>{{ $loop->iteration + $logs->firstItem() - 1 }}</td>
                                <td>{{ $log->created_at->format('d M Y h:i A') }}</td>
                                <td>{{ $log->changedBy->name ?? 'N/A' }}
                                    <small class="d-block text-muted">{{ $log->changedBy->email ?? '' }}</small>
                                </td>
                                <td>{{ $log->reseller->name ?? 'N/A' }} ({{ $log->reseller_id }})</td>
                                <td>{{ $log->from_date->format('d M Y') }} - {{ $log->to_date->format('d M Y') }}</td>
                                <td class="text-right">{{ number_format($log->old_percentage, 2) }}%</td>
                                <td class="text-right font-weight-bold">{{ number_format($log->new_percentage, 2) }}%</td>
                                <td class="text-right">{{ $log->affected_rows }}</td>
                                <td class="text-right">{{ number_format($log->affected_amount, 2) }}</td>
                                <td>{{ $log->remarks ?? '-' }}</td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="10" class="text-center">No commission rate change found.</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>

            {{ $logs->links() }}
        </div>
    </div>
@endsection