@extends('layouts.user_type.auth')

@section('content')

<div class="row">
  <div class="col-12">
    <div class="card mb-4">
      <div class="card-header pb-0">
        <h6 class="mb-0">
          <i class="fas fa-sliders-h me-2"></i>
          System Settings
        </h6>
        <p class="text-sm mb-0">Configure system-wide settings</p>
      </div>
      <div class="card-body">
        <form action="{{ route('settings.system.update') }}" method="POST">
          @csrf
          
          <!-- General Settings -->
          <div class="row">
            <div class="col-md-6">
              <div class="form-group">
                <label for="site_name" class="form-control-label">Site Name</label>
                <input type="text" class="form-control" id="site_name" name="site_name" value="Inventory Management System" required>
              </div>
            </div>
            <div class="col-md-6">
              <div class="form-group">
                <label for="site_description" class="form-control-label">Site Description</label>
                <input type="text" class="form-control" id="site_description" name="site_description" value="Comprehensive inventory management system">
              </div>
            </div>
          </div>

          <div class="row mt-3">
            <div class="col-md-6">
              <div class="form-group">
                <label for="contact_email" class="form-control-label">Contact Email</label>
                <input type="email" class="form-control" id="contact_email" name="contact_email" value="admin@inventory.com">
              </div>
            </div>
            <div class="col-md-6">
              <div class="form-group">
                <label for="timezone" class="form-control-label">Timezone</label>
                <select class="form-control" id="timezone" name="timezone">
                  <option value="Asia/Jakarta" selected>Asia/Jakarta (WIB)</option>
                  <option value="Asia/Makassar">Asia/Makassar (WITA)</option>
                  <option value="Asia/Jayapura">Asia/Jayapura (WIT)</option>
                  <option value="UTC">UTC</option>
                </select>
              </div>
            </div>
          </div>

          <!-- Notification Settings -->
          <div class="row mt-4">
            <div class="col-12">
              <h6 class="mb-3">Notification Settings</h6>
            </div>
            <div class="col-md-6">
              <div class="form-check form-switch">
                <input class="form-check-input" type="checkbox" id="low_stock_notifications" name="low_stock_notifications" checked>
                <label class="form-check-label" for="low_stock_notifications">
                  Low Stock Notifications
                </label>
              </div>
            </div>
            <div class="col-md-6">
              <div class="form-check form-switch">
                <input class="form-check-input" type="checkbox" id="expiry_notifications" name="expiry_notifications" checked>
                <label class="form-check-label" for="expiry_notifications">
                  Expiry Notifications
                </label>
              </div>
            </div>
          </div>

          <div class="row mt-2">
            <div class="col-md-6">
              <div class="form-check form-switch">
                <input class="form-check-input" type="checkbox" id="user_activity_notifications" name="user_activity_notifications">
                <label class="form-check-label" for="user_activity_notifications">
                  User Activity Notifications
                </label>
              </div>
            </div>
            <div class="col-md-6">
              <div class="form-check form-switch">
                <input class="form-check-input" type="checkbox" id="system_notifications" name="system_notifications" checked>
                <label class="form-check-label" for="system_notifications">
                  System Notifications
                </label>
              </div>
            </div>
          </div>

          <!-- Security Settings -->
          <div class="row mt-4">
            <div class="col-12">
              <h6 class="mb-3">Security Settings</h6>
            </div>
            <div class="col-md-6">
              <div class="form-group">
                <label for="session_timeout" class="form-control-label">Session Timeout (minutes)</label>
                <input type="number" class="form-control" id="session_timeout" name="session_timeout" value="120" min="15" max="1440">
              </div>
            </div>
            <div class="col-md-6">
              <div class="form-group">
                <label for="max_login_attempts" class="form-control-label">Max Login Attempts</label>
                <input type="number" class="form-control" id="max_login_attempts" name="max_login_attempts" value="5" min="3" max="10">
              </div>
            </div>
          </div>

          <div class="row mt-3">
            <div class="col-md-6">
              <div class="form-check form-switch">
                <input class="form-check-input" type="checkbox" id="two_factor_auth" name="two_factor_auth">
                <label class="form-check-label" for="two_factor_auth">
                  Enable Two-Factor Authentication
                </label>
              </div>
            </div>
            <div class="col-md-6">
              <div class="form-check form-switch">
                <input class="form-check-input" type="checkbox" id="password_history" name="password_history" checked>
                <label class="form-check-label" for="password_history">
                  Password History
                </label>
              </div>
            </div>
          </div>

          <!-- Maintenance Settings -->
          <div class="row mt-4">
            <div class="col-12">
              <h6 class="mb-3">Maintenance Settings</h6>
            </div>
            <div class="col-md-6">
              <div class="form-check form-switch">
                <input class="form-check-input" type="checkbox" id="maintenance_mode" name="maintenance_mode">
                <label class="form-check-label" for="maintenance_mode">
                  Maintenance Mode
                </label>
              </div>
            </div>
            <div class="col-md-6">
              <div class="form-group">
                <label for="backup_frequency" class="form-control-label">Backup Frequency</label>
                <select class="form-control" id="backup_frequency" name="backup_frequency">
                  <option value="daily">Daily</option>
                  <option value="weekly" selected>Weekly</option>
                  <option value="monthly">Monthly</option>
                </select>
              </div>
            </div>
          </div>

          <!-- Save Button -->
          <div class="row mt-4">
            <div class="col-12">
              <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 ms-2">
                <i class="fas fa-undo me-2"></i>
                Reset
              </button>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>

<!-- System Information Card -->
<div class="row">
  <div class="col-12">
    <div class="card">
      <div class="card-header pb-0">
        <h6 class="mb-0">
          <i class="fas fa-info-circle me-2"></i>
          System Information
        </h6>
      </div>
      <div class="card-body">
        <div class="row">
          <div class="col-md-6">
            <p><strong>Laravel Version:</strong> {{ app()->version() }}</p>
            <p><strong>PHP Version:</strong> {{ phpversion() }}</p>
            <p><strong>Database:</strong> {{ config('database.default') }}</p>
          </div>
          <div class="col-md-6">
            <p><strong>Environment:</strong> {{ config('app.env') }}</p>
            <p><strong>Debug Mode:</strong> {{ config('app.debug') ? 'Enabled' : 'Disabled' }}</p>
            <p><strong>Cache Driver:</strong> {{ config('cache.default') }}</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

@endsection