@php
    // ── Check if we're on a tenant context ──
    $tenant = request()->get('current_tenant') ?? (isset($currentTenant) ? $currentTenant : null);
    $isTenantContext = $tenant !== null;
    
    // ── Get settings based on context ──
    if ($isTenantContext) {
        $tenantSettings = \App\Models\TenantSetting::getAllForTenant($tenant->id);
        $settings = $tenantSettings;
        $settings['tenant_name'] = $tenant->name;
        $settings['is_tenant'] = true;
        
        $pageTitle = 'Tenant Settings';
        $pageSubtitle = 'Manage settings for <strong>' . $tenant->name . '</strong>';
        $breadcrumbActive = 'Tenant Settings';
        $updateRoute = route('admin.settings.update', ['tenant' => $tenantSlug ?? request()->route('tenant')]);
        $backUrl = route('admin.dashboard', ['tenant' => $tenantSlug ?? request()->route('tenant')]);
    } else {
        $platformSettings = \App\Models\Setting::getAllAsArray();
        $settings = $platformSettings;
        $settings['is_tenant'] = false;
        
        $pageTitle = 'Platform Settings';
        $pageSubtitle = 'Manage platform-wide settings';
        $breadcrumbActive = 'Platform Settings';
        $updateRoute = route('admin.settings.update');
        $backUrl = route('admin.dashboard');
    }
@endphp


@include('Partials.sidebar')

<section class="main_content dashboard_part large_header_bg">
    @include('Partials.header')
    <div class="main_content_iner default_main_contaner_iner">
        <div class="page-body">

            <div class="container-fluid">
                <div class="page-title">
                    <div class="row">
                        <div class="col-sm-6 ps-0">
                            <h3>{{ $pageTitle }}</h3>
                            @if($isTenantContext)
                                <span class="badge badge-info mt-1">
                                    <i class="fas fa-building me-1"></i> {{ $tenant->name }}
                                </span>
                            @endif
                        </div>
                        <div class="col-sm-6 pe-0">
                            <ol class="bc">
                                <li><a href="{{ $backUrl }}" class="bc-home">
                                    <i class="fas fa-home"></i>
                                </a></li>
                                <li class="bc-sep">›</li>
                                <li class="bc-active">{{ $breadcrumbActive }}</li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>

            @if(session('success'))
                <div class="container-fluid">
                    <div class="alert alert-success alert-dismissible fade show">
                        <i class="fas fa-check-circle mr-2"></i>{{ session('success') }}
                        <button type="button" class="close" data-dismiss="alert"><span>&times;</span></button>
                    </div>
                </div>
            @endif

            @if(session('error'))
                <div class="container-fluid">
                    <div class="alert alert-danger alert-dismissible fade show">
                        <i class="fas fa-exclamation-circle mr-2"></i>{{ session('error') }}
                        <button type="button" class="close" data-dismiss="alert"><span>&times;</span></button>
                    </div>
                </div>
            @endif

            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-6">
                        <div class="card" style="border-left:4px solid #c9a96e;">
                            <div class="card-header">
                                <h5 class="mb-0">
                                    <i class="fas fa-dollar-sign mr-2 text-warning"></i>Currency Settings
                                    @if($isTenantContext)
                                        <small class="text-muted font-weight-normal">(Tenant-specific)</small>
                                    @else
                                        <small class="text-muted font-weight-normal">(Platform-wide)</small>
                                    @endif
                                </h5>
                            </div>
                            <div class="card-body">
                                <form action="{{ $updateRoute }}" method="POST">
                                    @csrf
                                    @method('PUT')

                                    <div class="form-group">
                                        <label class="font-weight-bold">
                                            Currency Symbol
                                            <small class="text-muted font-weight-normal">e.g. ₹, $, €, £</small>
                                        </label>
                                        <input type="text" name="currency_symbol" class="form-control @error('currency_symbol') is-invalid @enderror"
                                               value="{{ old('currency_symbol', $settings['currency_symbol'] ?? '₹') }}"
                                               placeholder="₹" maxlength="10" required>
                                        @error('currency_symbol')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <div class="form-group">
                                        <label class="font-weight-bold">
                                            Currency Code
                                            <small class="text-muted font-weight-normal">e.g. INR, USD, EUR</small>
                                        </label>
                                        <input type="text" name="currency_code" class="form-control @error('currency_code') is-invalid @enderror"
                                               value="{{ old('currency_code', $settings['currency_code'] ?? 'INR') }}"
                                               placeholder="INR" maxlength="10" required>
                                        @error('currency_code')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <div class="form-group">
                                        <label class="font-weight-bold">Symbol Position</label>
                                        <div class="d-flex" style="gap:20px;margin-top:8px;">
                                            <div class="form-check">
                                                <input class="form-check-input" type="radio" name="currency_position"
                                                       value="before" id="pos_before"
                                                       {{ (old('currency_position', $settings['currency_position'] ?? 'before') === 'before') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="pos_before">
                                                    Before amount <small class="text-muted">(₹ 5,000)</small>
                                                </label>
                                            </div>
                                            <div class="form-check">
                                                <input class="form-check-input" type="radio" name="currency_position"
                                                       value="after" id="pos_after"
                                                       {{ (old('currency_position', $settings['currency_position'] ?? 'before') === 'after') ? 'checked' : '' }}>
                                                <label class="form-check-label" for="pos_after">
                                                    After amount <small class="text-muted">(5,000 ₹)</small>
                                                </label>
                                            </div>
                                        </div>
                                        @error('currency_position')
                                            <div class="text-danger small mt-1">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    {{-- Live preview --}}
                                    <div style="background:#f8f9fa;border-radius:8px;padding:14px 16px;margin-bottom:16px;">
                                        <small class="text-muted d-block mb-1">Preview:</small>
                                        <strong id="currency-preview" style="font-size:18px;color:#28a745;">
                                            ₹ 50,00,000
                                        </strong>
                                    </div>

                                    <button type="submit" class="btn btn-primary">
                                        <i class="fas fa-save mr-1"></i> Save Settings
                                    </button>
                                </form>
                            </div>
                        </div>
                    </div>

                    {{-- ── Quick Info Card ── --}}
                    <div class="col-md-6">
                        <div class="card" style="border-left:4px solid #17a2b8;">
                            <div class="card-header">
                                <h5 class="mb-0">
                                    <i class="fas fa-info-circle mr-2 text-info"></i>
                                    {{ $isTenantContext ? 'Tenant Information' : 'Platform Information' }}
                                </h5>
                            </div>
                            <div class="card-body">
                                @if($isTenantContext)
                                    <div class="d-flex align-items-center mb-3">
                                        <div class="rounded-circle bg-primary d-flex align-items-center justify-content-center"
                                             style="width:50px;height:50px;">
                                            <span style="font-size:20px;color:white;">
                                                {{ strtoupper(substr($tenant->name, 0, 1)) }}
                                            </span>
                                        </div>
                                        <div class="ml-3">
                                            <h5 class="mb-0">{{ $tenant->name }}</h5>
                                            <small class="text-muted">{{ $tenant->email }}</small>
                                        </div>
                                    </div>
                                    <hr>
                                    <div class="row">
                                        <div class="col-6">
                                            <small class="text-muted d-block">Tenant ID</small>
                                            <strong>#{{ $tenant->id }}</strong>
                                        </div>
                                        <div class="col-6">
                                            <small class="text-muted d-block">Status</small>
                                            <span class="badge badge-{{ $tenant->status === 'active' ? 'success' : 'warning' }}">
                                                {{ ucfirst($tenant->status) }}
                                            </span>
                                        </div>
                                    </div>
                                    <div class="row mt-2">
                                        <div class="col-6">
                                            <small class="text-muted d-block">Plan</small>
                                            <strong>{{ $tenant->plan->name ?? 'N/A' }}</strong>
                                        </div>
                                        <div class="col-6">
                                            <small class="text-muted d-block">Created</small>
                                            <strong>{{ $tenant->created_at?->format('d M Y, h:i A') }}</strong>
                                        </div>
                                    </div>
                                    <div class="mt-3">
                                        <a href="{{ route('admin.settings.appearance', ['tenant' => $tenantSlug ?? request()->route('tenant')]) }}" 
                                           class="btn btn-outline-primary btn-sm">
                                            <i class="fas fa-palette mr-1"></i> Appearance Settings
                                        </a>
                                    </div>
                                @else
                                    <div class="text-center py-3">
                                        <i class="fas fa-cog" style="font-size:48px;color:#c9a96e;opacity:0.5;"></i>
                                        <h5 class="mt-3">Platform Settings</h5>
                                        <p class="text-muted small">Manage global platform settings that apply to all tenants.</p>
                                    </div>
                                    <hr>
                                    <div class="row">
                                        <div class="col-6">
                                            <small class="text-muted d-block">Total Tenants</small>
                                            <strong>{{ \App\Models\Tenant::count() }}</strong>
                                        </div>
                                        <div class="col-6">
                                            <small class="text-muted d-block">Active Tenants</small>
                                            <strong>{{ \App\Models\Tenant::where('status', 'active')->count() }}</strong>
                                        </div>
                                    </div>
                                    <div class="row mt-2">
                                        <div class="col-6">
                                            <small class="text-muted d-block">Total Admins</small>
                                            <strong>{{ \App\Models\Admin::count() }}</strong>
                                        </div>
                                        <div class="col-6">
                                            <small class="text-muted d-block">Total Plans</small>
                                            <strong>{{ \App\Models\Plan::count() }}</strong>
                                        </div>
                                    </div>
                                    <div class="mt-3">
                                        <a href="{{ route('admin.settings.appearance') }}" 
                                           class="btn btn-outline-primary btn-sm">
                                            <i class="fas fa-palette mr-1"></i> Appearance Settings
                                        </a>
                                    </div>
                                @endif
                            </div>
                        </div>

                        {{-- ── Currency API Info ── --}}
                        <div class="card mt-3" style="border-left:4px solid #28a745;">
                            <div class="card-header">
                                <h5 class="mb-0">
                                    <i class="fas fa-code mr-2 text-success"></i> API Endpoint
                                </h5>
                            </div>
                            <div class="card-body">
                                <div class="d-flex align-items-center justify-content-between">
                                    <div>
                                        <small class="text-muted d-block">Currency API</small>
                                        <code style="font-size:12px;">
                                            @if($isTenantContext)
                                                /api/tenant/{{ $tenant->slug }}/currency
                                            @else
                                                /api/admin/currency
                                            @endif
                                        </code>
                                    </div>
                                    <button class="btn btn-sm btn-outline-primary" onclick="copyToClipboard(this)">
                                        <i class="fas fa-copy"></i> Copy
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</section>

<script>
function updatePreview() {
    var symbol   = document.querySelector('[name=currency_symbol]').value || '₹';
    var position = document.querySelector('[name=currency_position]:checked')?.value || 'before';
    var preview  = document.getElementById('currency-preview');
    preview.textContent = position === 'before'
        ? symbol + ' 50,00,000'
        : '50,00,000 ' + symbol;
}

document.querySelector('[name=currency_symbol]').addEventListener('input', updatePreview);
document.querySelectorAll('[name=currency_position]').forEach(function(el) {
    el.addEventListener('change', updatePreview);
});
updatePreview();

function copyToClipboard(btn) {
    var code = btn.parentElement.querySelector('code');
    navigator.clipboard.writeText(code.textContent.trim()).then(function() {
        var originalHtml = btn.innerHTML;
        btn.innerHTML = '<i class="fas fa-check"></i> Copied!';
        setTimeout(function() {
            btn.innerHTML = originalHtml;
        }, 2000);
    });
}
</script>

<style>
    .badge-info {
        background: rgba(23, 162, 184, 0.12);
        color: #17a2b8;
        font-weight: 500;
        padding: 4px 12px;
    }
    .bc {
        padding: 0;
        margin: 0;
        display: flex;
        align-items: center;
        gap: 6px;
        list-style: none;
        justify-content: flex-end;
    }
    .bc a {
        color: #c9a96e;
        text-decoration: none;
    }
    .bc a:hover {
        text-decoration: underline;
    }
    .bc .bc-sep {
        color: #ffffff;
    }
    .bc .bc-active {
        color: #ffffff;
    }
</style>

@include('Partials.footer')