{include file='include/colorbox.inc.tpl'}
{include file='include/add_album.inc.tpl'}
{combine_script id='jquery.ajaxmanager' load='footer' path='themes/default/js/plugins/jquery.ajaxmanager.js'}
{combine_script id='jquery.jgrowl' load='footer' require='jquery' path='themes/default/js/plugins/jquery.jgrowl_minimized.js'}
{combine_css path="admin/themes/default/uploadify.jGrowl.css"}

{footer_script require='jquery.ajaxmanager,jquery.jgrowl'}
/* global vars */
var errorHead   = '{'ERROR'|@translate|@escape:'javascript'}';
var errorMsg    = '{'an error happened'|@translate|@escape:'javascript'}';
var successHead = '{'Success'|@translate|@escape:'javascript'}';

var import_done = 0;
var import_selected = {$nb_elements};
var queuedManager = jQuery.manageAjax.create('queued', {ldelim}
  queue: true,  
  maxRequests: 1
});

{literal}
/* import queue */
function performImport(photo, album, fills, pwa_album) {
  queuedManager.add({
    type: 'GET',
    dataType: 'json',
    url: 'ws.php',
    data: { method: 'pwg.images.addPicasa', id: photo, category: album, fills: fills, pwa_album: pwa_album, format: 'json' },
    success: function(data) {
      if (data['stat'] == 'ok') {
        jQuery.jGrowl(data['result'], { theme: 'success', header: successHead, life: 4000, sticky: false });
      } else {
        jQuery.jGrowl(data['result'], { theme: 'error', header: errorHead, sticky: true });
      }
      
      import_done++;
      $("#progress").html(import_done +"/"+ import_selected);
      
      if (import_done == import_selected) {
        $("#import_form").append('<input type="hidden" name="done" value="' + import_done + '">');
        $("#import_form").submit();
      }
    },
    error: function(data) {
      jQuery.jGrowl(errorMsg, { theme: 'error', header: errorHead, sticky: true });
    }
  });
}


$(document).ready(function() {
  var all_elements = {/literal}{$all_elements}{literal};
  
  /* begin import */
  jQuery('#beginImport').click(function() {
    $("#loader_import").fadeIn();
    
    if ($("input[name='album_mode']:checked").val() == 'identical') {
      album = "<!-- create -->";
    } else {
      album = $("#albumSelect option:selected").val();
    }
    
    var fills = '';
    $("input[name^='fill_']:checked").each(function() {
      fills+= $(this).attr("name") +',';
    }); 
    
    import_selected = all_elements.length;
    $("#progress").html("0/"+ import_selected);
    
    for (var i in all_elements) {
      performImport(all_elements[i]['id'], album, fills, all_elements[i]['album']);
    }
    
    return false;
  });
  
  /* album mode */
  $("input[name='album_mode']").change(function() {
    if ($(this).val() == 'one_album') {
      $("#albumSelectWrapper").slideDown();
    } else {
      $("#albumSelectWrapper").slideUp();
    }
  });
});
{/literal}
{/footer_script}

<form action="{$F_ACTION}" method="post" id="import_form">

  <fieldset>
    <legend>{'Selection'|@translate}</legend>

  {if $nb_elements}
    {'%d elements ready for importation'|@translate|@sprintf:$nb_elements}
  {else}
    <div>{'No photo in the current set.'|@translate}</div>
  {/if}
  </fieldset>
  
  <fieldset>
    <legend>{'Import options'|@translate}</legend>
    
    <p>
      <label><input type="radio" name="album_mode" value="identical" checked="checked"> {'Reproduce Google albums'|@translate}</label><br>
      <label><input type="radio" name="album_mode" value="one_album"> {'Import all photos in this album'|@translate} :</label>
    </p>

    <p id="albumSelectWrapper" style="display:none;">
      <select style="width:400px" name="associate" id="albumSelect" size="1">
        {html_options options=$category_parent_options}
      </select>
      {'... or '|@translate}<a href="#" class="addAlbumOpen" title="{'create a new album'|@translate}">{'create a new album'|@translate}</a>
    </p>
    
    <p>
      <b>{'Fill these fields from Google datas'|@translate}:</b>
      <label><input type="checkbox" name="fill_name" checked="checked"> {'Photo name'|@translate}</label>
      <label><input type="checkbox" name="fill_author" checked="checked"> {'Author'|@translate}</label>
      <label><input type="checkbox" name="fill_tags" checked="checked"> {'Tags'|@translate}</label>
      <label><input type="checkbox" name="fill_taken" checked="checked"> {'Creation date'|@translate}</label>
      <label><input type="checkbox" name="fill_description" checked="checked"> {'Description'|@translate}</label>
    </p>
    
    <p>
      <input type="submit" name="import_set" id="beginImport" value="{'Begin transfer'|@translate}" {if not $nb_elements}style="display:none;"{/if}>
      <span id="loader_import" style="display:none;"><img src="admin/themes/default/images/ajax-loader.gif"> <i>{'Processing...'|@translate}</i> <span id="progress"></span></span>
    </p>
  </fieldset>
</form>