@extends('layouts.app')

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

@section('content')
<div class="welcome">
    <h3>System Settings</h3>
</div>

<div class="card" style="border-radius: 15px; border: none; box-shadow: 0 4px 20px rgba(0,0,0,0.05); background: #fff; padding: 30px;">
    <h5 style="font-weight: 700; color: #1B79B5; margin-bottom: 25px;">General Settings</h5>
    
    <p>System settings configuration will be implemented here.</p>
    
    <div class="row mt-4">
        <div class="col-md-6">
            <div class="mb-4">
                <label style="font-weight: 600; color: #444; display: block; margin-bottom: 8px;">Site Name</label>
                <input type="text" class="form-control" value="Quick OMS" readonly style="background: #f8fafc;">
            </div>
            <div class="mb-4">
                <label style="font-weight: 600; color: #444; display: block; margin-bottom: 8px;">Contact Email</label>
                <input type="text" class="form-control" value="admin@quickoms.com" readonly style="background: #f8fafc;">
            </div>
        </div>
        <div class="col-md-6">
            <div class="mb-4">
                <label style="font-weight: 600; color: #444; display: block; margin-bottom: 8px;">Currency</label>
                <input type="text" class="form-control" value="NZD ($)" readonly style="background: #f8fafc;">
            </div>
            <div class="mb-4">
                <label style="font-weight: 600; color: #444; display: block; margin-bottom: 8px;">Timezone</label>
                <input type="text" class="form-control" value="Pacific/Auckland" readonly style="background: #f8fafc;">
            </div>
        </div>
    </div>
</div>
@endsection