@extends('layouts.admin')
@section('title', 'Settings')

@section('content')
<div class="mb-4">
    <h5 class="mb-0 fw-bold">System Settings</h5>
    <small class="text-muted">Current environment configuration (read-only — edit .env file to change)</small>
</div>

<div class="row g-3">

    <!-- Admin Settings -->
    <div class="col-lg-6">
        <div class="table-card">
            <div class="card-header"><i class="bi bi-shield-lock me-2"></i>Admin Access</div>
            <table class="table table-sm table-borderless mb-0 p-2">
                <tbody>
                    <tr>
                        <td class="text-muted ps-3 w-50">Admin Username</td>
                        <td><code>{{ env('ADMIN_USERNAME', 'admin') }}</code></td>
                    </tr>
                    <tr>
                        <td class="text-muted ps-3">Admin Password</td>
                        <td><code>•••••••••••</code> <small class="text-muted">(set in .env)</small></td>
                    </tr>
                    <tr>
                        <td class="text-muted ps-3">App Environment</td>
                        <td>
                            <span class="badge provider-badge {{ app()->environment('production') ? 'badge-error' : 'badge-active' }}">
                                {{ app()->environment() }}
                            </span>
                        </td>
                    </tr>
                    <tr>
                        <td class="text-muted ps-3">Debug Mode</td>
                        <td>
                            <span class="badge provider-badge {{ config('app.debug') ? 'badge-warning' : 'badge-active' }}">
                                {{ config('app.debug') ? 'ON (development)' : 'OFF (production)' }}
                            </span>
                        </td>
                    </tr>
                    <tr>
                        <td class="text-muted ps-3">App URL</td>
                        <td><code>{{ config('app.url') }}</code></td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>

    <!-- Feature Gates -->
    <div class="col-lg-6">
        <div class="table-card">
            <div class="card-header"><i class="bi bi-toggles me-2"></i>Feature Gates</div>
            <table class="table table-sm table-borderless mb-0">
                <tbody>
                    <tr>
                        <td class="text-muted ps-3 w-50">Flights Module</td>
                        <td>
                            <span class="badge provider-badge badge-active">
                                <i class="bi bi-check-lg me-1"></i>Enabled
                            </span>
                        </td>
                    </tr>
                    <tr>
                        <td class="text-muted ps-3">Car Rental Module</td>
                        <td>
                            <span class="badge provider-badge badge-active">
                                <i class="bi bi-check-lg me-1"></i>Enabled
                            </span>
                        </td>
                    </tr>
                    <tr>
                        <td class="text-muted ps-3">Hotels Module</td>
                        <td>
                            <span class="badge provider-badge badge-error">
                                <i class="bi bi-x-lg me-1"></i>Disabled (Scope Lock)
                            </span>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>

    <!-- API Provider Keys -->
    <div class="col-lg-6">
        <div class="table-card">
            <div class="card-header"><i class="bi bi-key me-2"></i>Amadeus API</div>
            <table class="table table-sm table-borderless mb-0">
                <tbody>
                    <tr>
                        <td class="text-muted ps-3 w-50">API Key</td>
                        <td>
                            @if(env('AMADEUS_API_KEY'))
                                <span class="badge provider-badge badge-active"><i class="bi bi-check-lg me-1"></i>Configured</span>
                            @else
                                <span class="badge provider-badge badge-error"><i class="bi bi-x-lg me-1"></i>Not set</span>
                            @endif
                        </td>
                    </tr>
                    <tr>
                        <td class="text-muted ps-3">API Secret</td>
                        <td>
                            @if(env('AMADEUS_API_SECRET'))
                                <span class="badge provider-badge badge-active"><i class="bi bi-check-lg me-1"></i>Configured</span>
                            @else
                                <span class="badge provider-badge badge-error"><i class="bi bi-x-lg me-1"></i>Not set</span>
                            @endif
                        </td>
                    </tr>
                    <tr>
                        <td class="text-muted ps-3">Sandbox Mode</td>
                        <td>
                            <span class="badge provider-badge {{ env('AMADEUS_SANDBOX_MODE', true) ? 'badge-warning' : 'badge-error' }}">
                                {{ env('AMADEUS_SANDBOX_MODE', true) ? 'Sandbox ON' : 'Live Mode' }}
                            </span>
                        </td>
                    </tr>
                    <tr>
                        <td class="text-muted ps-3">Endpoint</td>
                        <td><code style="font-size:.78rem;">{{ env('AMADEUS_SANDBOX_MODE', true) ? 'test.api.amadeus.com' : 'api.amadeus.com' }}</code></td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>

    <div class="col-lg-6">
        <div class="table-card">
            <div class="card-header"><i class="bi bi-map me-2"></i>Mapbox API</div>
            <table class="table table-sm table-borderless mb-0">
                <tbody>
                    <tr>
                        <td class="text-muted ps-3 w-50">Access Token</td>
                        <td>
                            @if(env('MAPBOX_ACCESS_TOKEN'))
                                <span class="badge provider-badge badge-active"><i class="bi bi-check-lg me-1"></i>Configured</span>
                            @else
                                <span class="badge provider-badge badge-error"><i class="bi bi-x-lg me-1"></i>Not set</span>
                            @endif
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>

    <!-- Database Info -->
    <div class="col-12">
        <div class="table-card">
            <div class="card-header"><i class="bi bi-database me-2"></i>Database</div>
            <table class="table table-sm table-borderless mb-0">
                <tbody>
                    <tr>
                        <td class="text-muted ps-3 w-25">Connection</td>
                        <td><code>{{ config('database.default') }}</code></td>
                    </tr>
                    <tr>
                        <td class="text-muted ps-3">Database</td>
                        <td><code>{{ config('database.connections.' . config('database.default') . '.database') }}</code></td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>

    <!-- .env instructions -->
    <div class="col-12">
        <div class="alert alert-info d-flex align-items-start gap-2">
            <i class="bi bi-info-circle-fill mt-1"></i>
            <div>
                <strong>To change settings:</strong> Edit the <code>.env</code> file in your project root, then run
                <code>php artisan config:clear</code> to apply the changes. Settings marked "Not set" should be configured
                before activating the related provider.
            </div>
        </div>
    </div>

</div>
@endsection