@extends('admin.layouts.app')

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

@section('content')
<div class="max-w-4xl mx-auto space-y-6">
    <div class="bg-white rounded-3xl p-6 border border-amber-900/10 shadow-xs">
        <h2 class="font-serif text-xl font-bold text-slate-900 mb-1">Dwaraka Store Settings</h2>
        <p class="text-xs text-slate-500">Configure store info, security controls, and admin credentials.</p>
    </div>

    <div class="bg-white rounded-3xl p-6 lg:p-8 border border-amber-900/10 shadow-xs space-y-6">
        <h3 class="font-serif text-base font-bold text-gold-700 uppercase tracking-wider border-b border-amber-900/10 pb-2">
            Security & Admin Credentials
        </h3>

        <div class="grid grid-cols-1 md:grid-cols-2 gap-5 text-xs">
            <div class="p-4 rounded-2xl bg-slate-50 border border-slate-200">
                <span class="text-slate-400 block mb-1 uppercase font-bold">Admin Username</span>
                <span class="font-bold text-slate-900 text-sm font-mono">{{ Auth::user()->username ?? 'admin' }}</span>
            </div>
            <div class="p-4 rounded-2xl bg-slate-50 border border-slate-200">
                <span class="text-slate-400 block mb-1 uppercase font-bold">Account Role</span>
                <span class="font-bold text-emerald-700 text-sm uppercase">Administrator</span>
            </div>
        </div>
    </div>
</div>
@endsection