% layout 'default', metakeywords => 'experiencias', metadescription => 'Mensagens das Pessoas que Passeiaram com a Agencia Minas Trilhas Gerais';
<p>Eu fui. Você foi? Quer compartilhar com todos a sua experiência?</p>
<p>Então é só preencher o formulário abaixo!</p>
<p>Seria ótimo se você pudesse falar do que você gostou no seu passeio e também enviar fotos com uma pequena descrição.</p>

<div id="contactform" class="centered">
	%if(!stash->{mailsentok} || stash->{mailsentok}==0){
 	%if(stash->{form_error_string}){
		<p class="sentmessageerror">Por favor entre um email valido, um nome, uma cidade e uma mensagem (<%=stash->{form_error_string}%>).</p>
    %}elsif(stash->{form_error_send}){
		<p class="sentmessageerror">Sua mensagem não pude ser enviada (<%=stash->{form_error_send}%>). Por favor tenta novamente.</p>
    %}
	<form method="post">
	    <p class="name">
	        <input type="text" name="name" id="name" 
	        %if(stash->{form_error_field} && stash->{form_error_field} eq 'name'){
	        class="error"
	        %}
	        %if(stash->{form_name}){
	        value="<%=stash->{form_name}%>" 
	        %}else{
	        value="nome" 
	        %}
	        onblur="if (this.value == '') {this.value = 'nome';}"  onfocus="if (this.value == 'nome') {this.value = '';}"/>
	    </p>
	    <p class="email">
	        <input type="text" name="email" id="email" 
	        %if(stash->{form_error_field} && stash->{form_error_field} eq 'email'){
	        class="error"
	        %}
	        %if(stash 'form_email'){
	        value="<%=stash->{form_email}%>" 
	        %}else{
	        value="email" 
	        %}
	        onblur="if (this.value == '') {this.value = 'email';}"  onfocus="if (this.value == 'email') {this.value = '';}"/>
	    </p>
	    <p class="city">
	        <input type="text" name="city" id="city" 
	        %if(stash->{form_error_field} && stash->{form_error_field} eq 'city'){
	        class="error"
	        %}
	        %if(stash 'form_city'){
	        value="<%=stash->{form_city}%>" 
	        %}else{
	        value="cidade" 
	        %}
	        onblur="if (this.value == '') {this.value = 'cidade';}"  onfocus="if (this.value == 'cidade') {this.value = '';}"/>
	    </p>
	    <p class="message">
	    	%my $class = '';
	        %if(stash->{form_error_field} && stash->{form_error_field} eq 'message'){
	        	%$class = 'error';
	        %}
	        %if(stash 'form_message'){
	        <textarea name="message" id="message" class="<%=$class%>" onblur="if (this.value == '') {this.value = 'mensagem';}"  onfocus="if (this.value == 'mensagem') {this.value = '';}"><%=stash->{form_message}%></textarea>
	        %}else{
	        <textarea name="message" id="message" class="<%=$class%>" onblur="if (this.value == '') {this.value = 'mensagem';}"  onfocus="if (this.value == 'mensagem') {this.value = '';}">mensagem</textarea>
	        %}
	    </p>

<script src="common.js" type="text/javascript"></script>
<script src="uploader.js" type="text/javascript"></script>
<div id="file-uploading-area"></div>
<!--<div id="uploadmsg"></div>-->
<script>
var ajax = null;
function ajaxUseResponse() {
  if (ajax.readyState == 4) {
    var area = document.getElementById('uploadmsg');
    area.innerHTML = ajax.responseText;
    ajax.abort();
    ajax = null;
  }
}
function ajaxSendRequest(action,param) {
  ajax = new XMLHttpRequest();
  ajax.open("POST", '/upload?' + action + "=" + escape(param), true); // no need to escape the id in fact...
  ajax.setRequestHeader("X-Requested-With", "XMLHttpRequest"); // let's be doing things right!
  ajax.onreadystatechange = ajaxUseResponse;
  ajax.send(null);
}
function forceResize(){
	var evt = document.createEvent('UIEvents');
	evt.initUIEvent('resize', true, false,window,0);
	window.dispatchEvent(evt);
}
function createUploader(){
    var uploader = new qq.FileUploader({
    action: '/upload',
    element: document.getElementById('file-uploading-area'),
    encoding: 'multipart',
    multiple: 2,
    maxConnections: 1, // may only be one in order for our engine not to deal with re-entrant code...
    autoUpload: true,
    allowedExtensions: ['jpg','jpeg'],
    acceptFiles: 'image/*',
    sizeLimit: <%= config->{upload}->{maxbytes} %>,
    minSizeLimit: <%= config->{upload}->{minbytes} %>,
    onComplete: function(id, fileName, result, responseJSONText){
        if(responseJSONText.match(/"success": true/))
            ajaxSendRequest('uploadok',id);
        else
            ajaxSendRequest('uploadfail',id);
        forceResize();
    },
    onCancel: function(id, fileName){
        ajaxSendRequest('uploadcancel',id);
        forceResize();
    },
    introText: 'fotos - jpeg, máximo de duas fotos com até 5 MB',
    uploadButtonText: 'clique aqui para selecionar arquivos...',
	dragText: 'ou: selecione arquivos, arraste-os e solte-os nesta área...',
    cancelButtonText: 'Cancelar',
    failUploadText: 'Erro',
    multipleFileDropNotAllowedMessage: 'Numero de arquivos maximo',
    messages: {
        typeError: "A extensao do arquivo {file} e invalida. As extensoes permitidas sao: {extensions}.",
        sizeError: "O tamanho do arquivo {file} e maior do que o maximo permitido: {sizeLimit}.",
        minSizeError: "O tamanho do arquivo {file} e menor do que o minimo permitido: {minSizeLimit}.",
        emptyError: "O arquivo {file} e vazio, por favor seleciona um outro arquivo.",
        noFilesError: "Nenhum arquivo a processar.",
        onLeave: "Os arquivos estao sendo enviados agora, voce realmente quer cancelar o envio?"
    }
    });
    //var el = document.getElementById('uploadnow');// div in question 
    //el.onclick = function(event){
    //    uploader.uploadStoredFiles();
    //} 
}        
// creates uploading area as soon as the DOM is ready (don't wait for the window to load)  
window.onload = createUploader;
</script>	    
	    <p class="submit">
	        <input type="submit" value="Enviar"/>
	    </p>
	</form>
%}else{ # stash->{mailsentok}==1
%if(!stash->{statusmsg}){
	<p class="sentmessageok">Obrigado pela contribuição!<br>Sua mensagem será avaliada e deveria ser publicada logo neste site!<br></p> 
%}else{
	<p class="sentmessageok">Moderação completada!<br><%=stash->{statusmsg}%><br></p>
%}
%}
</div> <!-- contactform -->

<div id="eufuicontainer">
%my $eufuis = eufui(0);
%foreach my $ef (reverse @{$eufuis}){ # last post at the top
<div class="eufui">
<div class="eufuiheader"><p><%=strdbdate2humandate $ef->{date}%> - <%=$ef->{formname}%> de <%=$ef->{formcity}%></p></div>
<div class="eufuimessage"><p><%=$ef->{formmessage}%></p></div>
%my $galprefix = undef;
%foreach my $fid (keys %{$ef->{fotos}}){
%$ef->{fotos}->{$fid}->{filename} =~ m/img\/(eufui\/\d\d\d\d\/\d\d\/(.*)\d\d\d-\d+x\d+\.jpg)$/i;
%if(!$galprefix) { $galprefix = $2; last; } # as we got it at last!  
<!--<p><img src="<%=$1%>" width="150"/></p>-->
%}
%if($galprefix){
<div class="eufuifotos centered">
%= include 'gallerycode', galleryname => $galprefix
</div>
%}
</div>
%}
%#%= dumper stash;
%#%= dumper $eufuis
%#%= dumper $fotos
</div> <!-- #eufuicontainer -->
<p></p>