@extends('layouts.app')
@section('title', 'Settings')
@section('breadcrumbs')
<nav aria-label="breadcrumb"><ol class="breadcrumb"><li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li><li class="breadcrumb-item"><a href="#">Administration</a></li><li class="breadcrumb-item active">Settings</li></ol></nav>
@endsection
@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <div><h1 class="h3 mb-1 text-dark fw-semibold">System Settings</h1><p class="text-muted mb-0">Configure application settings</p></div>
</div>
<div class="row g-4">
    <div class="col-lg-3">
        <div class="card border-0 shadow-sm">
            <div class="card-body p-2">
                <div class="nav flex-column nav-pills" role="tablist">
                    @php $tabs = ['general' => 'General', 'company' => 'Company', 'finance' => 'Finance', 'integration' => 'Integration', 'notifications' => 'Notifications', 'security' => 'Security']; @endphp
                    @foreach($tabs as $key => $label)
                    <button class="nav-link text-start {{ $loop->first ? 'active' : '' }} mb-1" data-bs-toggle="pill" data-bs-target="#tab-{{ $key }}"><i class="bi bi-{{ match($key,'general'=>'gear','company'=>'building','finance'=>'cash-coin','integration'=>'plug','notifications'=>'bell','security'=>'shield-lock', default=>'gear') }} me-2"></i>{{ $label }}</button>
                    @endforeach
                </div>
            </div>
        </div>
    </div>
    <div class="col-lg-9">
        <div class="tab-content">
            <div class="tab-pane fade show active" id="tab-general">
                <div class="card border-0 shadow-sm">
                    <div class="card-header bg-white py-3"><h5 class="mb-0 fw-semibold">General Settings</h5></div>
                    <div class="card-body">
                        <form action="{{ route('admin.settings.update') }}" method="POST">
                            @csrf @method('PUT')
                            <div class="row g-3">
                                <div class="col-md-6"><label class="form-label fw-medium">App Name</label><input type="text" name="app_name" class="form-control" value="{{ $settings['app_name'] ?? config('app.name') }}"></div>
                                <div class="col-md-6"><label class="form-label fw-medium">Default Currency</label><select name="default_currency" class="form-select"><option value="INR">INR</option><option value="USD">USD</option><option value="EUR">EUR</option></select></div>
                                <div class="col-md-6"><label class="form-label fw-medium">Date Format</label><select name="date_format" class="form-select"><option value="d M Y">d M Y</option><option value="Y-m-d">Y-m-d</option><option value="d/m/Y">d/m/Y</option></select></div>
                                <div class="col-md-6"><label class="form-label fw-medium">Timezone</label><select name="timezone" class="form-select"><option value="Asia/Kolkata">Asia/Kolkata (IST)</option><option value="UTC">UTC</option></select></div>
                                <div class="col-md-6"><label class="form-label fw-medium">Fiscal Year Start Month</label><select name="fiscal_start" class="form-select"><option value="4">April</option><option value="1">January</option></select></div>
                                <div class="col-md-6"><label class="form-label fw-medium">Language</label><select name="locale" class="form-select"><option value="en">English</option><option value="hi">Hindi</option></select></div>
                            </div>
                            <div class="mt-4"><button type="submit" class="btn btn-primary"><i class="bi bi-check-lg me-1"></i>Save Settings</button></div>
                        </form>
                    </div>
                </div>
            </div>
            @foreach(['company', 'finance', 'integration', 'notifications', 'security'] as $tab)
            <div class="tab-pane fade" id="tab-{{ $tab }}">
                <div class="card border-0 shadow-sm">
                    <div class="card-header bg-white py-3"><h5 class="mb-0 fw-semibold">{{ ucfirst($tab) }} Settings</h5></div>
                    <div class="card-body text-center py-5 text-muted"><i class="bi bi-gear display-4 d-block mb-2"></i><p>{{ ucfirst($tab) }} settings configuration</p></div>
                </div>
            </div>
            @endforeach
        </div>
    </div>
</div>
@endsection