// $('#id_keyword').select2({
//     width: '250px',
//   });
$('#id_channelName').select2({
    width: '250px',
    closeOnSelect: false
  });
$('#id_ex_channelName').select2({
    width: '250px',
    closeOnSelect: false
  });
$('#id_liverNameId').select2({
    width: '250px',
  });

$("#start_button").on("click", function (event) {

    // キーワード検索で、キーワードが未入力の場合はアラートを表示
    if($("#id_type").val() == '0' && $("#id_keyword").val().trim() === '') {
        event.preventDefault();
        alert("キーワードを入力してください。");
        return;
    }

    // 日付入力フィールドの値を取得
    var startDate = $("#id_search_datatime_start").val();
    var endDate = $("#id_search_datatime_end").val();
    // 日付フォーマットの正規表現パターン
    var dateFormatPattern = /^\d{4}-\d{2}-\d{2} \d{2}:\d{2}:\d{2}$/;

    // 開始日時と終了日時が入力されている場合のみフォーマットをチェック
    if ((startDate && !dateFormatPattern.test(startDate)) || (endDate && !dateFormatPattern.test(endDate))) {
        // フォームの送信を阻止
        event.preventDefault();
        // エラーメッセージを表示
        alert("日付のフォーマットが正しくありません。YYYY-MM-DD HH:MM:SSの形式で入力してください。");
        return;
    }

    $("#start_button").prop("disabled", true);
    $('#loading').show();
    $('form')[0].submit();
});

$(window).on('pageshow', function(event) {
    // ページがキャッシュから読み込まれた場合も処理を実行
    if (event.originalEvent.persisted) {
        $("#start_button").prop('disabled', false); // #start_buttonのdisabledを削除
        $('#loading').hide(); // #loadingを非表示にする
    }
});

var tmpSelected = $('select[id="id_mode"] option[selected]').val();
$('select[id="id_mode"] option:selected').removeAttr('selected');
$('select[id="id_mode"]').val(tmpSelected);

if($("#id_mode").val()=='0'){
    $('#id_search_datatime_start').parent().hide();
    $('#id_search_datatime_start').parent().prev().hide();
    $('#id_search_datatime_end').parent().hide();
    $('#id_search_datatime_end').parent().prev().hide();
}else{
    $('#id_search_datatime_start').parent().show();
    $('#id_search_datatime_start').parent().prev().show();
    $('#id_search_datatime_end').parent().show();
    $('#id_search_datatime_end').parent().prev().show();
}
$("#id_mode").change(function(){
    $('#id_search_datatime_start').parent().toggle();
    $('#id_search_datatime_start').parent().prev().toggle();
    $('#id_search_datatime_end').parent().toggle();
    $('#id_search_datatime_end').parent().prev().toggle();
});

var tmpSelected = $('select[id="id_type"] option[selected]').val();
$('select[id="id_type"] option:selected').removeAttr('selected');
$('select[id="id_type"]').val(tmpSelected);

if($("#id_type").val()=='0'){
    $("#id_type").parent().next().show();
    $("#id_type").parent().next().next().hide();
}else{
    $("#id_type").parent().next().hide();
    $("#id_type").parent().next().next().show();
}
$("#id_type").change(function(){
    $(this).parent().next().toggle();
    $(this).parent().next().next().toggle();
});