jQuery(function($){
  $('.paycal-color').wpColorPicker();

  var frame;
  $('#paycal_logo_pick').on('click', function(e){
    e.preventDefault();
    if (frame) { frame.open(); return; }
    frame = wp.media({
      title: 'בחר לוגו',
      button: { text: 'בחר' },
      multiple: false
    });
    frame.on('select', function(){
      var att = frame.state().get('selection').first().toJSON();
      $('#paycal_logo_id').val(att.id);
      $('.paycal-logo-preview').html('<img src="'+att.url+'" alt="logo" />');
    });
    frame.open();
  });

  $('#paycal_logo_clear').on('click', function(e){
    e.preventDefault();
    $('#paycal_logo_id').val('0');
    $('.paycal-logo-preview').html('<span class="paycal-muted">אין לוגו</span>');
  });
});
