<?php
require_once($_SERVER["DOCUMENT_ROOT"] . '/config/base.php');
header("Content-type: text/css; charset: UTF-8");


$config = false;


$user = new User();
$user->loadFromSession();
$user->extend();

if($user->is('supplieradminuser')){
	$config = $user->getSupplier(1)->getStyling();
} else if($user->is('centreuser')){
	$config = $user->getCentre(1)->getStyling();
} else if($user->is('sitemanager')){
	$config = $user->getCentre(1)->getStyling();
} else if($user->is(array('employee','businessunituser'))){
	if($business = $user->getMainBusiness(1)){
		$config = $business->getStyling();
	}
}

if($config){
	$config['main1'] = $config['main1']?$config['main1']:'#AAA';
	$config['main2'] = $config['main2']?$config['main2']:'#000';
	$config['heading_colour'] = $config['heading_colour']?$config['heading_colour']:'#000';

	$middleCol = adjustBrightness(get_middle_color($config['main1'],$config['main2']),-60);
?>

.text-themecolor {
	color: <?=$config['heading_colour']?> !important;
}

.card-no-border .left-sidebar {
	background: <?=$config['main1']?>;
	background: -moz-linear-gradient(top, <?=$config['main1']?> 10%, <?=adjustBrightness($config['main1'],-50)?> 100%);
	background: -webkit-linear-gradient(top, <?=$config['main1']?> 10%, <?=adjustBrightness($config['main1'],-50)?> 100%);
	background: linear-gradient(to bottom, <?=$config['main1']?> 10%, <?=adjustBrightness($config['main1'],-50)?> 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="<?=$config['main1']?>", endColorstr="<?=adjustBrightness($config['main1'],-100)?>",GradientType=0 );
}

.card-no-border .sidebar-nav {
	background: <?=adjustBrightness($config['main1'],-30)?>;
}

.card-no-border .sidebar-footer {
	background: <?=$config['main1']?>;
}

.card-no-border .sidebar-nav > ul > li > a.active {
	background: <?=adjustBrightness($config['main1'],-40)?>;
}

.sidebar-nav > ul > li > a.active i, .sidebar-nav > ul > li > a:hover i {
	color: <?=adjustBrightness($config['main1'],200)?>;
}

.sidebar-nav ul li a.active, .sidebar-nav ul li a:hover {
	color: <?=adjustBrightness($config['main1'],200)?>;
}

.sidebar-nav li.active {
	background: <?=adjustBrightness($config['main1'],-40)?>;
}

.color-table.info-table thead th {
	background-color: transparent;
}

.color-table.info-table thead {
	background: <?=$config['main1']?>;
	background: -moz-linear-gradient(-45deg, <?=adjustBrightness($config['main1'],40)?> 0%, <?=adjustBrightness($config['main1'],-40)?> 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, <?=adjustBrightness($config['main1'],40)?>), color-stop(100%, <?=adjustBrightness($config['main1'],-40)?>));
	background: -webkit-linear-gradient(-45deg, <?=adjustBrightness($config['main1'],40)?> 0%, <?=adjustBrightness($config['main1'],-40)?> 100%);
	background: -o-linear-gradient(-45deg, <?=adjustBrightness($config['main1'],40)?> 0%, <?=adjustBrightness($config['main1'],-40)?> 100%);
	background: -ms-linear-gradient(-45deg, <?=adjustBrightness($config['main1'],40)?> 0%, <?=adjustBrightness($config['main1'],-40)?> 100%);
	background: linear-gradient(135deg, <?=adjustBrightness($config['main1'],40)?> 0%, <?=adjustBrightness($config['main1'],-40)?> 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='<?=adjustBrightness($config['main1'],40)?>', endColorstr='<?=adjustBrightness($config['main1'],-40)?>', GradientType=1 );
}

.color-table.info-table thead tr {
	background: <?=$config['main1']?>;
	background: -moz-linear-gradient(-45deg, <?=adjustBrightness($config['main1'],40)?> 0%, <?=adjustBrightness($config['main1'],-40)?> 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, <?=adjustBrightness($config['main1'],40)?>), color-stop(100%, <?=adjustBrightness($config['main1'],-40)?>));
	background: -webkit-linear-gradient(-45deg, <?=adjustBrightness($config['main1'],40)?> 0%, <?=adjustBrightness($config['main1'],-40)?> 100%);
	background: -o-linear-gradient(-45deg, <?=adjustBrightness($config['main1'],40)?> 0%, <?=adjustBrightness($config['main1'],-40)?> 100%);
	background: -ms-linear-gradient(-45deg, <?=adjustBrightness($config['main1'],40)?> 0%, <?=adjustBrightness($config['main1'],-40)?> 100%);
	background: linear-gradient(135deg, <?=adjustBrightness($config['main1'],40)?> 0%, <?=adjustBrightness($config['main1'],-40)?> 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='<?=adjustBrightness($config['main1'],40)?>', endColorstr='<?=adjustBrightness($config['main1'],-40)?>', GradientType=1 );
}


.card-bordered {
	border: 1px solid <?=$config['main2']?> !important;
}


.card.gradient-horizontal-lefthalf, .card-header.gradient-horizontal-lefthalf {
	background: <?=$middleCol?>;
	background: -moz-linear-gradient(left, <?=$config['main1']?> 0%, <?=$middleCol?> 100%);
	background: -webkit-linear-gradient(left, <?=$config['main1']?> 0%, <?=$middleCol?> 100%);
	background: linear-gradient(to right, <?=$config['main1']?> 0%, <?=$middleCol?> 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$branding-gradient-start', endColorstr='<?=$middleCol?>',GradientType=1 );
}

.card.gradient-horizontal-righthalf, .card-header.gradient-horizontal-righthalf {
	background: <?=$middleCol?>;
	background: -moz-linear-gradient(left, <?=$middleCol?> 0%, <?=$config['main2']?> 100%);
	background: -webkit-linear-gradient(left, <?=$middleCol?> 0%, <?=$config['main2']?> 100%);
	background: linear-gradient(to right, <?=$middleCol?> 0%, <?=$config['main2']?> 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='<?=$middleCol?>', endColorstr='<?=$config['main2']?>',GradientType=1 );
}

.branded-gradient-horizontal-lefthalf {
	background: <?=$config['main2']?>;
	background: -moz-linear-gradient(left, <?=$config['main1']?> 0%, <?=$config['main2']?> 100%);
	background: -webkit-linear-gradient(left, <?=$config['main1']?> 0%, <?=$config['main2']?> 100%);
	background: linear-gradient(to right, <?=$config['main1']?> 0%, <?=$config['main2']?> 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='<?=$config['main1']?>', endColorstr='<?=$config['main2']?>',GradientType=1 );
}

.branded-gradient-horizontal-righthalf {
	background: <?=$middleCol?>;
	background: -moz-linear-gradient(left, <?=$middleCol?> 0%, <?=$config['main2']?> 100%);
	background: -webkit-linear-gradient(left, <?=$middleCol?> 0%, <?=$config['main2']?> 100%);
	background: linear-gradient(to right, <?=$middleCol?> 0%, <?=$config['main2']?> 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='<?=$middleCol?>', endColorstr='<?=$config['main2']?>',GradientType=1 );
}


.card-outline-info .card-header {
	background: <?=$config['main2']?>;
	background: -moz-linear-gradient(-45deg, <?=adjustBrightness($config['main2'],50)?> 0%, <?=$config['main2']?> 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, <?=adjustBrightness($config['main2'],50)?>), color-stop(100%, <?=$config['main2']?>));
	background: -webkit-linear-gradient(-45deg, <?=adjustBrightness($config['main2'],50)?> 0%, <?=$config['main2']?> 100%);
	background: -o-linear-gradient(-45deg, <?=adjustBrightness($config['main2'],50)?> 0%, <?=$config['main2']?> 100%);
	background: -ms-linear-gradient(-45deg, <?=adjustBrightness($config['main2'],50)?> 0%, <?=$config['main2']?> 100%);
	background: linear-gradient(135deg, <?=adjustBrightness($config['main2'],50)?> 0%, <?=$config['main2']?> 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='<?=adjustBrightness($config['main2'],50)?>', endColorstr='<?=$config['main2']?>', GradientType=1 );

	border-color: transparent;
}


.right-sidebar .rpanel-title {
	background: <?=$config['main2']?>;
	background: -moz-linear-gradient(-45deg, <?=adjustBrightness($config['main2'],50)?> 0%, <?=$config['main2']?> 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, <?=adjustBrightness($config['main2'],50)?>), color-stop(100%, <?=$config['main2']?>));
	background: -webkit-linear-gradient(-45deg, <?=adjustBrightness($config['main2'],50)?> 0%, <?=$config['main2']?> 100%);
	background: -o-linear-gradient(-45deg, <?=adjustBrightness($config['main2'],50)?> 0%, <?=$config['main2']?> 100%);
	background: -ms-linear-gradient(-45deg, <?=adjustBrightness($config['main2'],50)?> 0%, <?=$config['main2']?> 100%);
	background: linear-gradient(135deg, <?=adjustBrightness($config['main2'],50)?> 0%, <?=$config['main2']?> 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='<?=adjustBrightness($config['main2'],50)?>', endColorstr='<?=$config['main2']?>', GradientType=1 );
}


/* Login */
.container-login100 {
	background: <?=$config['main1']?>;
	background: -moz-linear-gradient(-45deg, <?=$config['main1']?> 0%, <?=$config['main2']?> 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, <?=$config['main1']?>), color-stop(100%, <?=$config['main2']?>));
	background: -webkit-linear-gradient(-45deg, <?=$config['main1']?> 0%, <?=$config['main2']?> 100%);
	background: -o-linear-gradient(-45deg, <?=$config['main1']?> 0%, <?=$config['main2']?> 100%);
	background: -ms-linear-gradient(-45deg, <?=$config['main1']?> 0%, <?=$config['main2']?> 100%);
	background: linear-gradient(135deg, <?=$config['main1']?> 0%, <?=$config['main2']?> 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='<?=$config['main1']?>', endColorstr='<?=$config['main2']?>', GradientType=1 );
}

.wrap-login100 h1 {
	color: <?=$config['heading_colour']?>;
}

.wrap-login100 h2 {
	color: <?=$config['heading_colour']?>;
}

.login100-form-btn {
	background-color: <?=adjustBrightness($config['main1'],0)?>;
}

.login100-form-btn::after {
	background: <?=adjustBrightness($config['main1'],-20)?>;
}
.login100-form-btn[disabled="disabled"]::after,
.login100-form-btn[disabled="disabled"] {
	background: #ccc;
	cursor: not-allowed;
}

.input100:focus {
	border-bottom: 2px solid <?=$config['main1']?> !important;
}

.overlay-colour {
	background-color: <?=$config['main2']?>;
}

.overlay-colour-alt {
	background-color: <?=$config['heading_colour']?>;
}

<?php
} else { // Default styling

	$config['main1'] = "#82326B";
	$config['main2'] = "#E20057";
?>


.sidebar-nav > ul > li > a.active i, .sidebar-nav > ul > li > a:hover i {
}

.sidebar-nav ul li a.active, .sidebar-nav ul li a:hover {
}

.sidebar-nav li.active {
}

.card-no-border .left-sidebar, .card-no-border .sidebar-nav {
	background: <?=$config['main1']?>;
	background: -moz-linear-gradient(-45deg, <?=$config['main1']?> 0%, <?=$config['main2']?> 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, <?=$config['main1']?>), color-stop(100%, <?=$config['main2']?>));
	background: -webkit-linear-gradient(-45deg, <?=$config['main1']?> 0%, <?=$config['main2']?> 100%);
	background: -o-linear-gradient(-45deg, <?=$config['main1']?> 0%, <?=$config['main2']?> 100%);
	background: -ms-linear-gradient(-45deg, <?=$config['main1']?> 0%, <?=$config['main2']?> 100%);
	background: linear-gradient(135deg, <?=$config['main1']?> 0%, <?=$config['main2']?> 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='<?=$config['main1']?>', endColorstr='<?=$config['main2']?>', GradientType=1 );
}

.sidebar-nav > ul > li > a.active, .sidebar-nav > ul > li > a:hover {
	border-left: 3px solid #eb689c;
}

.sidebar-nav > ul > li > a.active i, .sidebar-nav > ul > li > a:hover i {
	color: #FFF !important;
}

.sidebar-nav > ul > li > a.active {
	background: transparent !important;
}

.sidebar-nav li.active {
	background: rgba(255,255,255,.2) !important;
}

.card-no-border .sidebar-footer {
	background: #444;
}

.color-table.info-table thead th {
	background-color: #C20167;
}

.text-themecolor {
	color: #82326B !important;
}


.card-outline-info .card-header {
	background: #82326B;
	border-color: #82326B;
}


.wrap-login100 h1 {
	color: <?=$config['heading_colour']?>;
}

.wrap-login100 h2 {
	color: <?=$config['heading_colour']?>;
}

.login100-form-btn {
	background-color: <?=adjustBrightness($config['main1'],0)?>;
}

.login100-form-btn::after {
	background: <?=adjustBrightness($config['main1'],-20)?>;
}
.login100-form-btn[disabled="disabled"]::after,
.login100-form-btn[disabled="disabled"] {
	background: #ccc;
	cursor: not-allowed;
}

.input100:focus {
	border-bottom: 2px solid <?=$config['main1']?> !important;
}

<?php
}
?>