jQuery(function($) {
  $('.quotebox-social').each(function(i, e) {
    var $this = $(this);
    var $trigger = $this.find('.quotebox-social__trigger');
    var $form = $this.find('.form');
    var $input = $form.find('input[type="text"]');
    var $hidden = $form.find('input[name="postalCode"]');
    var $close = $form.find('.quotebox-social__close');
    var formId = 'quotebox-form-' + (i + 1);

    $form.attr('id', formId);
    $trigger.attr('aria-controls', formId);
    $close.attr('aria-controls', formId);

    $this.find('input[name="lang"]').val($('body').hasClass('i18n-fr') ? 'fr' : 'en');

    $input.change(function() {
      $hidden.val($input.val());
    });

    $trigger.click(function(e) {
      toggleQuotebox(e);
    });

    $close.click(function(e) {
      toggleQuotebox(e);
    });

    var toggleQuotebox = function(e) {
      e.stopPropagation();

      $this = $(e.target);

      var expanded = $this.attr('aria-expanded') == 'true';

      $trigger.attr('aria-expanded', !expanded);
      $close.attr('aria-expanded', !expanded);
      $form.toggleClass('form--expanded')
        .attr('aria-hidden', expanded);
    };
  });
});