import $ from 'jquery';
global.$ = $;

import '../css/app.scss';
import 'bootstrap';
import 'font-awesome/css/font-awesome.css';
import 'jquery-ui/themes/base/all.css';
import 'jquery-ui/ui/widgets/autocomplete';
import 'bootstrap-notify/bootstrap-notify';
import 'animate.css/animate.css';
import 'bootstrap-star-rating';
import 'bootstrap-star-rating/css/star-rating.css';
import 'bootstrap-star-rating/themes/krajee-fa/theme';
import 'bootstrap-star-rating/themes/krajee-fa/theme.css';

$(document).ready(function() {
    $(function() {
        $('[data-toggle="tooltip"]').tooltip();

        $('[data-toggle="notify"]').each(function() {
            $.notify({
                message: $(this).data('message')
            },{
                type: $(this).data('type'),
                animate: {
                    enter: 'animated fadeInRight',
                    exit: 'animated fadeOutRight'
                },
                delay: 4000,
                offset: {
                    x: 15,
                    y: 70
                }
            })
        })
    })
})