@extends('layouts.admin')

@section('title', 'SMS Rates Settings')
@section('page-title', 'System Settings - SMS Rates')

@section('content')
<div class="row">
    <div class="col-md-8">
        <div class="card shadow">
            <div class="card-header bg-primary text-white py-3">
                <h5 class="mb-0"><i class="fas fa-tags me-2"></i>SMS Rate Configuration</h5>
            </div>
            <div class="card-body">
                <form action="{{ route('admin.settings.sms-rates.update') }}" method="POST">
                    @csrf
                    @method('PUT')
                    
                    <div class="row">
                        <div class="col-md-4 mb-3">
                            <label for="default_sms_rate" class="form-label">Default SMS Rate *</label>
                            <div class="input-group">
                                <span class="input-group-text">৳</span>
                                <input type="number" step="0.001" class="form-control @error('default_sms_rate') is-invalid @enderror" 
                                       id="default_sms_rate" name="default_sms_rate" 
                                       value="{{ old('default_sms_rate', $settings->default_sms_rate ?? 0.25) }}" required>
                            </div>
                            @error('default_sms_rate')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                            <div class="form-text">Applied to new users without specific rates</div>
                        </div>
                        
                        <div class="col-md-4 mb-3">
                            <label for="user_sms_rate" class="form-label">User SMS Rate *</label>
                            <div class="input-group">
                                <span class="input-group-text">৳</span>
                                <input type="number" step="0.001" class="form-control @error('user_sms_rate') is-invalid @enderror" 
                                       id="user_sms_rate" name="user_sms_rate" 
                                       value="{{ old('user_sms_rate', $settings->user_sms_rate ?? 0.30) }}" required>
                            </div>
                            @error('user_sms_rate')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                            <div class="form-text">Standard rate for regular users</div>
                        </div>
                        
                        <div class="col-md-4 mb-3">
                            <label for="reseller_sms_rate" class="form-label">Reseller SMS Rate *</label>
                            <div class="input-group">
                                <span class="input-group-text">৳</span>
                                <input type="number" step="0.001" class="form-control @error('reseller_sms_rate') is-invalid @enderror" 
                                       id="reseller_sms_rate" name="reseller_sms_rate" 
                                       value="{{ old('reseller_sms_rate', $settings->reseller_sms_rate ?? 0.20) }}" required>
                            </div>
                            @error('reseller_sms_rate')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                            <div class="form-text">Rate for resellers (they set their own client rates)</div>
                        </div>
                    </div>
                    
                    <div class="mt-4">
                        <button type="submit" class="btn btn-primary">
                            <i class="fas fa-save me-2"></i>Save SMS Rates
                        </button>
                        <button type="button" class="btn btn-outline-secondary" onclick="resetToDefault()">
                            <i class="fas fa-undo me-2"></i>Reset to Default
                        </button>
                    </div>
                </form>
                
                <hr class="my-4">
                
                <h6 class="mb-3"><i class="fas fa-info-circle me-2"></i>Current Rate Structure</h6>
                <div class="table-responsive">
                    <table class="table table-bordered">
                        <thead class="table-light">
                            <tr>
                                <th>User Type</th>
                                <th>SMS Rate</th>
                                <th>Description</th>
                                <th>Affected Users</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td><strong>Default Rate</strong></td>
                                <td class="text-success">৳{{ number_format($settings->default_sms_rate ?? 0.25, 3) }}/SMS</td>
                                <td>Applied when no specific rate is set</td>
                                <td>New users, system defaults</td>
                            </tr>
                            <tr>
                                <td><strong>Regular Users</strong></td>
                                <td class="text-success">৳{{ number_format($settings->user_sms_rate ?? 0.30, 3) }}/SMS</td>
                                <td>Standard pricing for individual users</td>
                                <td>{{ \App\Models\User::clients()->count() }} users</td>
                            </tr>
                            <tr>
                                <td><strong>Resellers</strong></td>
                                <td class="text-success">৳{{ number_format($settings->reseller_sms_rate ?? 0.20, 3) }}/SMS</td>
                                <td>Wholesale rate for resellers</td>
                                <td>{{ \App\Models\User::resellers()->count() }} resellers</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    
    <div class="col-md-4">
        <div class="card shadow">
            <div class="card-header bg-info text-white">
                <h6 class="mb-0"><i class="fas fa-calculator me-2"></i>Pricing Calculator</h6>
            </div>
            <div class="card-body">
                <div class="mb-3">
                    <label for="calcSMS" class="form-label">Number of SMS</label>
                    <input type="number" class="form-control" id="calcSMS" value="100" min="1">
                </div>
                
                <div class="mb-3">
                    <label for="calcRate" class="form-label">SMS Rate</label>
                    <select class="form-select" id="calcRate">
                        <option value="{{ $settings->user_sms_rate ?? 0.30 }}">User Rate (৳{{ number_format($settings->user_sms_rate ?? 0.30, 3) }})</option>
                        <option value="{{ $settings->reseller_sms_rate ?? 0.20 }}">Reseller Rate (৳{{ number_format($settings->reseller_sms_rate ?? 0.20, 3) }})</option>
                        <option value="{{ $settings->default_sms_rate ?? 0.25 }}">Default Rate (৳{{ number_format($settings->default_sms_rate ?? 0.25, 3) }})</option>
                    </select>
                </div>
                
                <div class="text-center p-3 bg-light rounded">
                    <h4 id="calcResult" class="text-success mb-0">৳0.00</h4>
                    <small class="text-muted">Total Cost</small>
                </div>
                
                <button type="button" class="btn btn-outline-primary w-100 mt-3" onclick="calculateCost()">
                    <i class="fas fa-calculator me-2"></i>Calculate Cost
                </button>
            </div>
        </div>
        
        <div class="card shadow mt-4">
            <div class="card-header bg-warning text-dark">
                <h6 class="mb-0"><i class="fas fa-exclamation-triangle me-2"></i>Important Notes</h6>
            </div>
            <div class="card-body">
                <ul class="small">
                    <li>Rate changes affect new transactions immediately</li>
                    <li>Existing user rates remain unchanged unless manually updated</li>
                    <li>Reseller rates are wholesale prices for resellers</li>
                    <li>Consider market competition when setting rates</li>
                    <li>Test rate changes with calculator before saving</li>
                </ul>
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
function calculateCost() {
    const smsCount = parseInt($('#calcSMS').val()) || 0;
    const rate = parseFloat($('#calcRate').val()) || 0;
    
    if (smsCount > 0 && rate > 0) {
        const totalCost = (smsCount * rate).toFixed(2);
        $('#calcResult').text('৳' + totalCost);
    }
}

function resetToDefault() {
    if (confirm('Are you sure you want to reset all rates to default values?')) {
        $('#default_sms_rate').val(0.25);
        $('#user_sms_rate').val(0.30);
        $('#reseller_sms_rate').val(0.20);
    }
}

// Calculate on input change
$('#calcSMS, #calcRate').on('input change', calculateCost);

// Initial calculation
$(document).ready(function() {
    calculateCost();
});
</script>
@endpush