@extends("admin.layout.index")
@section("title", "Anasayfa Ayarları")
@section("content")
    <div class="grid grid-cols-2 gap-4 max-w-5xl mx-auto">
        @foreach($homepage_settings as $homepage_setting)
            <a href="{{ site($homepage_setting["url"]) }}"
               class="p-6 rounded-lg border border-zinc-200 bg-white flex items-center justify-between cursor-pointer hover:-translate-y-1 transition duration-250">
                <div class="flex items-center gap-4">
                    <div class="rounded-full bg-zinc-100 text-zinc-600 aspect-square w-12 h-12 flex items-center justify-center">
                        <i class="icon-{{ $homepage_setting["icon"] }} text-2xl aspect-square -mt-2"></i>
                    </div>
                    <div>
                        <h3 class="font-semibold text-gray-900">{{ $homepage_setting["name"] }}</h3>
                        <span class="text-gray-500 text-sm">{{ $homepage_setting["description"] }}</span>
                    </div>
                </div>
                <div>
                    <i class="icon-chevron-right text-gray-500 text-xl"></i>
                </div>
            </a>
        @endforeach
    </div>
@endsection