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

require ('laravel-elixir-remove')

elixir (function (mix) {
	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')
			.sass ([
				'admin/**/!(_imports|_variables|*-theme)*.scss',
				'../admin/css'
			], 'public/css/admin/' + outputName, null, {includePaths: ['bower_components', 'resources/assets/sass/admin']})
	})

	// 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',
			'../node_modules/bootstrap-datepicker/dist/js/bootstrap-datepicker.js',
			'../resources/assets/admin/js/*.js',
		], 'public/js/vendor.js', 'bower_components')
		.copy ('bower_components/font-awesome/css/font-awesome.min.css', 'public/css')
		.copy ('node_modules/bootstrap-datepicker/dist/css/bootstrap-datepicker.css', 'public/css')
		.copy ('bower_components/font-awesome/fonts', 'public/fonts')
		.sass (['bootstrap/bootstrap.scss'], 'public/css/admin/bootstrap.css')
		.styles ([
			'../../../public/css/admin/bootstrap.css',
			'../../../public/css/bootstrap-datepicker.css',
			'../../../bower_components/animate.css/animate.css',
		], 'public/css/admin/style.css')
		.remove ('public/css/admin/theme.scss');
});