<div class="settings-sidebar">
    <div class="settings-toggle-icon">
        <span class="material-icons">settings</span>
    </div>
    <div class="settings-content">
        <h4>{{translate('Settings')}}</h4>
        <div class="switchers-wrap">
            <div class="switch-items">
                <div class="setting-box-wrap">
                    <div class="setting-box active light-mode">
                        <img src="{{asset('public/assets/provider-module')}}/img/light-mode.png" width="36px" alt="">
                    </div>
                    <h5>{{translate('Light_Mode')}}</h5>
                </div>
                <div class="setting-box-wrap">
                    <div class="setting-box dark-mode">
                        <img src="{{asset('public/assets/provider-module')}}/img/dark-mode.png" width="36px" alt="">
                    </div>
                    <h5>{{translate('Dark_Mode')}}</h5>
                </div>
                <div class="setting-box-wrap">
                    <div class="setting-box ltr-mode">
                        <img src="{{asset('public/assets/provider-module')}}/img/ltr-icon.png" alt="">
                    </div>
                    <h5>{{translate('LTR')}}</h5>
                </div>
                <div class="setting-box-wrap">
                    <div class="setting-box rtl-mode">
                        <img src="{{asset('public/assets/provider-module')}}/img/rtl-icon.png" alt="">
                    </div>
                    <h5>{{translate('RTL')}}</h5>
                </div>
            </div>
        </div>
    </div>
</div>
