@extends('admin.layouts.app')

@section('content')
<div class="max-w-4xl mx-auto">
    <div class="dark-card">
        <div class="px-6 py-4" style="border-bottom: 1px solid #313D4A;">
            <div class="flex items-center justify-between">
                <div>
                    <h1 class="text-2xl font-bold text-white">{{ trans('system.widget_settings') }}</h1>
                    <p class="text-gray-400 mt-1">{{ trans('system.widget_desc') }}</p>
                </div>
                <div class="w-12 h-12 bg-gradient-to-br from-green-600 to-emerald-600 rounded-lg flex items-center justify-center">
                    <i class="fas fa-puzzle-piece text-white"></i>
                </div>
            </div>
        </div>
        <div class="p-6">
            <div class="text-center py-12">
                <div class="w-24 h-24 mx-auto mb-6 bg-gray-700 rounded-full flex items-center justify-center">
                    <i class="fas fa-puzzle-piece text-4xl text-gray-400"></i>
                </div>
                <h3 class="text-xl font-semibold text-white mb-2">Widget Configuration</h3>
                <p class="text-gray-400">Widget settings will be available here.</p>
            </div>
        </div>
    </div>
</div>
@endsection