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

// Require imagemin for image compression
//require('elixir-imagemin');

// Configure public path
elixir.config.publicDir = 'wwwroot';
elixir.config.publicPath = 'wwwroot';

// Configure image compression
elixir.config.img = {
    folder: 'img/komma',
    outputFolder: 'images/komma'
};

/*
 |--------------------------------------------------------------------------
 | Elixir Asset Management
 |--------------------------------------------------------------------------
 |
 | Elixir provides a clean, fluent API for defining some basic Gulp tasks
 | for your Laravel application. By default, we are compiling the Sass
 | file for our application, as well as publishing vendor resources.
 * |
 */

elixir(function (mix) {

    /* Komma website
   ========================================================================== */

    // Handle Sass
    mix.sass(['komma/style.sass'], 'wwwroot/css/komma.css');

    // Handle libraries
    mix.scripts([
        'komma/lib/jquery.js',
        'komma/lib/jquery.history.js',
        'komma/lib/gsap/cssPlugin.min.js',
        'komma/lib/gsap/ScrollToPlugin.js',
        'komma/lib/gsap/easePack.min.js',
        'komma/lib/gsap/jquery.gsap.min.js',
        'komma/lib/gsap/TweenLite.min.js',
        'komma/lib/gsap/TimelineLite.min.js',
        'komma/lib/barba.min.js'
    ],'wwwroot/js/komma/libraries.js');

    // Handle own code
    mix.scripts([
        'komma/barba/transitions/fadeTransition.js',
        'komma/barba/transitions/dripTransition.js',
        'komma/barba/barbaHandler.js',
        'komma/helpers.js',
        'komma/images.js',
        'komma/mapsHandler.js',
        'komma/navigation.js',
        'komma/youtubeHandler.js',
        'komma/browserHandler.js',
        'komma/animationHandler.js',
        'komma/scrollHandler.js',
        'komma/viewport/viewportHandler.js',
        'komma/viewport/viewportAnimations.js',
        'komma/pages/cases.js',
        'komma/pages/process.js',
        'komma/pages/testimonials.js',
        'komma/app.js'
        ],'wwwroot/js/komma/app.js');

    // Compress images
    // elixir(function(mix) {
    //     mix.imagemin({
    //         interlaced: true,
    //         progressive: true,
    //         optimizationLevel: 5,
    //         svgoPlugins: [{removeViewBox: true}]
    //     });
    // });

    // Enable versioning
    mix.version([
        'css/komma.css',
        'js/komma/libraries.js',
        'js/komma/app.js'
    ]);


    /* KMS
    ========================================================================== */

    mix.styles([
        'kms/select.min.css',
        'kms/jquery-ui/jquery-ui.min.css',
        'kms/jquery-ui/jquery-ui.theme.min.css'
    ], 'wwwroot/css/extra-modules.css');

    mix.styles([
        'lib/ngDialog.css'
    ], 'wwwroot/css/lib.css');

    mix.sass(['kms/styles.sass'], 'wwwroot/css/kms.css');

    mix.scripts([
            'kms/jquery-1.11.2.min.js',
            'kms/jquery.watch.js',
            'kms/jquery.ui/jquery-ui.min.js',
            'kms/jquery.inputmask/jquery.inputmask.js',
            'kms/jquery.inputmask/jquery.inputmask.extensions.js',
            'kms/jquery.inputmask/jquery.inputmask.numeric.extensions.js',
            'kms/jquery.inputmask/jquery.inputmask.date.extensions.js'
        ], 'wwwroot/js/kms/jquery-bound.js'
    );

    mix.scripts([
        'kms/ui-select/select.min.js',
        'kms/ui-date/date.js',
        'kms/ui-tree/angular-ui-tree.min.js',
        'kms/ui-bootstrap/ui-bootstrap-custom-0.12.1.min.js',
        'kms/ui-sortable/ui-sortable.js',
        'kms/angular-input-masks/angular-input-masks.js',
        'kms/angular/angular-locale_nl-nl.js'
    ], 'wwwroot/js/kms/ui-bound.js');

    mix.scripts(
        [
            'kms/kms.confirm.js',
            'kms/main.js',
            'kms/kms.js'
        ], 'wwwroot/js/kms/kms.js');

    mix.copy('resources/assets/js/lib/**', 'wwwroot/js/lib');


});