@php
use App\DesignSettingsModel;
$designSettingsModelInstance =  new DesignSettingsModel();
$body_background = $designSettingsModelInstance->get_design_settings_value("design_custom_1"); 
$body_font_color = $designSettingsModelInstance->get_design_settings_value("design_custom_2");
$body_font_size = $designSettingsModelInstance->get_design_settings_value("design_custom_140");
$body_link_color = $designSettingsModelInstance->get_design_settings_value("design_custom_4");
$body_link_hover = $designSettingsModelInstance->get_design_settings_value("design_custom_69");
$breadcrumb_link_color = $designSettingsModelInstance->get_design_settings_value("design_custom_70");
$header_background = $designSettingsModelInstance->get_design_settings_value("design_custom_5"); 
$signup_link_icon_color = $designSettingsModelInstance->get_design_settings_value("design_custom_e1");
$signup_link_font_color = $designSettingsModelInstance->get_design_settings_value("design_custom_8");
$login_link_icon_color = $designSettingsModelInstance->get_design_settings_value("design_custom_e2");
$login_link_font_color = $designSettingsModelInstance->get_design_settings_value("design_custom_e3"); 
$footer_background = $designSettingsModelInstance->get_design_settings_value("design_custom_19");
$footer_font_color = $designSettingsModelInstance->get_design_settings_value("design_custom_20");
$footer_link_color = $designSettingsModelInstance->get_design_settings_value("design_custom_e5");
$footer_link_hover_color = $designSettingsModelInstance->get_design_settings_value("design_custom_21");
$footer_heading_color = $designSettingsModelInstance->get_design_settings_value("design_custom_22");
$newsletter_background = $designSettingsModelInstance->get_design_settings_value("design_custom_109");
$newsletter_font_color = $designSettingsModelInstance->get_design_settings_value("design_custom_110");
$newsletter_button_background = $designSettingsModelInstance->get_design_settings_value("design_custom_111");
$newsletter_button_font_color = $designSettingsModelInstance->get_design_settings_value("design_custom_112");
$newsletter_button_border_color = $designSettingsModelInstance->get_design_settings_value("design_custom_149");
$show_newsletter = $designSettingsModelInstance->get_design_settings_value("design_custom_113");
$menu_background = $designSettingsModelInstance->get_design_settings_value("design_custom_16");
$menu_background_hover = $designSettingsModelInstance->get_design_settings_value("design_custom_e4"); 
$menu_font_color = $designSettingsModelInstance->get_design_settings_value("design_custom_17");
$menu_font_hover_color = $designSettingsModelInstance->get_design_settings_value("design_custom_18");
$menu_font_size = $designSettingsModelInstance->get_design_settings_value("menu_font_size");
$menu_dropdown_background = $designSettingsModelInstance->get_design_settings_value("design_custom_138");
$menu_dropdown_link = $designSettingsModelInstance->get_design_settings_value("design_custom_139");
$module_background = $designSettingsModelInstance->get_design_settings_value("design_custom_71");
$module_border = $designSettingsModelInstance->get_design_settings_value("design_custom_72"); 
$module_font_color = $designSettingsModelInstance->get_design_settings_value("design_custom_73"); 
$module_title_color = $designSettingsModelInstance->get_design_settings_value("design_custom_134"); 
@endphp
<script>
	$(document).ready(function() {
    var style = document.createElement('style');
    var body_background = '{{$body_background}}';
    var body_font_color = '{{$body_font_color}}';
	var body_font_size = '{{$body_font_size}}';
	var body_link_color = '{{$body_link_color}}';
	var body_link_hover = '{{$body_link_hover}}';
	var breadcrumb_link_color = '{{$breadcrumb_link_color}}';
	var header_background = '{{$header_background}}';
	var signup_link_font_color = '{{$signup_link_font_color}}';
	var signup_link_icon_color = '{{$signup_link_icon_color}}';
	var login_link_icon_color ='{{$login_link_icon_color}}';
	var login_link_font_color = '{{$login_link_font_color}}';
	var menu_background = '{{$menu_background}}';
	var menu_background_hover = '{{$menu_background_hover}}';
	var menu_font_color = '{{$menu_font_color}}';
	var menu_font_hover_color = '{{$menu_font_hover_color}}';
	var menu_dropdown_background = '{{$menu_dropdown_background}}';
	var menu_dropdown_link = '{{$menu_dropdown_link}}';
	var menu_font_size = '{{$menu_font_size}}';
	var footer_background = '{{$footer_background}}';
	var footer_font_color = '{{$footer_font_color}}';
	var footer_link_color = '{{$footer_link_color}}';
	var footer_link_hover_color = '{{$footer_link_hover_color}}';
	var footer_heading_color = '{{$footer_heading_color}}';
	var newsletter_background = '{{$newsletter_background}}';
	var newsletter_font_color = '{{$newsletter_font_color}}';
	var newsletter_button_background = '{{$newsletter_button_background}}';
	var newsletter_button_font_color = '{{$newsletter_button_font_color}}';
	var newsletter_button_border_color = '{{$newsletter_button_border_color}}';
	var show_newsletter = '{{$show_newsletter}}';
	var show_newsletter_value;
	if(show_newsletter == 1){
		show_newsletter_value ="block";
	}
	else{
		show_newsletter_value ="none";
	}
    var module_background = '{{$module_background}}';
    var module_border = '{{$module_border}}';
    var module_font_color = '{{$module_font_color}}';
    var module_title_color = '{{$module_title_color}}';

	document.getElementsByTagName('body')[0].appendChild(style);
    style.innerHTML = `
	body { background: `+body_background+``+"!important"+`; color: `+body_font_color+``+"!important"+`; font-size: `+body_font_size+`;}
	a { color: `+body_link_color+`; }
	a:hover { color: `+body_link_hover+`; }
	.breadcrumb a, .breadcrumb a:hover, .breadcrumb a:focus, .breadcrumb > .active { color: `+breadcrumb_link_color+`; }
	.header-main { background: `+header_background+`; }
	.header-main .top-bar-right ul.custom > li > a > i.fa-user { color: `+signup_link_icon_color+`!important; }
	.header-main .top-bar-right ul.custom > li > a > span.sign-up { color: `+signup_link_font_color+`!important; }
	.header-main .top-bar-right ul.custom > li > a > i.fa-sign-in { color: `+login_link_icon_color+`!important; }
	.header-main .top-bar-right ul.custom > li > a > span.log-in { color: `+login_link_font_color+`!important; }
	.horizontalMenu>.horizontalMenu-list>li>a.active { background: `+menu_background+``+"!important"+`; color: `+menu_font_hover_color+``+"!important"+`;}
	.horizontalMenu>.horizontalMenu-list>li:hover>a { background: `+menu_background_hover+``+"!important"+`; color: `+menu_font_hover_color+``+"!important"+`;}
	.horizontalMenu>.horizontalMenu-list>li>a {color: `+menu_font_color+``+"!important"+`;  font-size: `+menu_font_size+`;}
	.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu { background: `+menu_dropdown_background+``+"!important"+`;}
	.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a {color: `+menu_dropdown_link+``+"!important"+`;}
	.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li:hover>a {background: `+menu_background_hover+``+"!important"+`; color: `+menu_font_hover_color+``+"!important"+`;}
	footer.main-footer {background: `+footer_background+``+"!important"+`; color:`+footer_font_color+``+"!important"+`;}
	footer.main-footer .footer-main ul.list-unstyled > li > a {color:`+footer_font_color+``+"!important"+`;}
	footer.main-footer  a {color:`+footer_link_color+``+"!important"+`;}
	footer.main-footer a:hover {color:`+footer_link_hover_color+``+"!important"+`;}
	footer.main-footer .footer-main ul.list-unstyled > li:hover > a {color:`+footer_link_hover_color+``+"!important"+`;}
	footer.main-footer .footer-main h6 {color:`+footer_heading_color+``+"!important"+`;}
	.newsletter-section {background:`+newsletter_background+``+"!important"+`; color:`+newsletter_font_color+``+"!important"+`;}
	.newsletter-section .sub-input button {background:`+newsletter_button_background+``+"!important"+`; color:`+newsletter_button_font_color+``+"!important"+`; border-color:`+newsletter_button_border_color+``+"!important"+`;}
	.newsletter-section {display:`+show_newsletter_value+``+"!important"+`;}
    .item>.card.mb-0,#tab-12>.row>.col-lg-6>.card.overflow-hidden,.col-xl-3.col-lg-4.col-md-12>.card {background: `+module_background+``+"!important"+`;}
	.item>.card.mb-0,#tab-12>.row>.col-lg-6>.card.overflow-hidden,.col-xl-3.col-lg-4.col-md-12>.card {border-color: `+module_border+``+"!important"+`;}
	.item>.card.mb-0>.card-body,#tab-12>.row>.col-lg-6>.card-body,.col-xl-3.col-lg-4.col-md-12>.card>form>.card-body {color: `+module_font_color+``+"!important"+`;}
	.item>.card.mb-0>.card-header,#tab-12>.row>.col-lg-6>.card-header,.col-xl-3.col-lg-4.col-md-12>.card>form>.card-header {color: `+module_title_color+``+"!important"+`;}
    `;

	});
</script>