@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_translate_tool = $designSettingsModelInstance->get_design_settings_value("design_custom_148");
$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");
$hide_header = $designSettingsModelInstance->get_design_settings_value("design_custom_201");
$hide_footer = $designSettingsModelInstance->get_design_settings_value("design_custom_202");
$hide_main_menu = $designSettingsModelInstance->get_design_settings_value("design_custom_44");

$primary_btn_bg = $designSettingsModelInstance->get_design_settings_value("design_custom_58");
$primary_btn_font_color = $designSettingsModelInstance->get_design_settings_value("design_custom_59");
$info_btn_bg = $designSettingsModelInstance->get_design_settings_value("design_custom_60");
$info_btn_font_color = $designSettingsModelInstance->get_design_settings_value("design_custom_61");
$success_btn_bg = $designSettingsModelInstance->get_design_settings_value("design_custom_62");
$success_btn_font_color = $designSettingsModelInstance->get_design_settings_value("design_custom_63");
$warning_btn_bg = $designSettingsModelInstance->get_design_settings_value("design_custom_64");
$warning_btn_font_color = $designSettingsModelInstance->get_design_settings_value("design_custom_65");
$danger_btn_bg = $designSettingsModelInstance->get_design_settings_value("design_custom_66");
$danger_btn_font_color = $designSettingsModelInstance->get_design_settings_value("design_custom_67");
$default_btn_bg = $designSettingsModelInstance->get_design_settings_value("design_custom_74");
$default_btn_font_color = $designSettingsModelInstance->get_design_settings_value("design_custom_75");
$dark_btn_bg = $designSettingsModelInstance->get_design_settings_value("design_custom_e8");
$dark_btn_font_color = $designSettingsModelInstance->get_design_settings_value("design_custom_e9");
$secondary_btn_bg = $designSettingsModelInstance->get_design_settings_value("design_custom_e6");
$secondary_btn_font_color = $designSettingsModelInstance->get_design_settings_value("design_custom_e7");

$heading_font_family = $designSettingsModelInstance->get_design_settings_value("design_custom_208");
$body_font_family = $designSettingsModelInstance->get_design_settings_value("design_custom_3");
// echo $body_font_family;exit;
$menu_font_family = $designSettingsModelInstance->get_design_settings_value("design_custom_68");
$main_menu_position = $designSettingsModelInstance->get_design_settings_value("design_custom_152");
$mobile_view_header_hide = $designSettingsModelInstance->get_design_settings_value("design_custom_294");
$mobile_view_logo_hide = $designSettingsModelInstance->get_design_settings_value("design_custom_295");
$photo_album_bg = $designSettingsModelInstance->get_design_settings_value("design_custom_293");
$box_corner_style = $designSettingsModelInstance->get_design_settings_value("design_custom_280");
$profile_photo_style = $designSettingsModelInstance->get_design_settings_value("profile_photo_style");
$fav_active_color = $designSettingsModelInstance->get_design_settings_value("design_custom_162");
$fav_disabled_color = $designSettingsModelInstance->get_design_settings_value("design_custom_163");
$favourite_icon = $designSettingsModelInstance->get_design_settings_value("design_custom_161");
$member_search_result = $designSettingsModelInstance->get_design_settings_value("design_custom_45");
$member_profile_page = $designSettingsModelInstance->get_design_settings_value("design_custom_46");
$post_search_result = $designSettingsModelInstance->get_design_settings_value("design_custom_47");
$post_detail_page = $designSettingsModelInstance->get_design_settings_value("design_custom_48");
$member_search_layout = $designSettingsModelInstance->get_design_settings_value("design_custom_160");
$post_search_layout = $designSettingsModelInstance->get_design_settings_value("design_custom_198");
@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;
	var show_translate_tool = '{{$show_translate_tool}}';
	var show_translate_tool_value;
	var module_background = '{{$module_background}}';
	var module_border = '{{$module_border}}';
	var module_font_color = '{{$module_font_color}}';
	var module_title_color = '{{$module_title_color}}';
	var hide_header = '{{$hide_header}}';
	var hide_header_value;
	var hide_footer = '{{$hide_footer}}';
	var hide_footer_value;
	var hide_main_menu = '{{$hide_main_menu}}';
	var hide_main_menu_value;

	var primary_btn_bg = '{{$primary_btn_bg}}';
	var primary_btn_font_color = '{{$primary_btn_font_color}}';
	var info_btn_bg = '{{$info_btn_bg}}';
	var info_btn_font_color = '{{$info_btn_font_color}}';
	var success_btn_bg = '{{$success_btn_bg}}';
	var success_btn_font_color = '{{$success_btn_font_color}}';
	var warning_btn_bg = '{{$warning_btn_bg}}';
	var warning_btn_font_color = '{{$warning_btn_font_color}}';
	var danger_btn_bg = '{{$danger_btn_bg}}';
	var danger_btn_font_color = '{{$danger_btn_font_color}}';
	var default_btn_bg = '{{$default_btn_bg}}';
	var default_btn_font_color = '{{$default_btn_font_color}}';
	var dark_btn_bg = '{{$dark_btn_bg}}';
	var dark_btn_font_color = '{{$dark_btn_font_color}}';
	var secondary_btn_bg = '{{$secondary_btn_bg}}';
	var secondary_btn_font_color = '{{$secondary_btn_font_color}}';

	var heading_font_family = '{{$heading_font_family}}';

	var body_font_family = '{{$body_font_family}}';
    var body_font_family_value;
	var menu_font_family = '{{$menu_font_family}}';
    var menu_font_family_value;

	var main_menu_position = '{{$main_menu_position}}';
	var main_menu_position_value;

	var mobile_view_header_hide = '{{$mobile_view_header_hide}}';
	var mobile_view_header_hide_value;

	var mobile_view_logo_hide = '{{$mobile_view_logo_hide}}';
	var mobile_view_logo_hide_value;

	var photo_album_bg = '{{$photo_album_bg}}';
	var box_corner_style = '{{$box_corner_style}}';
	var box_corner_style_value;
	var profile_photo_style = '{{$profile_photo_style}}';
	var profile_photo_style_value;

	var fav_active_color = '{{$fav_active_color}}';
	var fav_disabled_color = '{{$fav_disabled_color}}';
	var favourite_icon = '{{$favourite_icon}}';

	var member_search_result = '{{$member_search_result}}';
	var member_profile_page = '{{$member_profile_page}}';
	var post_search_result = '{{$post_search_result}}';
	var post_detail_page = '{{$post_detail_page}}';

	var member_search_layout = '{{$member_search_layout}}';
	var post_search_layout = '{{$post_search_layout}}';

	if(show_translate_tool == 1){
		show_translate_tool_value ="block";
	}
	else{
		show_translate_tool_value ="none";
	}

	if(show_newsletter == 1){
		show_newsletter_value ="block";
	}
	else{
		show_newsletter_value ="none";
	}

	if(hide_header == 1){
		hide_header_value =".top-bar { display:none !important; }";
	}
	else{
		hide_header_value ="";
	}

	if(hide_footer == 1){
		hide_footer_value ="none";
	}
	else{
		hide_footer_value ="block";
	}

	if(hide_main_menu == 1){
		hide_main_menu_value ="display: none !important; ";
	}
	else{
		hide_main_menu_value ="";
	}

	if(mobile_view_header_hide == 1){
		mobile_view_header_hide_value = '.top-bar, .callusbtn {display: none !important;}';
	}
	else{
		mobile_view_header_hide_value ="";
	}

	if(mobile_view_logo_hide == 1){
		mobile_view_logo_hide_value = '.smllogo { display: none !important;}';
	}
	else{
		mobile_view_logo_hide_value ="";
	}

	if(box_corner_style == 1){
		box_corner_style_value = '.form-control { border-radius: 6px !important;}';
	}
	else{
		box_corner_style_value ="";
	}

	if(profile_photo_style == 1){
		profile_photo_style_value = '.wideget-user-desc .wideget-user-img img {border-radius: 6px;}.brround {border-radius: 6px;}';
	}
	else{
		profile_photo_style_value =".wideget-user-desc .wideget-user-img img {border-radius: 10%;}.brround {border-radius: 10%;}";
	}

	if(main_menu_position == 1){
		main_menu_position_value =".horizontalMenu>.horizontalMenu-list>li>ul.sub-menu {top: 80px;}";
	}
	else if(main_menu_position == 2){
		main_menu_position_value =".header-main {position: fixed;top: 0;width: 100%;z-index: 99;}.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu {top: 80px;}";
	}
	else if(main_menu_position == 3){
		main_menu_position_value =".horizontal-main { position: fixed;bottom: 0; width: 100%; z-index: 99;} .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu { bottom: 80px;}";
	}
	else if(main_menu_position == 4){

		main_menu_position_value =".sticky {position: fixed;top: 0;width: 100%;z-index: 99;}.sticky+.content {padding-top: 60px;}.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu {top: 80px;}";

		window.onscroll = function() {myFunction()};
		var navbar = document.getElementsByClassName("horizontal-main")[0];
		var sticky = navbar.offsetTop;
		function myFunction() {
			// alert("sticky");
			if (window.pageYOffset >= sticky) {
				navbar.classList.add("sticky")
			} else {
				navbar.classList.remove("sticky");
			}
		}
	}

	if(favourite_icon!="")
	{
		$('.wishlist').find("i").removeClass().addClass("fa fa "+favourite_icon);
	}

	if(member_search_result == 1){
		$('#member_search_sidebar').addClass('order-first');
	}
	else if(member_search_result == 2){
		$('#member_search_sidebar').addClass('order-last');
	}
	else if(member_search_result == 3){
		$("#member_search_sidebar").css("display", "none");
		// $("#member_search_main").removeClass().addClass("col-xl-12 col-lg-8 col-md-12");
		$("#member_search_main").removeClass().addClass("col");
	}

	if(member_profile_page == 1){
		$('#member_profile_sidebar').addClass('order-first');
	}
	else if(member_profile_page == 2){
		$('#member_profile_sidebar').addClass('order-last');
	}
	else if(member_profile_page == 3){
		$("#member_profile_sidebar").css("display", "none");
		// $("#member_profile_main").removeClass().addClass("col-lg-12 col-md-8");
		$("#member_profile_main").removeClass().addClass("col");
	}

	if(post_search_result == 1){
		$('#post_search_sidebar').addClass('order-first');
	}
	else if(post_search_result == 2){
		$('#post_search_sidebar').addClass('order-last');
	}
	else if(post_search_result == 3){
		$("#post_search_sidebar").css("display", "none");
		$("#post_search_main").removeClass().addClass("col");
	}

	if(post_detail_page == 1){
		$('#post_detail_sidebar').addClass('order-first');
	}
	else if(post_detail_page == 2){
		$('#post_detail_sidebar').addClass('order-last');
	}
	else if(post_detail_page == 3){
		$("#post_detail_sidebar").css("display", "none");
		$("#post_detail_main").removeClass().addClass("col");
	}

	if(member_search_layout == 1){
		$('#tab11_atag').addClass('active show');
		$('#tab-11').addClass('active');
	}
	else if(member_search_layout == 2){
		$('#tab12_atag').addClass('active show');
		$('#tab-12').addClass('active');
	}
	else if(member_search_layout == 3){
		$('#tab13_atag').addClass('active show');
		$('#tab-13').addClass('active');
	}

	if(post_search_layout == 1){
		$('#post_tab11').addClass('active show');
		$('#tab-11-post').addClass('active');
	}
	else if(post_search_layout == 2){
		$('#post_tab12').addClass('active show');
		$('#tab-12-post').addClass('active');
	}

    if(body_font_family!='')
    {
        body_font_family_value = `font-family: `+body_font_family+` `+"!important"+``;
    }
    else
    {
        body_font_family_value = '';
    }

    if(menu_font_family!='')
    {
        menu_font_family_value = `font-family: `+menu_font_family+` `+"!important"+``;
    }
    else
    {
        menu_font_family_value = '';
    }
    
    if(heading_font_family=='')
    {var font_style = "";}
    else
    {font_style='	.item-card-text h4, .abp_title, .fs-20, h3.mb-2 { font-family: "`+heading_font_family+`" `+"!important"+`;}';}

	document.getElementsByTagName('body')[0].appendChild(style);
    style.innerHTML = `
	body { background: `+body_background+``+"!important"+`; color: `+body_font_color+``+"!important"+`; font-size: `+body_font_size+`; `+body_font_family_value+`}
	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"+`;}
	#google_translate_element {display:`+show_translate_tool_value+``+"!important"+`;}
	`+hide_header_value+`
	`+box_corner_style_value+`
	`+profile_photo_style_value+`
	`+main_menu_position_value+`
	footer {display:`+hide_footer_value+``+"!important"+`;}
	.horizontalMenu-list {`+hide_main_menu_value+` `+menu_font_family_value+` }
	.item>.card.mb-0,#tab-12-post>.row>.col-lg-6>.card.overflow-hidden,.col-xl-3.col-lg-4.col-md-12>.card, .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, .item>.card.mb-0,#tab-12-post>.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, .item>.card.mb-0>.card-body,#tab-12-post>.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, .item>.card.mb-0>.card-header,#tab-12-post>.row>.col-lg-6>.card-header,.col-xl-3.col-lg-4.col-md-12>.card>form>.card-header {color: `+module_title_color+``+"!important"+`;}
	.btn-primary { background-color:`+primary_btn_bg+``+"!important"+`; color: `+primary_btn_font_color+``+"!important"+`;}
	.btn-info { background-color:`+info_btn_bg+``+"!important"+`; color: `+info_btn_font_color+``+"!important"+`;}
	.btn-warning { background-color:`+warning_btn_bg+``+"!important"+`; color: `+warning_btn_font_color+``+"!important"+`;}
	.btn-danger { background-color:`+danger_btn_bg+``+"!important"+`; color: `+danger_btn_font_color+``+"!important"+`;}
	.btn-success { background-color:`+success_btn_bg+``+"!important"+`; color: `+success_btn_font_color+``+"!important"+`;}
	.btn-default { background-color:`+default_btn_bg+``+"!important"+`; color: `+default_btn_font_color+``+"!important"+`;}
	.btn-dark { background-color:`+dark_btn_bg+``+"!important"+`; color: `+dark_btn_font_color+``+"!important"+`;}
	.btn-secondary { background-color:`+secondary_btn_bg+``+"!important"+`; color: `+secondary_btn_font_color+``+"!important"+`; border-color:`+secondary_btn_bg+``+"!important"+`;}
	.font-weight-semibold,
	`+font_style+`
	@media screen and (max-width: 800px) { `+mobile_view_header_hide_value+` `+mobile_view_logo_hide_value+` }
	.card-body.h-100.photobg { background-color:`+photo_album_bg+``+"!important"+`;}
	.wishlist.active { background:`+fav_active_color+``+"!important"+`;}
	.wishlist { background:`+fav_disabled_color+``+"!important"+`;}
	`;

	});
</script>