$(document).on('turbolinks:load', function(){
    if ($('body.admins-competition-settings-index-page').length > 0) {

        var dateOptions = {
            autoclose: true,
            language: 'zh-CN',
            format: 'yyyy-mm-dd',
            startDate: '2017-04-01'
        };

        var timeOptions = {
            autoclose: true,
            language: 'zh-CN',
            format: 'yyyy-mm-dd hh:ii:ss',
            minuteStep: 30
        };

        var defineDateRangeSelect = function (element) {
            var options = $.extend({inputs: $(element).find('.start-date, .end-date')}, dateOptions);
            $(element).datepicker(options);

            $(element).find('.start-date').datepicker().on('changeDate', function (e) {
                $(element).find('.end-date').datepicker('setStartDate', e.date);
            });
        };

        // var defineTimeRangeSelect = function (element) {
        //     var options = $.extend({inputs: $(element).find('.start-date, .end-date')}, timeOptions);
        //     $(element).datetimepicker(options);
        //
        //     $(element).find('.start-date').datetimepicker().on('changeDate', function (e) {
        //         $(element).find('.end-date').datetimepicker('setStartDate', e.date);
        //     });
        // };

        defineDateRangeSelect('.teaching-mode-date');
        defineDateRangeSelect('.competition-start-end-date');

        var $basicForm = $('form.basic-setting-form');

        $basicForm.validate({
            errorElement: 'span',
            errorClass: 'danger text-danger',
            rules: {
                name: "required",
                subTitle: "required",
                startTime: "required",
                endTime: "required",
                mode: "required",
                identifier: "required"
            }
        });

        // 保存按钮
        $basicForm.on('click', ".submit-btn", function () {
            $basicForm.find('.submit-btn').attr('disabled', 'disabled');
            $basicForm.find('.error').html('');
            var valid = $basicForm.valid();

            if ($("input[name='mode'[checked]]").val() == 2) {
                var $courseId = $("input[name='course_id'");
                if ($courseId.val() === undefined || $course_id.val().length === 0) {
                    $courseId.addClass('danger text-danger');
                    valid = false;
                } else {
                    $courseId.removeClass('danger text-danger');
                }
            } else if ($("input[name='mode'[checked]]").val() == 4) {
                var $techStartTime = $("input[name='teach_start_time'");
                var $techEndTime = $("input[name='teach_end_time'");
                if ($techStartTime.val() === undefined || $techStartTime.val().length === 0) {
                    $techStartTime.addClass('danger text-danger');
                    valid = false;
                } else {
                    $techStartTime.removeClass('danger text-danger');
                }

                if ($techEndTime.val() === undefined || $techEndTime.val().length === 0) {
                    $techEndTime.addClass('danger text-danger');
                    valid = false;
                } else {
                    $techEndTime.removeClass('danger text-danger');
                }
            }

            if (!valid) return;
            $.ajax({
                method: 'PUT',
                dataType: 'json',
                url: $basicForm.attr('action'),
                data: new FormData($basicForm[0]),
                processData: false,
                contentType: false,
                success: function (data) {
                    $.notify({message: '保存成功'});
                    // window.location.reload();
                },
                error: function (res) {
                    var data = res.responseJSON;
                    $form.find('.error').html(data.message);
                },
                complete: function () {
                    $form.find('.submit-btn').attr('disabled', false);
                }
            });
        });
    }
});