@extends('user::layouts.backend-master')
@section('breadcrumb_title', 'Setting')

@section('content')
    <div class="card w-full mx-auto">
        <!-- Common Settings Section -->
        <div class="mb-8">
            <h2 class="text-xl font-semibold mb-4">Common Settings</h2>

            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-6 gap-y-8">
                <!-- General Settings -->
                <x-backend::settings-card :route="route('admin.setting.general')" title="General" description="Update general settings."
                    icon="setting" />

                <!-- Logo & Favicon -->
                <x-backend::settings-card :route="route('admin.setting.logo-favicon')" title="Logo & Favicon" description="Update your logo and favicon."
                    icon="logo" />

                <!-- Email Settings -->
                <x-backend::settings-card :route="route('admin.email.setting')" title="Email" description="Update email settings."
                    icon="email-template" />

                <!-- Email Templates -->
                <x-backend::settings-card :route="route('admin.email.templates')" title="Email Templates" description="Update email templates."
                    icon="email-template" />

                <!-- Privacy & Tracking -->
                <x-backend::settings-card :route="route('admin.setting.tracking-tool')" title="Privacy & Tracking Tools"
                    description="Privacy & Tracking Tools like Google Analytics, Facebook Pixel." icon="tool" />

                <!-- Website Maintenance -->
                <x-backend::settings-card :route="route('admin.setting.maintenance')" title="Website Maintenance"
                    description="Update website maintenance." icon="website" />
            </div>
        </div>

        <!-- Website Setup Section -->
        <div class="mb-8">
            <h2 class="text-xl font-semibold mb-4">Website Setup</h2>

            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-6 gap-y-8">
                <!-- Cookie Consent -->
                <x-backend::settings-card :route="route('admin.setting.cookie')" title="Cookie consent" description="Update cookie consent."
                    icon="cookie" />

                <!-- Error Page -->
                <x-backend::settings-card :route="route('admin.setting.error')" title="Error Page" description="Update error page content."
                    icon="error" />

                <!-- Login & Register -->
                <x-backend::settings-card :route="route('admin.setting.login-register')" title="Login & Register Page"
                    description="Update login & register page." icon="login" />

                <!-- Social Login -->
                <x-backend::settings-card :route="route('admin.setting.social-login')" title="Social Login" description="Update social login settings."
                    icon="social-login" />


                <!-- Social link -->
                <x-backend::settings-card :route="route('admin.setting.social-link')" title="Social Link" description="Update social link settings."
                    icon="link" />

                <!-- Off Canvas -->
                <x-backend::settings-card :route="route('admin.setting.sidebar-offcanvas')" title="Sidebar off Canvas Images"
                    description="Update sidebar off canvas images." icon="canvas" />

            </div>
        </div>

        <!-- Website SEO Section -->
        <div class="mb-8">
            <h2 class="text-xl font-semibold mb-4">Website SEO</h2>
            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-6 gap-y-8">

                <!-- Home Page -->
                <x-backend::settings-card :route="route('admin.setting.seo.page', ['page_name' => 'home-page'])" title="Home Page" description="Update home page seo content."
                    icon="home" />

                <!-- Blog Page -->
                <x-backend::settings-card :route="route('admin.setting.seo.page', ['page_name' => 'blog-page'])" title="Blog Page" description="Update blog page seo content."
                    icon="blog" />

                <!-- About Page -->
                <x-backend::settings-card :route="route('admin.setting.seo.page', ['page_name' => 'about-page'])" title="About Page" description="Update about page seo content."
                    icon="about" />

                <!-- Contact Page -->
                <x-backend::settings-card :route="route('admin.setting.seo.page', ['page_name' => 'contact-page'])" title="Contact Page"
                    description="Update contact page seo content." icon="contact" />

                <!-- FAQ Page -->
                <x-backend::settings-card :route="route('admin.setting.seo.page', ['page_name' => 'faq-page'])" title="Faq Page" description="Update faq page seo content."
                    icon="faq" />

                <!-- Team Page -->
                <x-backend::settings-card :route="route('admin.setting.seo.page', ['page_name' => 'team-page'])" title="Team Page" description="Update team page seo content."
                    icon="team" />

                <!-- Product Page -->
                <x-backend::settings-card :route="route('admin.setting.seo.page', ['page_name' => 'product-page'])" title="Product Page"
                    description="Update product page seo content." icon="product" />

                <!-- Cart Page -->
                <x-backend::settings-card :route="route('admin.setting.seo.page', ['page_name' => 'cart-page'])" title="Cart Page" description="Update cart page seo content."
                    icon="cart" />

                <!-- Checkout Page -->
                <x-backend::settings-card :route="route('admin.setting.seo.page', ['page_name' => 'checkout-page'])" title="Checkout Page"
                    description="Update checkout page seo content." icon="checkout" />
            </div>
        </div>
    </div>
@endsection