@extends('admin.master')

@section('content')
<div class="mx-auto space-y-6">

    @if(session('success'))
        <div class="border border-green-300 bg-green-50 text-green-700 px-4 py-3 rounded text-sm">
            {{ session('success') }}
        </div>
    @endif

  

    <div class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-3 gap-2">

        <a href="{{ route('admin.dashboard') }}"
           class="bg-white border border-gray-300 rounded-md p-5 hover:shadow-md transition">
            <div class="flex items-center gap-3 mb-3">
                <div class="h-12 w-12 rounded bg-blue-100 text-blue-600 flex items-center justify-center text-xl">
                    <i class="bi bi-speedometer2"></i>
                </div>
                <div>
                    <h3 class="text-lg font-semibold text-gray-800">Dashboard</h3>
                    <p class="text-sm text-gray-500">Overview and quick access</p>
                </div>
            </div>
            <p class="text-sm text-gray-600">Go to admin dashboard overview.</p>
        </a>

        <a href="{{ url('admin/headlines') }}"
           class="bg-white border border-gray-300 rounded-md p-5 hover:shadow-md transition">
            <div class="flex items-center gap-3 mb-3">
                <div class="h-12 w-12 rounded bg-green-100 text-green-600 flex items-center justify-center text-xl">
                    <i class="bi bi-megaphone"></i>
                </div>
                <div>
                    <h3 class="text-lg font-semibold text-gray-800">Headline</h3>
                    <p class="text-sm text-gray-500">Manage running headlines</p>
                </div>
            </div>
            <p class="text-sm text-gray-600">Create, edit and manage headline items.</p>
        </a>

        <a href="{{ url('admin/hero-sections') }}"
           class="bg-white border border-gray-300 rounded-md p-5 hover:shadow-md transition">
            <div class="flex items-center gap-3 mb-3">
                <div class="h-12 w-12 rounded bg-purple-100 text-purple-600 flex items-center justify-center text-xl">
                    <i class="bi bi-image"></i>
                </div>
                <div>
                    <h3 class="text-lg font-semibold text-gray-800">Hero Section</h3>
                    <p class="text-sm text-gray-500">Manage home hero content</p>
                </div>
            </div>
            <p class="text-sm text-gray-600">Update title, subtitle and hero images.</p>
        </a>

        <a href="{{ route('admin.feature-sections.index') }}"
           class="bg-white border border-gray-300 rounded-md p-5 hover:shadow-md transition">
            <div class="flex items-center gap-3 mb-3">
                <div class="h-12 w-12 rounded bg-yellow-100 text-yellow-600 flex items-center justify-center text-xl">
                    <i class="bi bi-grid"></i>
                </div>
                <div>
                    <h3 class="text-lg font-semibold text-gray-800">Why Choose & How It</h3>
                    <p class="text-sm text-gray-500">Manage feature sections</p>
                </div>
            </div>
            <p class="text-sm text-gray-600">Control why choose and how it works content.</p>
        </a>

        <a href="{{ route('admin.cta-sections.index') }}"
           class="bg-white border border-gray-300 rounded-md p-5 hover:shadow-md transition">
            <div class="flex items-center gap-3 mb-3">
                <div class="h-12 w-12 rounded bg-pink-100 text-pink-600 flex items-center justify-center text-xl">
                    <i class="bi bi-cursor"></i>
                </div>
                <div>
                    <h3 class="text-lg font-semibold text-gray-800">CTA Section</h3>
                    <p class="text-sm text-gray-500">Manage call to action</p>
                </div>
            </div>
            <p class="text-sm text-gray-600">Update CTA title, subtitle and status.</p>
        </a>

        <a href="{{ route('admin.faq-sections.index') }}"
           class="bg-white border border-gray-300 rounded-md p-5 hover:shadow-md transition">
            <div class="flex items-center gap-3 mb-3">
                <div class="h-12 w-12 rounded bg-indigo-100 text-indigo-600 flex items-center justify-center text-xl">
                    <i class="bi bi-question-circle"></i>
                </div>
                <div>
                    <h3 class="text-lg font-semibold text-gray-800">FAQ Section</h3>
                    <p class="text-sm text-gray-500">Manage FAQ content</p>
                </div>
            </div>
            <p class="text-sm text-gray-600">Add FAQ section and FAQ item entries.</p>
        </a>

        <a href="{{ route('admin.about-sections.index') }}"
           class="bg-white border border-gray-300 rounded-md p-5 hover:shadow-md transition">
            <div class="flex items-center gap-3 mb-3">
                <div class="h-12 w-12 rounded bg-teal-100 text-teal-600 flex items-center justify-center text-xl">
                    <i class="bi bi-info-circle"></i>
                </div>
                <div>
                    <h3 class="text-lg font-semibold text-gray-800">About Section</h3>
                    <p class="text-sm text-gray-500">Manage about page content</p>
                </div>
            </div>
            <p class="text-sm text-gray-600">Update hero, mission, values and story sections.</p>
        </a>

        <a href="{{ route('admin.app-uploads.index') }}"
           class="bg-white border border-gray-300 rounded-md p-5 hover:shadow-md transition">
            <div class="flex items-center gap-3 mb-3">
                <div class="h-12 w-12 rounded bg-orange-100 text-orange-600 flex items-center justify-center text-xl">
                    <i class="bi bi-upload"></i>
                </div>
                <div>
                    <h3 class="text-lg font-semibold text-gray-800">App Upload</h3>
                    <p class="text-sm text-gray-500">Manage APK upload</p>
                </div>
            </div>
            <p class="text-sm text-gray-600">Upload and manage downloadable APK files.</p>
        </a>

        <a href="{{ route('admin.company-settings.index') }}"
           class="bg-white border border-gray-300 rounded-md p-5 hover:shadow-md transition">
            <div class="flex items-center gap-3 mb-3">
                <div class="h-12 w-12 rounded bg-gray-100 text-gray-700 flex items-center justify-center text-xl">
                    <i class="bi bi-gear"></i>
                </div>
                <div>
                    <h3 class="text-lg font-semibold text-gray-800">Settings</h3>
                    <p class="text-sm text-gray-500">Company settings and info</p>
                </div>
            </div>
            <p class="text-sm text-gray-600">Manage logo, email, address, phone and more.</p>
        </a>

        <a href="{{ route('admin.profile.show') }}"
           class="bg-white border border-gray-300 rounded-md p-5 hover:shadow-md transition">
            <div class="flex items-center gap-3 mb-3">
                <div class="h-12 w-12 rounded bg-red-100 text-red-600 flex items-center justify-center text-xl">
                    <i class="bi bi-person"></i>
                </div>
                <div>
                    <h3 class="text-lg font-semibold text-gray-800">Admin Profile</h3>
                    <p class="text-sm text-gray-500">Manage your account</p>
                </div>
            </div>
            <p class="text-sm text-gray-600">View and update your name and password.</p>
        </a>
        <a href="{{ url('/storage-link') }}"
           class="bg-white border border-gray-300 rounded-md p-5 hover:shadow-md transition">
            <div class="flex items-center gap-3 mb-3">
                <div class="h-12 w-12 rounded bg-emerald-100 text-emerald-600 flex items-center justify-center text-xl">
                    <i class="bi bi-link-45deg"></i>
                </div>
                <div>
                    <h3 class="text-lg font-semibold text-gray-800">Storage Link</h3>
                    <p class="text-sm text-gray-500">Create storage symbolic link</p>
                </div>
            </div>
            <p class="text-sm text-gray-600">Click to run storage:link and connect public storage.</p>
        </a>

    </div>
</div>
@endsection