@extends('layouts.admin')

@section('title', 'DEBUG: Mandanten-Einstellungen')

@section('content')
<div class="max-w-4xl mx-auto">
    <div class="mb-8">
        <h1 class="text-3xl font-bold text-red-600">DEBUG: Mandanten-Einstellungen</h1>
        <p class="text-gray-600 mt-2">Diese Version verwendet den DebugSettingsController für besseres Logging</p>
    </div>

    <div class="bg-white shadow rounded-lg p-6">
        <form action="{{ route('debug.settings.tenant.update') }}" method="POST" class="space-y-6">
            @csrf
            @method('PUT')

            <!-- Anzeige-Einstellungen -->
            <div>
                <h3 class="text-lg font-medium text-gray-900 mb-4">Anzeige-Einstellungen</h3>
                <p class="text-gray-600 mb-6">DEBUG: Alle Änderungen werden detailliert geloggt</p>
                
                <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                    <div class="border rounded-lg p-4">
                        <div class="flex items-start">
                            <div class="flex items-center h-5">
                                <input type="checkbox" 
                                       id="show_prices" 
                                       name="show_prices" 
                                       value="1"
                                       {{ old('show_prices', true) ? 'checked' : '' }}
                                       class="h-4 w-4 text-blue-600 border-gray-300 rounded focus:ring-blue-500">
                            </div>
                            <div class="ml-3">
                                <label for="show_prices" class="text-sm font-medium text-gray-700">
                                    DEBUG: Preise anzeigen
                                </label>
                                <p class="text-xs text-gray-500 mt-1">Checkbox wird geloggt</p>
                            </div>
                        </div>
                    </div>

                    <div class="border rounded-lg p-4">
                        <div class="flex items-start">
                            <div class="flex items-center h-5">
                                <input type="checkbox" 
                                       id="show_stock" 
                                       name="show_stock" 
                                       value="1"
                                       {{ old('show_stock', true) ? 'checked' : '' }}
                                       class="h-4 w-4 text-blue-600 border-gray-300 rounded focus:ring-blue-500">
                            </div>
                            <div class="ml-3">
                                <label for="show_stock" class="text-sm font-medium text-gray-700">
                                    DEBUG: Bestand anzeigen
                                </label>
                                <p class="text-xs text-gray-500 mt-1">Checkbox wird geloggt</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Submit Button -->
            <div class="flex items-center justify-end pt-4 border-t">
                <button type="submit" 
                        class="bg-red-600 text-white px-6 py-2 rounded hover:bg-red-700 transition-colors">
                    DEBUG: Einstellungen speichern (mit Logging)
                </button>
            </div>
        </form>
    </div>

    <div class="mt-6 bg-yellow-50 border border-yellow-200 rounded-lg p-4">
        <h4 class="text-sm font-medium text-yellow-800">Debug-Info:</h4>
        <p class="text-sm text-yellow-700">Prüfe nach dem Submit: <code>storage/logs/laravel.log</code></p>
        <p class="text-sm text-yellow-700">Session-Status: <a href="{{ url('debug/session') }}" class="text-blue-600">Debug Session</a></p>
    </div>
</div>
@endsection