@extends('layouts.admin')

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

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">System Settings</h3>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-4">
                            <div class="card">
                                <div class="card-header">
                                    <h5>General Settings</h5>
                                </div>
                                <div class="card-body">
                                    <form>
                                        <div class="mb-3">
                                            <label class="form-label">System Name</label>
                                            <input type="text" class="form-control" value="DizzCall AI">
                                        </div>
                                        <div class="mb-3">
                                            <label class="form-label">Timezone</label>
                                            <select class="form-select">
                                                <option>UTC</option>
                                                <option selected>Asia/Kolkata</option>
                                                <option>America/New_York</option>
                                            </select>
                                        </div>
                                        <div class="mb-3">
                                            <label class="form-label">Currency</label>
                                            <select class="form-select">
                                                <option selected>Indian Rupee (₹)</option>
                                                <option>US Dollar ($)</option>
                                                <option>Euro (€)</option>
                                            </select>
                                        </div>
                                        <button type="submit" class="btn btn-primary">Save Changes</button>
                                    </form>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="card">
                                <div class="card-header">
                                    <h5>Email Settings</h5>
                                </div>
                                <div class="card-body">
                                    <form>
                                        <div class="mb-3">
                                            <label class="form-label">SMTP Host</label>
                                            <input type="text" class="form-control" value="smtp.gmail.com">
                                        </div>
                                        <div class="mb-3">
                                            <label class="form-label">SMTP Port</label>
                                            <input type="number" class="form-control" value="587">
                                        </div>
                                        <div class="mb-3">
                                            <label class="form-label">Email Address</label>
                                            <input type="email" class="form-control" value="noreply@dizzcall.ai">
                                        </div>
                                        <div class="mb-3">
                                            <label class="form-label">Email Password</label>
                                            <input type="password" class="form-control" placeholder="Enter password">
                                        </div>
                                        <button type="submit" class="btn btn-primary">Save Changes</button>
                                    </form>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="card">
                                <div class="card-header">
                                    <h5>Security Settings</h5>
                                </div>
                                <div class="card-body">
                                    <form>
                                        <div class="mb-3">
                                            <label class="form-label">Session Timeout</label>
                                            <select class="form-select">
                                                <option>15 minutes</option>
                                                <option>30 minutes</option>
                                                <option selected>1 hour</option>
                                                <option>2 hours</option>
                                            </select>
                                        </div>
                                        <div class="mb-3">
                                            <label class="form-label">Password Policy</label>
                                            <select class="form-select">
                                                <option>Weak</option>
                                                <option selected>Medium</option>
                                                <option>Strong</option>
                                            </select>
                                        </div>
                                        <div class="mb-3 form-check">
                                            <input type="checkbox" class="form-check-input" id="2fa" checked>
                                            <label class="form-check-label" for="2fa">Enable Two-Factor Authentication</label>
                                        </div>
                                        <div class="mb-3 form-check">
                                            <input type="checkbox" class="form-check-input" id="ipWhitelist">
                                            <label class="form-check-label" for="ipWhitelist">Enable IP Whitelisting</label>
                                        </div>
                                        <button type="submit" class="btn btn-primary">Save Changes</button>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row mt-4">
                        <div class="col-md-12">
                            <div class="card">
                                <div class="card-header">
                                    <h5>System Information</h5>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-md-3">
                                            <strong>PHP Version:</strong> 8.2.12
                                        </div>
                                        <div class="col-md-3">
                                            <strong>Laravel Version:</strong> 10.10.0
                                        </div>
                                        <div class="col-md-3">
                                            <strong>Server:</strong> Apache/2.4.52
                                        </div>
                                        <div class="col-md-3">
                                            <strong>Database:</strong> MySQL 8.0.33
                                        </div>
                                    </div>
                                    <div class="row mt-3">
                                        <div class="col-md-3">
                                            <strong>Uptime:</strong> 15 days, 2 hours
                                        </div>
                                        <div class="col-md-3">
                                            <strong>Memory Usage:</strong> 256MB / 2GB
                                        </div>
                                        <div class="col-md-3">
                                            <strong>CPU Usage:</strong> 12%
                                        </div>
                                        <div class="col-md-3">
                                            <strong>Disk Space:</strong> 2.4GB / 50GB
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection