var trialDates = JSON.parse('[[[]]]');var trialDatesEvId = JSON.parse('[[[]]]');
$(function() {
    $e = $("#date01ra");
    $iGrade = $("input[name=grade]");
    
    // 学年選択注意事項
    $('#grade_note').text('※' + (new Date).getFullYear() + '年4月時点の学年を選択してください。');
    
    // 送信ボタンを隠す（CF7 add confirm の step2 でも隠れたままになるように）
    $submit = $('form input[type=submit].wpcf7-submit');
    $submit.css('display','none');
    
    // DP初期設定・全日付選択無効化（学年選択時に都度有効化）
    $.datepicker.setDefaults($.datepicker.regional["ja"]);
    $e.datepicker( { 
              firstDay: 0,
              minDate: '$date', 
              beforeShowDay: function(date) { return false; }
    } );
    
    // 学年選択時と、確認フェーズ後に戻ってきた場合のDP処理
    $iGrade.on('click backBtnClicked', function( event ) {
        
        raGrade = ($(this).val().charAt(2) > 2) ? 'Secondary' : 'Primary' ;
        
        if ( event.type != 'backBtnClicked' ) { // 学年変更時は入力内容をリセット
            $e.datepicker("destroy");
            $e.val('');
            $e.closest('.dpgrp').find('select option').remove();
            $e.closest('.dpgrp').find('select').append('<option value="">時間帯</option>');
        }

        $e.datepicker( {
              firstDay: 0,
              dateFormat: 'yy/mm/dd',
              minDate: '$date', 
              beforeShowDay : function(date) { 
              var dateFormat   = 'yy/mm/dd';
            var ableDate = $.datepicker.formatDate(dateFormat, date);
            return [( Object.keys(trialDates[raGrade]).indexOf(ableDate) != -1 ), "", ""]; // 一致でTRUE
          }
        });
    });
    
    $e
        .attr('readonly',true) 
        .change(function(){
            $(this).closest('.dpgrp').find('select option').remove();
            $(this).closest('.dpgrp').find('select').append('<option value="">時間帯</option>');
            var dt = $(this).val();
            for ( var i = 0; i < trialDates[raGrade][dt].length; i++ ) {
                $(this).closest('.dpgrp').find('select').append(
                    '<option id="' + trialDatesEvId[raGrade][dt][i] +
                    '" value="' + trialDates[raGrade][dt][i] + '">'
                     + trialDates[raGrade][dt][i] + '</option>'
                );
            }
    });
    
    // 確認ボタン押下後はDPを無効化
    $('input.wpcf7c-btn-confirm').on('click', function(){
        // Only confirm phase, not for including errors
        setTimeout(function() {
            if ( $('input.wpcf7c-btn-confirm').hasClass('wpcf7c-force-hide') ) {
                $e.datepicker('destroy'); 
            }
        }, 2000); // wait 2 sec for changing class
    } );
    
    // 入力に戻った場合はDPを再び有効化
    $('input.wpcf7c-btn-back').on('click', function(){
        $iGrade.trigger('backBtnClicked');
    } );

});

$(function(){
    $('form input.dummy-submit').on('click', function() {
        $('input.dummy-submit').prop('disabled',true);
        var id = $('#date01ra').closest('.dpgrp').find('select option:selected').attr('id');
        //alert(id);
        $.post("../common/schedule/control_datepicker_ra.php", "decre_id=" + id )
        .done(function(data){
            if (data) {
                alert(data);
                $('input.dummy-submit').prop('disabled',false);
            } else {
                $submit.trigger('click');
            }
        });
    });
});