@extends('layouts.tenant.layout_1.app')

@include('tenant.account._index')

@section('page_js')
<script type="text/javascript"> 
var body = $('body'),
    html = $('html');

//get the DOM elements from right sidebar
var typographySelect = $('#typography'),
    versionSelect = $('#theme_version'),
    layoutSelect = $('#theme_layout');

var sidebarStyleSelect = $('#sidebar_style');
var sidebarPositionSelect = $('#sidebar_position');
var headerPositionSelect = $('#header_position');
var containerLayoutSelect = $('#container_layout');
var themeDirectionSelect = $('#theme_direction');

//change the theme layout controller
layoutSelect.on('change', function() {
    if(body.attr('data-sidebar-style') === 'overlay') {
        body.attr('data-sidebar-style', 'full');
        body.attr('data-layout', this.value);
        return;
    }

    body.attr('data-layout', this.value);
});

//change the theme version controller
versionSelect.on('change', function() {
    body.attr('data-theme-version', this.value);
});

//change the theme direction (rtl, ltr) controller
themeDirectionSelect.on('change', function() {
    html.attr('dir', this.value);
    html.attr('class', '');
    html.addClass(this.value);
    body.attr('direction', this.value);
});

//change the container layout controller
containerLayoutSelect.on('change', function() {
    if(this.value === "boxed") {

        if(body.attr('data-layout') === "vertical" && body.attr('data-sidebar-style') === "full") {
            body.attr('data-sidebar-style', 'overlay');
            body.attr('data-container', this.value);
            return;
        }
    }

    body.attr('data-container', this.value);
});

</script>
@stop