jQuery(document).ready(function(){
     //timecomboBOx show
     jQuery('.rc-datetime-edit').on('click',function(){
         jQuery(this).hide();
         jQuery('.rc-datetime-wrap').slideDown('normal');
         return false;
     });
     // timecomboBOx close
     jQuery('.rc-datetime-update').on('click',function(){

         var year = jQuery('select[name="rc_year"]').val();

         var month = jQuery('select[name="rc_month"]').val();

         var day = jQuery('select[name="rc_day"]').val();
         var hour = jQuery('select[name="rc_hour"]').val();
         var min = jQuery('select[name="rc_minutes"]').val();

         var newDate = new Date(year, month - 1, day, hour, min);
         var now = new Date();
         var flg = false;

         if(newDate.getFullYear() != year || (1 + newDate.getMonth()) != month || newDate.getDate() != day || newDate.getMinutes() != min){

             flg = false;
         } else if (newDate.getTime() < now.getTime()) {
             flg = false;

         } else {

             flg = true;
         }
         if(flg === true){

             jQuery('.rc-datetime-wrap').removeClass('form-invalid');

         } else {
             jQuery('.rc-datetime-wrap').addClass('form-invalid');
             return false;

         }

         jQuery('.rc-datetime > strong').html(year + "/" + month + "/" + day + " @ " + hour + ":" + min);

         jQuery('#rc_year_cr').val(year);
         jQuery('#rc_month_cr').val(month);
         jQuery('#rc_day_cr').val(day);
         jQuery('#rc_hour_cr').val(hour);
         jQuery('#rc_minutes_cr').val(min);
         jQuery('.rc-datetime-wrap').slideUp('normal');
         jQuery('.rc-datetime-edit').show();
         return false;
     });
     // cancel
     jQuery('.rc-datetime-cancel').on('click',function(){
         var year = jQuery('#rc_year_cr').val();
         var month = jQuery('#rc_month_cr').val();
         var day = jQuery('#rc_day_cr').val();
         var hour = jQuery('#rc_hour_cr').val();
         var min = jQuery('#rc_minutes_cr').val();

         jQuery('.rc-datetime > strong').html(year + "/" + month + "/" + day + " @ " + hour + ":" + min);

         jQuery('select[name="rc_year"]').val(year);

         jQuery('select[name="rc_month"]').val(month);

         jQuery('select[name="rc_day"]').val(day);
         jQuery('select[name="rc_hour"]').val(hour);
         jQuery('select[name="rc_minutes"]').val(min);

         jQuery('.rc-datetime-wrap').slideUp('normal');
         jQuery('.rc-datetime-edit').show();
         return false;
     });

     // reservation feature image uploader
     if(jQuery('#rc_feature_image_upload').hasClass('has_image')){
         jQuery('.rc_remove_feature_image').show();

     } else {
         jQuery('.rc_remove_feature_image').hide();

     }

     var rc_feature_uploader;
     jQuery('#rc_feature_image_upload').on('click', function(e){
         e.preventDefault();
         e.stopPropagation();
         var parent = jQuery(this).parents('.rc_feature_image_uploader');
         if( rc_feature_uploader ){
             rc_feature_uploader.open();
             return;
         }
         /** @var object wp recieved form wordpress */
         custom_uploader = wp.media({
             title: "Set featured image for Reservation update",
             button: {
                 text: "Choose Image"
             },
             multiple: false
         });
         custom_uploader.on( "select", function() {
             var image = custom_uploader.state().get( "selection" );
             var preview = jQuery( ".rc-feature-image-preview", parent );
             image.each(function( file ) {
                 jQuery( "#rc_feature_image", parent ).val( file.toJSON().url );
                 var img = jQuery( "img", preview );
                 if ( img.length === 0 ) {
                     preview.append( '<img src="' + file.toJSON().url + '" />' );
                 } else {
                     img.attr( "src", file.toJSON().url );
                 }
                 preview.css( "display", "block" );
             });
         });
         custom_uploader.open();

     });

     // 削除
     jQuery( ".rc_remove_feature_image" ).on( 'click', function( e ) {
         
         e.preventDefault();
         e.stopPropagation();
 
         var parent = jQuery(this).parents( ".rc_feature_image_uploader" );
         jQuery( "#rc_feature_image", parent ).val('');
         var preview = jQuery( ".rc-feature-image-preview", parent );
 
         if (  jQuery( "img", preview ).length > 0 ) {
             jQuery( "img", preview ).remove();
         }
         
     });

     // rollback settings
     jQuery('.rc-rollback-datetime-edit').on('click',function(){
         jQuery(this).hide();
         jQuery('.rc-rollback-datetime-wrap').slideDown('normal');
         return false;
     });
     // edit rollback date
     jQuery('.rc-rollback-datetime-update').on('click', function(){
         var rb_year = jQuery('select[name="rc_rb_year"]').val();
         var rb_month = jQuery('select[name="rc_rb_month"]').val();
         var rb_day = jQuery('select[name="rc_rb_day"]').val();
         var rb_hour = jQuery('select[name="rc_rb_hour"]').val();
         var rb_min = jQuery('select[name="rc_rb_minutes"]').val();
         var rbDate = new Date(rb_year, rb_month - 1, rb_day, rb_hour, rb_min);
         var rb_now = new Date();
         var rb_flg = false;
         if(rbDate.getFullYear() != rb_year || (1 + rbDate.getMonth()) != rb_month || rbDate.getDate() != rb_day || rbDate.getMinutes() != rb_min){
             rb_flg = false;
         } else if (rbDate.getTime() < rb_now.getTime()) {
             rb_flg = false;
         } else {
             rb_flg = true;
         }
         if(rb_flg === true){
             jQuery('.rc-rollback-datetime-wrap').removeClass('form-invalid');
         } else {
             jQuery('.rc-rollback-datetime-wrap').addClass('form-invalid');
             return false;
         }
         jQuery('.rc-rollback-datetime > strong').html(rb_year + "/" + rb_month + "/" + rb_day + " @ " + rb_hour + ":" + rb_min);
         jQuery('#rc_rb_year_cr').val(rb_year);
         jQuery('#rc_rb_month_cr').val(rb_month);
         jQuery('#rc_rb_day_cr').val(rb_day);
         jQuery('#rc_rb_hour_cr').val(rb_hour);
         jQuery('#rc_rb_minutes_cr').val(rb_min);
         jQuery('.rc-rollback-datetime-wrap').slideUp('normal');
         jQuery('.rc-rollback-datetime-edit').show();
     });
     // cancel rollback date
     jQuery('.rc-rollback-datetime-cancel').on('click',function(){
         var rb_year = jQuery('#rc_rb_year_cr').val();
         var rb_month = jQuery('#rc_rb_month_cr').val();
         var rb_day = jQuery('#rc_rb_day_cr').val();
         var rb_hour = jQuery('#rc_rb_hour_cr').val();
         var rb_min = jQuery('#rc_rb_minutes_cr').val();
         jQuery('.rc-rollback-datetime > strong').html(rb_year + "/" + rb_month + "/" + rb_day + " @ " + rb_hour + ":" + rb_min);
         jQuery('select[name="rc_rb_year"]').val(rb_year);
         jQuery('select[name="rc_rb_month"]').val(rb_month);
         jQuery('select[name="rc_rb_day"]').val(rb_day);
         jQuery('select[name="rc_rb_hour"]').val(rb_hour);
         jQuery('select[name="rc_rb_minutes"]').val(rb_min);
         jQuery('.rc-rollback-datetime-wrap').slideUp('normal');
         jQuery('.rc-rollback-datetime-edit').show();
         return false;
     });

 });