(function($) {
  $(document).ready(function() {
    if (window.location.pathname.indexOf('/identification') == window.location.pathname.length-15) {
      addForm();
      if (window.location.hash == '#form') window.location.hash = 'form';
    }
  });
  
  function addForm() {
    var _ = '';
    if (window.location.pathname.indexOf('/en') == 0) _ = '<h2 style="padding-top: 20px;" id="form">Insert a new bottleneck</h2><form id="kip-form">'+
      '<div><label>* Name and surname(Company name):</label><input type="text" required="required" value="" name="form[name]" class="input-text"></div>'+
      '<div><label>* The description of the identified bottleneck:</label><textarea rows="6" required="required" name="form[desc]" class="input-textarea"></textarea></div>'+
      '<div><label>* Problems caused by the bottleneck:</label><textarea rows="6" required="required" name="form[problem]" class="input-textarea"></textarea></div>'+
      '<div><label>* The proposed measures for solving the bottleneck:</label><textarea rows="6" required="required" name="form[measure]" class="input-textarea"></textarea></div>'+
      '<div><label>* Organizations that need to be invovled:</label><textarea rows="6" required="required" name="form[involved]" class="input-textarea"></textarea></div>'+
      '<div><label>* An example of successful solving of this kind of a bottleneck:</label><textarea rows="6" required="required" name="form[example]" class="input-textarea"></textarea></div>'+
      '<div><input type="button" value="Submit" name="Submit" class="input-button transition-05"></div>'+
    '</form><br />An overview of collected bottlenecks is <a href="kip_bottlenecks">here</a>';

    else _ = '<h2 style="padding-top: 20px;" id="form">Unesite novo usko grlo</h2><form id="kip-form">'+
      '<div><label>* Ime i prezime (Naziv tvrtke):</label><input type="text" required="required" value="" name="form[name]" class="input-text"></div>'+
      '<div><label>* Opis identificiranog uskog grla:</label><textarea rows="6" required="required" name="form[desc]" class="input-textarea"></textarea></div>'+
      '<div><label>* Problemi uzrokovani uskim grlom:</label><textarea rows="6" required="required" name="form[problem]" class="input-textarea"></textarea></div>'+
      '<div><label>* Prijedlog mjera za rješavanje uskog grla:</label><textarea rows="6" required="required" name="form[measure]" class="input-textarea"></textarea></div>'+
      '<div><label>* Organizacije koje je potrebno uključiti:</label><textarea rows="6" required="required" name="form[involved]" class="input-textarea"></textarea></div>'+
      '<div><label>* Primjer uspješnog rješavanja ovakvog uskog grla:</label><textarea rows="6" required="required" name="form[example]" class="input-textarea"></textarea></div>'+
      '<div><input type="button" value="Submit" name="Submit" class="input-button transition-05"></div>'+
    '</form><br />Pregled prikupljenih uskih grla nalazi se <a href="kip_bottlenecks">ovdje</a>';
    $('#content .content').append(_);
    $('#kip-form .input-button').click(function() {
      var form = $('#kip-form');
      form.find('.form-required').removeClass('form-required');
      form.find('[required]').each(function() {
        if ($(this).val() == '') $(this).addClass('form-required');
      });
      if (form.find('.form-required').length > 0) return;
      $.ajax({ type: "POST", url: lms.ajax_url, data: { action: 'ajax', ref: 'kip_bottlenecks/add', data: form.serializeJSON() }, dataType: "json", 
        success: function(data) {
          form.fadeOut(function() {
            form.html('<h3>Zahvaljujemo se. Vaši podaci su poslani.<br />You can view submitted info <a href="kip_bottlenecks">here.</a></h3><br/><h3>Thanks for submitting the form!<br/> You can view submitted info <a href="kip_bottlenecks">here.</a></h3>');
            form.fadeIn();
          });
        }
      });
    });
  }
  
})(jQuery);