@extends('backend.layouts.app')
@section('title')
    {{ __('Settings') }}
@endsection
@section('content')
    <div class="main-content">
        <div class="page-title">
            <div class="container-fluid">
                <div class="row">
                    <div class="col">
                        <div class="title-content">
                            <h2 class="title">@yield('setting-title')</h2>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="container-fluid">
            <div class="row">

                <div class="col-xl-12">
                    <div class="site-tab-bars">
                        <ul>
                            @can('site-setting')
                                <li class="{{ isActive('admin.settings.site') }}">
                                    <a href="{{ route('admin.settings.site') }}"><i
                                            data-lucide="settings"></i>{{ __('Site Settings') }}</a>
                                </li>
                            @endcan

                            @can('email-setting')
                                <li class="{{ isActive('admin.settings.mail') }}">
                                    <a href="{{ route('admin.settings.mail') }}"><i
                                            data-lucide="mail"></i>{{ __('Email') }}</a>
                                </li>
                            @endcan

                            @can('site-setting')
                                <li class="{{ isActive('admin.settings.seo.meta') }} ">
                                    <a href="{{ route('admin.settings.seo.meta') }}"><i
                                            data-lucide="search-code"></i>{{__('SEO Meta') }}</a>
                                </li>
                            @endcan

                            @can('language-setting')
                                <li class="{{ isActive('admin.language.*') }} ">
                                    <a href="{{ route('admin.language.index') }}"><i
                                            data-lucide="languages"></i>{{__('Language') }}</a>
                                </li>
                            @endcan

                            @can('plugin-setting')
                                <li class="{{ isActive('admin.settings.plugin','system') }} ">
                                    <a href="{{ route('admin.settings.plugin','system') }}"><i
                                            data-lucide="award"></i>{{__('Plugin') }}</a>
                                </li>
                            @endcan
                        </ul>
                    </div>
                    <div class="row">
                        @yield('setting-content')
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
