@extends('layouts.admin')

@section('title', 'General Settings')
@section('page-title', 'System Settings - General')

@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-cog me-2"></i>General System Settings</h5>
            </div>
            <div class="card-body">
                <form action="{{ route('admin.settings.general.update') }}" method="POST">
                    @csrf
                    @method('PUT')
                    
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label for="site_name" class="form-label">Site Name *</label>
                            <input type="text" class="form-control @error('site_name') is-invalid @enderror" 
                                   id="site_name" name="site_name" value="{{ old('site_name', $settings->site_name ?? '') }}" required>
                            @error('site_name')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        
                        <div class="col-md-6 mb-3">
                            <label for="site_email" class="form-label">Site Email *</label>
                            <input type="email" class="form-control @error('site_email') is-invalid @enderror" 
                                   id="site_email" name="site_email" value="{{ old('site_email', $settings->site_email ?? '') }}" required>
                            @error('site_email')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                    
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label for="site_phone" class="form-label">Site Phone *</label>
                            <input type="text" class="form-control @error('site_phone') is-invalid @enderror" 
                                   id="site_phone" name="site_phone" value="{{ old('site_phone', $settings->site_phone ?? '') }}" required>
                            @error('site_phone')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        
                        <div class="col-md-6 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>
                    </div>
                    
                    <div class="mb-3">
                        <label for="site_address" class="form-label">Site Address *</label>
                        <textarea class="form-control @error('site_address') is-invalid @enderror" 
                                  id="site_address" name="site_address" rows="3" required>{{ old('site_address', $settings->site_address ?? '') }}</textarea>
                        @error('site_address')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                    
                    <hr class="my-4">
                    <h6 class="mb-3"><i class="fas fa-sms me-2"></i>SMS Gateway Configuration</h6>
                    
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label for="sms_gateway_url" class="form-label">SMS Gateway URL *</label>
                            <input type="url" class="form-control @error('sms_gateway_url') is-invalid @enderror" 
                                   id="sms_gateway_url" name="sms_gateway_url" 
                                   value="{{ old('sms_gateway_url', $settings->sms_gateway_url ?? '') }}" required>
                            @error('sms_gateway_url')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        
                        <div class="col-md-6 mb-3">
                            <label for="sms_gateway_username" class="form-label">Gateway Username *</label>
                            <input type="text" class="form-control @error('sms_gateway_username') is-invalid @enderror" 
                                   id="sms_gateway_username" name="sms_gateway_username" 
                                   value="{{ old('sms_gateway_username', $settings->sms_gateway_username ?? '') }}" required>
                            @error('sms_gateway_username')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                    
                    <div class="mb-3">
                        <label for="sms_gateway_password" class="form-label">Gateway Password *</label>
                        <input type="password" class="form-control @error('sms_gateway_password') is-invalid @enderror" 
                               id="sms_gateway_password" name="sms_gateway_password" 
                               value="{{ old('sms_gateway_password', $settings->sms_gateway_password ?? '') }}" required>
                        @error('sms_gateway_password')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                        <div class="form-text">Current password is hidden for security. Enter new password only if you want to change it.</div>
                    </div>
                    
                    <div class="mt-4">
                        <button type="submit" class="btn btn-primary">
                            <i class="fas fa-save me-2"></i>Save Settings
                        </button>
                        <button type="button" class="btn btn-outline-secondary" onclick="testSMSGateway()">
                            <i class="fas fa-test-tube me-2"></i>Test SMS Gateway
                        </button>
                    </div>
                </form>
            </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-info-circle me-2"></i>Settings Information</h6>
            </div>
            <div class="card-body">
                <p><strong>Important Notes:</strong></p>
                <ul class="small">
                    <li>Changes take effect immediately after saving</li>
                    <li>SMS Gateway credentials are encrypted for security</li>
                    <li>Default SMS rate applies to new users without specific rates</li>
                    <li>Test SMS Gateway before saving changes</li>
                    <li>Site email is used for system notifications</li>
                </ul>
                
                <div class="mt-3 p-3 bg-light rounded">
                    <h6>Current System Status</h6>
                    <div class="list-group list-group-flush small">
                        <div class="list-group-item d-flex justify-content-between align-items-center px-0">
                            SMS Gateway
                            <span class="badge bg-success" id="gatewayStatus">Checking...</span>
                        </div>
                        <div class="list-group-item d-flex justify-content-between align-items-center px-0">
                            Database
                            <span class="badge bg-success">Connected</span>
                        </div>
                        <div class="list-group-item d-flex justify-content-between align-items-center px-0">
                            Storage
                            <span class="badge bg-success">OK</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
function testSMSGateway() {
    const btn = event.target;
    const originalText = btn.innerHTML;
    
    btn.innerHTML = '<i class="fas fa-spinner fa-spin me-2"></i>Testing...';
    btn.disabled = true;
    
    $.ajax({
        url: '{{ route("admin.settings.test-gateway") }}',
        method: 'POST',
        data: {
            _token: '{{ csrf_token() }}'
        },
        success: function(response) {
            if (response.success) {
                toastr.success('SMS Gateway test successful!');
                $('#gatewayStatus').removeClass('bg-danger').addClass('bg-success').text('Online');
            } else {
                toastr.error('SMS Gateway test failed: ' + response.message);
                $('#gatewayStatus').removeClass('bg-success').addClass('bg-danger').text('Offline');
            }
        },
        error: function(xhr) {
            toastr.error('SMS Gateway test failed: Connection error');
            $('#gatewayStatus').removeClass('bg-success').addClass('bg-danger').text('Offline');
        },
        complete: function() {
            btn.innerHTML = originalText;
            btn.disabled = false;
        }
    });
}

// Check gateway status on page load
$(document).ready(function() {
    testSMSGateway();
});
</script>
@endpush