@extends('backEnd.layouts.master')
@section('title', 'Commission Settings')

@section('content')
<div class="container-fluid py-3">
    <div class="d-flex justify-content-between align-items-center mb-3 flex-wrap gap-2">
        <div>
            <h4 class="fw-bold mb-0"><i class="fas fa-percent me-2 text-primary"></i>Employee Commission Settings</h4>
            <small class="text-muted">Cross-sale extra product line-এর উপর commission % — delivery success-এ wallet-এ add হবে</small>
        </div>
        <a href="{{ route('admin.staff-performance.index') }}" class="btn btn-sm btn-outline-secondary">
            <i class="fas fa-chart-line me-1"></i> Employee Performance
        </a>
    </div>

    <form method="POST" action="{{ route('admin.employee-commission.settings.save') }}" class="card shadow-sm border-0">
        @csrf
        <div class="card-body">
            <div class="form-check form-switch mb-4">
                <input class="form-check-input" type="checkbox" name="enabled" id="commissionEnabled" value="1"
                       {{ ($settings['enabled'] ?? true) ? 'checked' : '' }}>
                <label class="form-check-label fw-semibold" for="commissionEnabled">Enable cross-sale commission</label>
            </div>

            <div class="row g-3">
                <div class="col-md-4">
                    <label class="form-label fw-semibold">Commission % (per extra product line)</label>
                    <div class="input-group">
                        <input type="number" step="0.01" min="0" max="100" name="commission_percent" class="form-control"
                               value="{{ old('commission_percent', $settings['commission_percent'] ?? 5) }}" required>
                        <span class="input-group-text">%</span>
                    </div>
                    <div class="form-text">Example: 5% on ৳500 extra product = ৳25 commission after delivery</div>
                </div>
                <div class="col-md-4">
                    <label class="form-label fw-semibold">Minimum withdraw amount</label>
                    <div class="input-group">
                        <span class="input-group-text">৳</span>
                        <input type="number" step="1" min="0" name="min_withdraw_amount" class="form-control"
                               value="{{ old('min_withdraw_amount', $settings['min_withdraw_amount'] ?? 100) }}" required>
                    </div>
                </div>
                <div class="col-md-12">
                    <label class="form-label fw-semibold">Withdraw note (employee দেখবে)</label>
                    <textarea name="withdraw_note" class="form-control" rows="3">{{ old('withdraw_note', $settings['withdraw_note'] ?? '') }}</textarea>
                </div>
            </div>
        </div>
        <div class="card-footer bg-transparent">
            <button type="submit" class="btn btn-success"><i class="fas fa-save me-1"></i> Save Settings</button>
        </div>
    </form>
</div>
@endsection