@extends('layouts.admin')

@section('content')

<div class="flex justify-between items-center mb-4">
    <h1 class="text-xl font-bold">Dev Panel</h1>
</div>

<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
    <!-- Left column: Tools -->
    <div class="bg-white p-6 rounded shadow">
        <h2 class="font-semibold mb-2">Tools</h2>

        <div class="flex flex-col gap-2">
            <a href="{{ route('admin.quotes_queue.index') }}" class="w-full px-3 py-2 text-center bg-green-600 text-white rounded">Quotes Queue</a>
            <a href="{{ route('admin.logs.index') }}" class="w-full px-3 py-2 text-center bg-green-600 text-white rounded">Log Files</a>

            <a href="{{ route('admin.dev.show', 'cache') }}" class="w-full px-3 py-2 text-center bg-blue-600 text-white rounded">Clear Cache</a>
            <a href="{{ route('admin.dev.show', 'config') }}" class="w-full px-3 py-2 text-center bg-blue-600 text-white rounded">Clear Config</a>
            <a href="{{ route('admin.dev.show', 'route') }}" class="w-full px-3 py-2 text-center bg-blue-600 text-white rounded">Clear Routes</a>
            <a href="{{ route('admin.dev.show', 'view') }}" class="w-full px-3 py-2 text-center bg-blue-600 text-white rounded">Clear Views</a>
            <a href="{{ route('admin.dev.show', 'all') }}" class="w-full px-3 py-2 text-center bg-red-600 text-white rounded">Clear All</a>
        </div>
    </div>

    <!-- Right column: Server info -->
    <div class="bg-white p-6 rounded shadow">
        <h2 class="font-semibold mb-2">Server Info</h2>
        <ul class="list-disc pl-5 space-y-1 text-sm">
            @foreach($serverInfo as $label => $value)
                <li><strong>{{ $label }}:</strong> {{ $value }}</li>
            @endforeach
        </ul>
    </div>
</div>

@endsection