@extends('layouts.admin')

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

@section('content')
<div class="row justify-content-center">
    <div class="col-lg-10">
        <form action="{{ route('admin.settings.update') }}" method="POST">
            @csrf
            
            <!-- SMTP Configuration -->
            <div class="admin-card">
                <h5 class="mb-4 text-primary"><i class="bi bi-envelope-fill me-2 text-danger"></i> SMTP Mail Server Settings</h5>
                <div class="row">
                    <div class="col-md-6 mb-3">
                        <label class="form-label fw-bold">SMTP Mail Host</label>
                        <input type="text" name="smtp_host" class="form-control" value="{{ $settings['smtp_host'] ?? 'smtp.mailtrap.io' }}" placeholder="smtp.mailtrap.io">
                    </div>
                    <div class="col-md-6 mb-3">
                        <label class="form-label fw-bold">SMTP Port</label>
                        <input type="text" name="smtp_port" class="form-control" value="{{ $settings['smtp_port'] ?? '2525' }}" placeholder="2525">
                    </div>
                    <div class="col-md-6 mb-3">
                        <label class="form-label fw-bold">SMTP Username</label>
                        <input type="text" name="smtp_username" class="form-control" value="{{ $settings['smtp_username'] ?? '' }}" placeholder="Enter username">
                    </div>
                    <div class="col-md-6 mb-3">
                        <label class="form-label fw-bold">SMTP Password</label>
                        <input type="password" name="smtp_password" class="form-control" value="{{ $settings['smtp_password'] ?? '' }}" placeholder="••••••••">
                    </div>
                    <div class="col-md-6 mb-3">
                        <label class="form-label fw-bold">Sender Email Address</label>
                        <input type="email" name="smtp_from_address" class="form-control" value="{{ $settings['smtp_from_address'] ?? 'noreply@kidscholl.edu' }}" placeholder="noreply@kidscholl.edu">
                    </div>
                    <div class="col-md-6 mb-3">
                        <label class="form-label fw-bold">SMTP Encryption</label>
                        <select name="smtp_encryption" class="form-select">
                            <option value="tls" {{ ($settings['smtp_encryption'] ?? '') == 'tls' ? 'selected' : '' }}>TLS</option>
                            <option value="ssl" {{ ($settings['smtp_encryption'] ?? '') == 'ssl' ? 'selected' : '' }}>SSL</option>
                            <option value="none" {{ ($settings['smtp_encryption'] ?? '') == 'none' ? 'selected' : '' }}>None</option>
                        </select>
                    </div>
                </div>
            </div>

            <!-- SMS Gateway Configuration -->
            <div class="admin-card">
                <h5 class="mb-4 text-primary"><i class="bi bi-chat-left-dots-fill me-2 text-success"></i> SMS Gateway Configuration</h5>
                <div class="row">
                    <div class="col-md-6 mb-3">
                        <label class="form-label fw-bold">SMS Gateway Provider</label>
                        <select name="sms_gateway_provider" class="form-select">
                            <option value="Fast2SMS" {{ ($settings['sms_gateway_provider'] ?? '') == 'Fast2SMS' ? 'selected' : '' }}>Fast2SMS (Simulated)</option>
                            <option value="MSG91" {{ ($settings['sms_gateway_provider'] ?? '') == 'MSG91' ? 'selected' : '' }}>MSG91 (Simulated)</option>
                            <option value="Twilio" {{ ($settings['sms_gateway_provider'] ?? '') == 'Twilio' ? 'selected' : '' }}>Twilio (Simulated)</option>
                        </select>
                    </div>
                    <div class="col-md-6 mb-3">
                        <label class="form-label fw-bold">API Access Key</label>
                        <input type="text" name="sms_api_key" class="form-control" value="{{ $settings['sms_api_key'] ?? '' }}" placeholder="Enter SMS gateway secret token">
                    </div>
                </div>
            </div>

            <!-- General Configurations -->
            <div class="admin-card">
                <h5 class="mb-4 text-primary"><i class="bi bi-sliders me-2 text-warning"></i> General & School Branding Settings</h5>
                <div class="row">
                    <div class="col-md-6 mb-3">
                        <label class="form-label fw-bold">Official Hotline Phone</label>
                        <input type="text" name="school_phone" class="form-control" value="{{ $settings['school_phone'] ?? '+1 234 567 8900' }}" placeholder="+1 234 567 8900">
                    </div>
                    <div class="col-md-6 mb-3">
                        <label class="form-label fw-bold">Official Campus Email</label>
                        <input type="email" name="school_email" class="form-control" value="{{ $settings['school_email'] ?? 'contact@kidscholl.edu' }}" placeholder="contact@kidscholl.edu">
                    </div>
                    <div class="col-md-6 mb-3">
                        <label class="form-label fw-bold">Default Portal Mode</label>
                        <select name="school_theme_mode" class="form-select">
                            <option value="light" {{ ($settings['school_theme_mode'] ?? '') == 'light' ? 'selected' : '' }}>Always Light Mode</option>
                            <option value="dark" {{ ($settings['school_theme_mode'] ?? '') == 'dark' ? 'selected' : '' }}>Always Dark Mode</option>
                            <option value="adaptive" {{ ($settings['school_theme_mode'] ?? '') == 'adaptive' ? 'selected' : '' }}>Adaptive Mode</option>
                        </select>
                    </div>
                </div>
            </div>

            <!-- Razorpay Payment Gateway Configuration -->
            <div class="admin-card">
                <h5 class="mb-4 text-primary"><i class="bi bi-credit-card-2-front-fill me-2 text-primary"></i> Razorpay Payment Gateway Settings</h5>
                <div class="row">
                    <div class="col-md-6 mb-3">
                        <label class="form-label fw-bold">Razorpay Key ID</label>
                        <input type="text" name="razorpay_key_id" class="form-control" value="{{ $settings['razorpay_key_id'] ?? '' }}" placeholder="rzp_test_...">
                    </div>
                    <div class="col-md-6 mb-3">
                        <label class="form-label fw-bold">Razorpay Key Secret</label>
                        <input type="password" name="razorpay_key_secret" class="form-control" value="{{ $settings['razorpay_key_secret'] ?? '' }}" placeholder="••••••••">
                    </div>
                    <div class="col-md-12">
                        <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" name="razorpay_enabled" id="razorpay_enabled" value="1" {{ ($settings['razorpay_enabled'] ?? '0') == '1' ? 'checked' : '' }}>
                            <label class="form-check-label fw-bold" for="razorpay_enabled">Enable Razorpay Payment Gateway</label>
                        </div>
                    </div>
                </div>
            </div>

            <div class="d-flex gap-2 justify-content-end mb-5">
                <button type="submit" class="btn btn-primary rounded-pill px-5">Save Configuration</button>
            </div>
        </form>
    </div>
</div>
@endsection