@extends('layouts.app')

@section('title', 'System Settings')

@section('content')
<div class="container-fluid" style="max-width: 900px;">
    <div class="row mb-4">
        <div class="col-12">
            <h2><i class="bi bi-gear"></i> System Settings</h2>
            <p class="text-muted">Configure your application settings and integrations</p>
        </div>
    </div>

    <form method="POST" action="{{ route('settings.update') }}">
        @csrf

        <!-- Application Settings -->
        <div class="card mb-3">
            <div class="card-header">
                <h5 class="card-title mb-0">Application Settings</h5>
            </div>
            <div class="card-body">
                <div class="mb-3">
                    <label for="app_name" class="form-label">Application Name <span class="text-danger">*</span></label>
                    <input type="text" class="form-control @error('app_name') is-invalid @enderror" id="app_name" name="app_name" value="{{ old('app_name', $settings->app_name ?? '') }}" required>
                    @error('app_name')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="row">
                    <div class="col-md-6 mb-3">
                        <label for="app_email" class="form-label">Email <span class="text-danger">*</span></label>
                        <input type="email" class="form-control @error('app_email') is-invalid @enderror" id="app_email" name="app_email" value="{{ old('app_email', $settings->app_email ?? '') }}" required>
                        @error('app_email')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-md-6 mb-3">
                        <label for="app_phone" class="form-label">Phone</label>
                        <input type="tel" class="form-control @error('app_phone') is-invalid @enderror" id="app_phone" name="app_phone" value="{{ old('app_phone', $settings->app_phone ?? '') }}">
                        @error('app_phone')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>

                <div class="mb-3">
                    <label for="app_address" class="form-label">Address</label>
                    <textarea class="form-control @error('app_address') is-invalid @enderror" id="app_address" name="app_address" rows="2">{{ old('app_address', $settings->app_address ?? '') }}</textarea>
                    @error('app_address')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="row">
                    <div class="col-md-6 mb-3">
                        <label for="currency" class="form-label">Currency <span class="text-danger">*</span></label>
                        <input type="text" class="form-control @error('currency') is-invalid @enderror" id="currency" name="currency" value="{{ old('currency', $settings->currency ?? 'PHP') }}" maxlength="3" required>
                        @error('currency')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                        <small class="text-muted">3-letter currency code (e.g., PHP, USD)</small>
                    </div>

                    <div class="col-md-6 mb-3">
                        <label for="timezone" class="form-label">Timezone <span class="text-danger">*</span></label>
                        <select class="form-select @error('timezone') is-invalid @enderror" id="timezone" name="timezone" required>
                            @php
                                $timezones = timezone_identifiers_list();
                                $selected = old('timezone', $settings->timezone ?? 'Asia/Manila');
                            @endphp
                            @foreach ($timezones as $tz)
                                <option value="{{ $tz }}" {{ $selected === $tz ? 'selected' : '' }}>
                                    {{ $tz }}
                                </option>
                            @endforeach
                        </select>
                        @error('timezone')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>
            </div>
        </div>

        <!-- SMS Gateway Settings -->
        <div class="card mb-3">
            <div class="card-header">
                <h5 class="card-title mb-0">SMS Gateway Configuration</h5>
            </div>
            <div class="card-body">
                <div class="mb-3">
                    <label for="sms_provider" class="form-label">SMS Provider</label>
                    <select class="form-select @error('sms_provider') is-invalid @enderror" id="sms_provider" name="sms_provider">
                        <option value="">-- None --</option>
                        <option value="twilio" {{ old('sms_provider', $settings->sms_provider ?? '') === 'twilio' ? 'selected' : '' }}>Twilio</option>
                        <option value="nexmo" {{ old('sms_provider', $settings->sms_provider ?? '') === 'nexmo' ? 'selected' : '' }}>Nexmo</option>
                    </select>
                    @error('sms_provider')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="row">
                    <div class="col-md-6 mb-3">
                        <label for="sms_api_key" class="form-label">API Key</label>
                        <input type="text" class="form-control @error('sms_api_key') is-invalid @enderror" id="sms_api_key" name="sms_api_key" value="{{ old('sms_api_key', $settings->sms_api_key ?? '') }}">
                        @error('sms_api_key')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-md-6 mb-3">
                        <label for="sms_api_secret" class="form-label">API Secret</label>
                        <input type="password" class="form-control @error('sms_api_secret') is-invalid @enderror" id="sms_api_secret" name="sms_api_secret" value="{{ old('sms_api_secret', $settings->sms_api_secret ?? '') }}">
                        @error('sms_api_secret')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>
            </div>
        </div>

        <!-- Payment Gateway Settings -->
        <div class="card mb-3">
            <div class="card-header">
                <h5 class="card-title mb-0">Payment Gateway Configuration</h5>
            </div>
            <div class="card-body">
                <div class="mb-3">
                    <label for="payment_gateway" class="form-label">Payment Gateway</label>
                    <select class="form-select @error('payment_gateway') is-invalid @enderror" id="payment_gateway" name="payment_gateway">
                        <option value="">-- None --</option>
                        <option value="stripe" {{ old('payment_gateway', $settings->payment_gateway ?? '') === 'stripe' ? 'selected' : '' }}>Stripe</option>
                        <option value="paypal" {{ old('payment_gateway', $settings->payment_gateway ?? '') === 'paypal' ? 'selected' : '' }}>PayPal</option>
                    </select>
                    @error('payment_gateway')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="row">
                    <div class="col-md-6 mb-3">
                        <label for="payment_api_key" class="form-label">Public Key</label>
                        <input type="text" class="form-control @error('payment_api_key') is-invalid @enderror" id="payment_api_key" name="payment_api_key" value="{{ old('payment_api_key', $settings->payment_api_key ?? '') }}">
                        @error('payment_api_key')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-md-6 mb-3">
                        <label for="payment_api_secret" class="form-label">Secret Key</label>
                        <input type="password" class="form-control @error('payment_api_secret') is-invalid @enderror" id="payment_api_secret" name="payment_api_secret" value="{{ old('payment_api_secret', $settings->payment_api_secret ?? '') }}">
                        @error('payment_api_secret')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>
            </div>
        </div>

        <div class="d-grid gap-2 d-md-flex justify-content-md-end">
            <button type="reset" class="btn btn-secondary">Reset</button>
            <button type="submit" class="btn btn-primary">Save Settings</button>
        </div>
    </form>
</div>
@endsection