{config_load file=$language_path section="general"}
{config_load file=$language_path section="orders"}
<style type="text/css">
    {literal}
    table.shiptable {
	padding: 4px;
    }
    
    table.shiptable tbody tr{
	background-color: #CCC;
    }
    
    table.shiptable tbody tr td{
	vertical-align:top;
	color: #777;
    }
    table.shiptable tbody tr.email_status_unsend td.shippings_id{
	background-image: url('images/uncheck.gif');
	background-repeat: no-repeat;
	width:20px;
    }
    table.shiptable tbody tr.email_status_send td.shippings_id{
	background-image: url('images/check.gif');
	background-repeat: no-repeat;
	width:20px;
    }
    {/literal}
</style>
<script type="text/javascript">
    {literal}
    function get_next_shipping_sendmail_item(){
	if($('table.shiptable tbody tr.email_status_unsend').length <= 0){
	    return 0;
	}
	return $('table.shiptable tbody tr.email_status_unsend').first();
    }
    function start_shipping_sendmail(){
	$('table.shiptable tbody tr.email_status_unsend td input[name="ship_id[]"]').each(function(){
            if(!$(this).prop('checked')){
                $(this).parent().parent().remove();
            }
        });
        process_shipping_sendmail();
    }
    function process_shipping_sendmail(){
	var tr = get_next_shipping_sendmail_item();
	if(typeof tr != 'object'){
	    $('table.shiptable').remove();
	    $('.shipping_sendmail_container p.intro').html('<i>Keine Versandemails zum Verarbeiten</i>');
	    return false;
	}
        const send_url = 'shipping.php?action=send_shipping_emails&id='+$(tr).children('td.shippings_id').attr('id');
	$.ajax({
	   url: send_url,
	   dataType: 'json',
	   success: function(json){
	       if(json.MSG != ''){
		    $('.shipping_sendmail_container').append('<p><i>'+json.MSG+'</i></p>');
		    $(tr).removeClass('email_status_unsend').addClass('email_status_defect');
	       }else{
		    $(tr).removeClass('email_status_unsend').addClass('email_status_send').css('background-color','#FFF');
	       }
		process_shipping_sendmail();
	   },
           error: function( xhr ){
               alert("Cant send email\r\n\r\n"+send_url);
           }
	});
    }
    {/literal}
</script>
<div class="shipping_sendmail_container ui-widget">
    <h3>{$TEXT_SHIPPING_SENDMAIL_TITLE}</h3>
    <p class="intro">{$TEXT_SHIPPING_SENDMAIL_INTRO}</p>
    <input type="button" value="Start" class="ui-button ui-corner-all ui-state-highlight" onclick="start_shipping_sendmail();" />
    <table border="0" class="shiptable">
	<thead class="ui-widget-header">
	    <tr>
                <th>&nbsp;</th>
		<th>Versendet</th>
		<th>{#order#} / {#reclamation#}</th>
		<th>{#name#}</th>
		<th>{#shipper#}</th>
		<th>{#email_address#}</th>
	    </tr>
	</thead>
	<tbody class="ui-widget-content">
	    {foreach from=$data item=ship}
	    <tr class="email_status_unsend">
                <td><input type="checkbox" name="ship_id[]" value="{$ship.id}" checked="checked" /></td>
		<td id="{$ship.id}" class="shippings_id"></td>
                <td class="orders_id">{if $ship.orders_id > 0}{$ship.orders_id}{else}<span style="color: green;">R{$ship.reclamations_id}</span>{/if}</td>
		<td>{$ship.name}</td>
		<td>{$ship.shipper}</td>
		<td>{$ship.email}</td>
	    </tr>
	    {/foreach}
	</tbody>
    </table>
</div>