var elixir = require ('laravel-elixir');

elixir (function (mix) {

	// vendor files
	mix
		.scripts ([
			'jquery/dist/jquery.min.js',
			'tether/dist/js/tether.min.js',
			'bootstrap/dist/js/bootstrap.min.js',
			'responsive-bootstrap-toolkit/dist/bootstrap-toolkit.js',
			'metisMenu/dist/metisMenu.min.js',
			'tinycolor/dist/tinycolor-min.js',
			'chart.js/dist/Chart.bundle.min.js',
			'jquery.are-you-sure/jquery.are-you-sure.js',
			'../resources/assets/admin/js/app.js',
		], 'public/js/vendor.js', 'bower_components');

	var defaultColor = "green";
	var colors = ["blue", "seagreen", 'orange', "green", 'purple', 'red'];
	var outputName;
	colors.forEach (function (color) {
		outputName = color == defaultColor ? 'app.css' : 'app-' + color + ".css";
		mix.copy ('resources/assets/sass/admin/_themes/' + color + '-theme.scss', 'public/css/admin/theme.scss');
		mix.sass ([
			'admin/**/!(_imports|_variables|*-theme)*.scss',
			'../admin/css/custom.css'

		], 'public/css/admin/' + outputName, null, {includePaths: ['bower_components', 'resources/assets/sass/admin']});
	})

	mix.copy ('bower_components/font-awesome/css/font-awesome.min.css', 'public/css');
	mix.copy ('bower_components/font-awesome/fonts', 'public/fonts');
	mix.sass (['bootstrap/bootstrap.scss'], 'public/css/admin/bootstrap.css');
	mix.styles ([
		'../../../public/css/admin/bootstrap.css',
		'../../../bower_components/animate.css/animate.css',
	], 'public/css/admin/style.css');
});