@section("title", "Settings")

<x-backend-layout>
    <x-slot name="header">
        <h2 class="font-semibold text-xl leading-tight">
            {{ __("Settings") }}
        </h2>
    </x-slot>

    <div>
        <div class="max-w-7xl mx-auto py-10 px-3 sm:px-6 lg:px-8">
            @livewire("backend.settings.general")
        </div>
        <div class="max-w-7xl mx-auto py-10 px-3 sm:px-6 lg:px-8">
            @livewire("backend.settings.engine")
        </div>
        <div id="imap-settings" class="max-w-7xl mx-auto py-10 px-3 sm:px-6 lg:px-8 {{ config("app.settings.engine") == "imap" ? "" : "hidden" }}">
            @livewire("backend.settings.imap")
        </div>
        <div class="max-w-7xl mx-auto py-10 px-3 sm:px-6 lg:px-8">
            @livewire("backend.settings.configuration")
        </div>
        <div class="max-w-7xl mx-auto py-10 px-3 sm:px-6 lg:px-8">
            @livewire("backend.settings.mail")
        </div>
        <div class="max-w-7xl mx-auto py-10 px-3 sm:px-6 lg:px-8">
            @livewire("backend.settings.socials")
        </div>
        <div class="max-w-7xl mx-auto py-10 px-3 sm:px-6 lg:px-8">
            @livewire("backend.settings.languages")
        </div>
        <div class="max-w-7xl mx-auto py-10 px-3 sm:px-6 lg:px-8">
            @livewire("backend.settings.advance")
        </div>
        <div class="max-w-7xl mx-auto py-10 px-3 sm:px-6 lg:px-8">
            @livewire("backend.settings.ads")
        </div>
        @if (config("app.settings.theme") == "groot" || config("app.settings.theme") == "drax")
            <div class="max-w-7xl mx-auto py-10 px-3 sm:px-6 lg:px-8">
                @livewire("backend.settings.theme")
            </div>
        @endif

        <div class="max-w-7xl mx-auto py-10 px-3 sm:px-6 lg:px-8">
            @livewire("backend.settings.exportimport")
        </div>
    </div>
</x-backend-layout>