$(function(){

  $('[name="confirm"]').click(function(){
    $("#myForm").validate({
      rules:{
                'p[1][i]':{ required:true },
        'p[1][zen]':{ required:true },
        'p[1][nyu][]':{ required:true },
        'p[1][shikyu]':{ required:true },
                'p[2][i]':{ required:true },
        'p[2][zen]':{ required:true },
        'p[2][nyu][]':{ required:true },
        'p[2][shikyu]':{ required:true },
                'p[3][i]':{ required:true },
        'p[3][zen]':{ required:true },
        'p[3][nyu][]':{ required:true },
        'p[3][shikyu]':{ required:true },
                'p[4][i]':{ required:true },
        'p[4][zen]':{ required:true },
        'p[4][nyu][]':{ required:true },
        'p[4][shikyu]':{ required:true },
                'p[5][i]':{ required:true },
        'p[5][zen]':{ required:true },
        'p[5][nyu][]':{ required:true },
        'p[5][shikyu]':{ required:true },
                'p[6][i]':{ required:true },
        'p[6][zen]':{ required:true },
        'p[6][nyu][]':{ required:true },
        'p[6][shikyu]':{ required:true },
                'p[7][i]':{ required:true },
        'p[7][zen]':{ required:true },
        'p[7][nyu][]':{ required:true },
        'p[7][shikyu]':{ required:true },
                'p[8][i]':{ required:true },
        'p[8][zen]':{ required:true },
        'p[8][nyu][]':{ required:true },
        'p[8][shikyu]':{ required:true },
                'p[9][i]':{ required:true },
        'p[9][zen]':{ required:true },
        'p[9][nyu][]':{ required:true },
        'p[9][shikyu]':{ required:true },
                'p[10][i]':{ required:true },
        'p[10][zen]':{ required:true },
        'p[10][nyu][]':{ required:true },
        'p[10][shikyu]':{ required:true },
                'send':{ required:true },
      },
      errorPlacement: function(error, element) {
        if (element.attr('type') == 'radio' || element.attr('type') == 'checkbox') {
          error.insertBefore(element.parents('dd'));
        } else {
          error.insertAfter(element);
        }
      }
    }).form();
  });

  //カテゴリ選択 ---------------------
  $('input[name="cat"]').change(function(){
    var val = $(this).val();
    $('#con').hide();
    $('input[name="max"]').val(1);
    getContents(val);
  });


  //複数データ選択 ---------------------
  $(document).on("click", 'input[name="add"]', function () {
    var cat = $('input[name="cat"]:checked').val();
    var num = parseInt($('input[name="max"]').val()) + 1;
    $('input[name="max"]').val(num);
    getSubContents(cat,num);
    if (num == 10) $('input[name="add"]').fadeOut();
  });

});

//カテゴリ選択 ---------------------
function getContents(cat,num = 1) {
  $.ajax({
    type: "POST",
    cache: false,
    url: "./ajaxData.php",
    data: {mode : 'con', cat : cat, num : num},
    dataType:'html'
  }).done(function( data ) {
    $('#con').html(data).fadeIn();
  }).fail( (jqXHR, textStatus, errorThrown) => {
    alert('通信に失敗しました。');
  });

  $('.submit').removeClass('hide');
}

//送付先 ---------------------
function getSubContents(cat,num) {
  $.ajax({
    type: "POST",
    cache: false,
    url: "./ajaxData.php",
    data: {mode : 'sub', cat : cat, num : num},
    dataType:'html'
  }).done(function( data ) {
    $('#person').append(data);
  }).fail( (jqXHR, textStatus, errorThrown) => {
    alert('通信に失敗しました。');
  });

}