@extends('layouts.app')

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

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h5 class="mb-0">General Settings</h5>
                </div>
                <div class="card-body">
                    <form method="POST" action="{{ route('settings.update') }}">
                        @csrf
                        @method('PUT')
                        
                        <div class="row">
                            <div class="col-md-6">
                                <h6>Application Settings</h6>
                                <div class="mb-3">
                                    <label class="form-label">Application Name</label>
                                    <input type="text" class="form-control" name="app_name" value="{{ config('app.name') }}">
                                </div>
                                <div class="mb-3">
                                    <label class="form-label">Default Tenant ID</label>
                                    <input type="number" class="form-control" name="default_tenant_id" value="{{ config('app.default_tenant_id') }}">
                                </div>
                                <div class="mb-3">
                                    <label class="form-label">Timezone</label>
                                    <select class="form-select" name="timezone">
                                        <option value="UTC" {{ config('app.timezone') === 'UTC' ? 'selected' : '' }}>UTC</option>
                                        <option value="America/New_York" {{ config('app.timezone') === 'America/New_York' ? 'selected' : '' }}>America/New_York</option>
                                        <option value="Europe/London" {{ config('app.timezone') === 'Europe/London' ? 'selected' : '' }}>Europe/London</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <h6>Security Settings</h6>
                                <div class="mb-3">
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" name="require_email_verification" {{ config('app.require_email_verification') ? 'checked' : '' }}>
                                        <label class="form-check-label">Require Email Verification</label>
                                    </div>
                                </div>
                                <div class="mb-3">
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" name="force_https" {{ config('app.force_https') ? 'checked' : '' }}>
                                        <label class="form-check-label">Force HTTPS</label>
                                    </div>
                                </div>
                                <div class="mb-3">
                                    <label class="form-label">Session Lifetime (minutes)</label>
                                    <input type="number" class="form-control" name="session_lifetime" value="{{ config('session.lifetime') / 60 }}">
                                </div>
                            </div>
                        </div>
                        
                        <div class="row">
                            <div class="col-md-6">
                                <h6>Company Settings</h6>
                                <div class="mb-3">
                                    <label class="form-label">Company Name</label>
                                    <input type="text" class="form-control" name="company_name" value="{{ config('app.company_name') }}">
                                </div>
                                <div class="mb-3">
                                    <label class="form-label">Company Email</label>
                                    <input type="email" class="form-control" name="company_email" value="{{ config('app.company_email') }}">
                                </div>
                                <div class="mb-3">
                                    <label class="form-label">Company Phone</label>
                                    <input type="tel" class="form-control" name="company_phone" value="{{ config('app.company_phone') }}">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <h6>Notification Settings</h6>
                                <div class="mb-3">
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" name="email_notifications" {{ config('app.email_notifications') ? 'checked' : '' }}>
                                        <label class="form-check-label">Enable Email Notifications</label>
                                    </div>
                                </div>
                                <div class="mb-3">
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" name="sms_notifications" {{ config('app.sms_notifications') ? 'checked' : '' }}>
                                        <label class="form-check-label">Enable SMS Notifications</label>
                                    </div>
                                </div>
                                <div class="mb-3">
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" name="push_notifications" {{ config('app.push_notifications') ? 'checked' : '' }}>
                                        <label class="form-check-label">Enable Push Notifications</label>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <div class="d-flex gap-2">
                            <button type="submit" class="btn btn-primary">
                                <i class="fas fa-save me-2"></i>Save Settings
                            </button>
                            <button type="reset" class="btn btn-secondary">
                                <i class="fas fa-undo me-2"></i>Reset
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection