@extends('admin.settings.layout')

@section('settings-content')
<div class="card border-0 shadow-sm mb-4">
    <div class="card-body p-4">
        <form action="{{ route('admin.settings.update', 'commission') }}" method="POST">
            @csrf
            <h5 class="fw-bold text-primary mb-4">Own Product Commission (Future Ready)</h5>
            <p class="text-muted small">Default is <strong>Disabled</strong> — own products use existing marketplace commission only.</p>
            <div class="row g-3">
                <div class="col-md-4">
                    <label class="form-label fw-bold">Own Product Commission Mode</label>
                    <select name="own_product_commission_mode" class="form-select">
                        <option value="disabled" @selected(\App\Models\Setting::get('own_product_commission_mode', 'disabled') === 'disabled')>Disabled (Default)</option>
                        <option value="enabled" @selected(\App\Models\Setting::get('own_product_commission_mode') === 'enabled')>Enabled</option>
                    </select>
                </div>
                <div class="col-md-4">
                    <label class="form-label fw-bold">Commission Type</label>
                    <select name="own_product_commission_type" class="form-select">
                        <option value="percentage" @selected(\App\Models\Setting::get('own_product_commission_type', 'percentage') === 'percentage')>Percentage</option>
                        <option value="fixed" @selected(\App\Models\Setting::get('own_product_commission_type') === 'fixed')>Fixed</option>
                    </select>
                </div>
                <div class="col-md-4">
                    <label class="form-label fw-bold">Commission Value</label>
                    <input type="number" step="0.01" name="own_product_commission_value" class="form-control" value="{{ \App\Models\Setting::get('own_product_commission_value', 0) }}">
                </div>
            </div>

            <hr class="my-5">
            <h5 class="fw-bold text-primary mb-4">Affiliate Listing Commission</h5>
            <div class="row g-3">
                <div class="col-md-4">
                    <label class="form-label fw-bold">Affiliate Commission Mode</label>
                    <select name="affiliate_commission_mode" class="form-select">
                        <option value="enabled" @selected(\App\Models\Setting::get('affiliate_commission_mode', 'enabled') === 'enabled')>Enabled (Default)</option>
                        <option value="disabled" @selected(\App\Models\Setting::get('affiliate_commission_mode') === 'disabled')>Disabled</option>
                    </select>
                </div>
                <div class="col-md-4">
                    <label class="form-label fw-bold">Commission Type</label>
                    <select name="affiliate_commission_type" class="form-select">
                        <option value="percentage" @selected(\App\Models\Setting::get('affiliate_commission_type', 'percentage') === 'percentage')>Percentage</option>
                        <option value="fixed" @selected(\App\Models\Setting::get('affiliate_commission_type') === 'fixed')>Fixed</option>
                    </select>
                </div>
                <div class="col-md-4">
                    <label class="form-label fw-bold">Commission Value (% or ₹)</label>
                    <input type="number" step="0.01" name="affiliate_commission_value" class="form-control" value="{{ \App\Models\Setting::get('affiliate_commission_value', 5) }}">
                </div>
            </div>

            <hr class="my-5">
            <h5 class="fw-bold text-primary mb-4">Settlement & Auto Payout</h5>
            <div class="row g-3">
                <div class="col-md-4">
                    <label class="form-label fw-bold">Settlement Hold Days</label>
                    <select name="settlement_hold_days" class="form-select">
                        @foreach([0, 3, 5, 7, 14] as $days)
                            <option value="{{ $days }}" @selected((int)\App\Models\Setting::get('settlement_hold_days', 5) === $days)>{{ $days }} Days{{ $days === 0 ? ' (Instant)' : '' }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-4">
                    <label class="form-label fw-bold">Auto Payout</label>
                    <select name="auto_payout_enabled" class="form-select">
                        <option value="disabled" @selected(\App\Models\Setting::get('auto_payout_enabled', 'disabled') === 'disabled')>Disabled (Default)</option>
                        <option value="enabled" @selected(\App\Models\Setting::get('auto_payout_enabled') === 'enabled')>Enabled</option>
                    </select>
                </div>
                <div class="col-md-4">
                    <label class="form-label fw-bold">Payout Frequency</label>
                    <select name="auto_payout_frequency" class="form-select">
                        @foreach(['daily', 'weekly', 'monthly'] as $freq)
                            <option value="{{ $freq }}" @selected(\App\Models\Setting::get('auto_payout_frequency', 'weekly') === $freq)>{{ ucfirst($freq) }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-6">
                    <label class="form-label fw-bold">Auto Payout Provider (Future Ready)</label>
                    <select name="auto_payout_provider" class="form-select">
                        @foreach(['manual', 'razorpay_route', 'cashfree', 'paytm', 'bank_transfer'] as $provider)
                            <option value="{{ $provider }}" @selected(\App\Models\Setting::get('auto_payout_provider', 'manual') === $provider)>{{ str_replace('_', ' ', ucfirst($provider)) }}</option>
                        @endforeach
                    </select>
                </div>
            </div>

            <hr class="my-5">
            <h5 class="fw-bold text-primary mb-4">Legacy Marketplace Commission</h5>
            <div class="row g-3">
                <div class="col-md-12">
                     <label class="form-label fw-bold">Commission Model</label>
                     <select name="commission_model" class="form-select">
                         <option value="percentage" {{ \App\Models\Setting::get('commission_model', 'percentage') == 'percentage' ? 'selected' : '' }}>Percentage (%) per sale</option>
                         <option value="fixed" {{ \App\Models\Setting::get('commission_model') == 'fixed' ? 'selected' : '' }}>Fixed amount per sale</option>
                         <option value="hybrid" {{ \App\Models\Setting::get('commission_model') == 'hybrid' ? 'selected' : '' }}>Hybrid (Fixed + Percentage)</option>
                     </select>
                </div>
                <div class="col-md-6 mt-4">
                    <label class="form-label fw-bold">Global Percentage (%)</label>
                    <input type="number" step="0.01" name="global_commission_percent" class="form-control" value="{{ \App\Models\Setting::get('global_commission_percent', '10') }}">
                </div>
                <div class="col-md-6 mt-4">
                    <label class="form-label fw-bold">Global Fixed Fee (₹)</label>
                    <input type="number" step="0.01" name="global_fixed_commission" class="form-control" value="{{ \App\Models\Setting::get('global_fixed_commission', '0') }}">
                </div>
                <div class="col-md-6">
                     <label class="form-label fw-bold">Minimum Payout Balance (₹)</label>
                     <input type="number" name="min_withdrawal_limit" class="form-control" value="{{ \App\Models\Setting::get('min_withdrawal_limit', '50') }}">
                </div>
            </div>

            <div class="mt-5 border-top pt-4">
                <button type="submit" class="btn btn-primary px-5 fw-bold shadow-sm">
                    <i class="bi bi-save me-1"></i> Save Commission Config
                </button>
            </div>
        </form>
    </div>
</div>
@endsection