@extends('admin.layouts.main')
@section('title', ___('Settings'))
@section('content')
        <div class="row">
            <div class="col-md-3">
                <div class="card">
                    <div class="card-body">
                        <ul class="nav nav-align-left nav-pills flex-column gap-1" role="tablist">
                            <li class="nav-item" role="presentation">
                                <button type="button" class="nav-link active" role="tab" data-bs-toggle="tab" data-bs-target="#quick_settings_general"><i class="fas fa-wrench me-2"></i> {{ ___('General') }}</button>
                            </li>
                            <li class="nav-item" role="presentation">
                                <button type="button" class="nav-link" role="tab" data-bs-toggle="tab" data-bs-target="#quick_theme_setting"><i class="fas fa-paint-brush me-2"></i> {{ ___('Theme Settings') }}</button>
                            </li>
                            <li class="nav-item" role="presentation">
                                <button type="button" class="nav-link" role="tab" data-bs-toggle="tab" data-bs-target="#quick_logo_favicon"><i class="fas fa-image me-2"></i> {{ ___('Logo & Favicon') }}</button>
                            </li>
                            <li class="nav-item" role="presentation">
                                <button type="button" class="nav-link" role="tab" data-bs-toggle="tab" data-bs-target="#quick_post_setting"><i class="fas fa-layer-group me-2"></i> {{ ___('Post Settings') }}</button>
                            </li>
                            <li class="nav-item" role="presentation">
                                <button type="button" class="nav-link" role="tab" data-bs-toggle="tab" data-bs-target="#quick_international"><i class="fas fa-coin-front me-2"></i> {{ ___('International') }}</button>
                            </li>
                            <li class="nav-item" role="presentation">
                                <button type="button" class="nav-link" role="tab" data-bs-toggle="tab" data-bs-target="#quick_smtp"><i class="fas fa-envelope me-2"></i> {{ ___('SMTP Details') }}</button>
                            </li>
                            <li class="nav-item" role="presentation">
                                <button type="button" class="nav-link" role="tab" data-bs-toggle="tab" data-bs-target="#quick_billing"><i class="fas fa-list-alt me-2"></i> {{ ___('Billing Details') }}</button>
                            </li>
                            <li class="nav-item" role="presentation">
                                <button type="button" class="nav-link" role="tab" data-bs-toggle="tab" data-bs-target="#quick_social_logins"><i class="fas fa-right-to-bracket me-2"></i> {{ ___('Social Logins') }}</button>
                            </li>

                            <li class="nav-item" role="presentation">
                                <button type="button" class="nav-link" role="tab" data-bs-toggle="tab" data-bs-target="#quick_blog"><i class="fas fa-blog me-2"></i> {{ ___('Blog Settings') }}</button>
                            </li>
                            <li class="nav-item" role="presentation">
                                <button type="button" class="nav-link" role="tab" data-bs-toggle="tab" data-bs-target="#quick_testimonial"><i class="fas fa-star-half-stroke me-2"></i> {{ ___('Testimonial Settings') }}</button>
                            </li>
                            <li class="nav-item" role="presentation">
                                <button type="button" class="nav-link" role="tab" data-bs-toggle="tab" data-bs-target="#quick_addons"><i class="fas fa-puzzle-piece me-2"></i> {{ ___('Add Ons') }}</button>
                            </li>
                            <li class="nav-item" role="presentation">
                                <button type="button" class="nav-link" role="tab" data-bs-toggle="tab" data-bs-target="#quick_map"><i class="fas fa-map-location me-2"></i> {{ ___('Map Settings') }}</button>
                            </li>
                            <li class="nav-item" role="presentation">
                                <button type="button" class="nav-link" role="tab" data-bs-toggle="tab" data-bs-target="#quick_live_location"><i class="fas fa-location-crosshairs me-2"></i> {{ ___('Live Location') }}</button>
                            </li>
                            <li class="nav-item" role="presentation">
                                <button type="button" class="nav-link" role="tab" data-bs-toggle="tab" data-bs-target="#quick_custom_code"><i class="fas fa-code me-2"></i> {{ ___('Custom Code') }}</button>
                            </li>
                            <li class="nav-item d-none" role="presentation">
                                <button type="button" class="nav-link" role="tab" data-bs-toggle="tab" data-bs-target="#quick_purchase_code"><i class="fas fa-key me-2"></i> {{ ___('Purchase Code') }}</button>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-md-9">
                <div class="tab-content p-0">
                    @include('admin.settings.general')
                    @include('admin.settings.theme_setting')
                    @include('admin.settings.logo')
                    @include('admin.settings.post_setting')
                    @include('admin.settings.international')
                    @include('admin.settings.smtp')
                    @include('admin.settings.billing-details')
                    @include('admin.settings.social-logins')
                    @include('admin.settings.blog')
                    @include('admin.settings.testimonial')
                    @include('admin.settings.addons')
                    @include('admin.settings.map')
                    @include('admin.settings.live_location')
                    @include('admin.settings.custom-code')
                    @include('admin.settings.purchase-code')
                </div>
            </div>
        </div>

    @push('scripts_at_top')
        <script id="quick-sidebar-menu-js-extra">
            "use strict";
            var QuickMenu = {"page": "settings"};
        </script>
    @endpush
    @push('scripts_at_bottom')
        <script>
            $(function() {
                var hash = window.location.hash;
                hash && $('ul.nav button[data-bs-target="' + hash + '"]').click();
                $('.nav button').on('click', function (e) {
                    var scrollmem = $('body').scrollTop();
                    window.location.hash = $(this).data('bs-target');
                    $('html,body').scrollTop(scrollmem);
                });
            });
        </script>
    @endpush
@endsection