<div data-role="header" data-position="fixed" data-tap-toggle="false">
    <a id="favoriteBtn" href="#" class="nav-glyphish-example ui-btn ui-icon-myHome ui-btn-icon-notext ui-btn-left" data-icon="custom"></a>
    <h3 id='titoloRicetta'><%= unescape(ricetta.titolo)%></h3>
    <a id="backBtn" href="#" class="nav-glyphish-example ui-btn ui-icon-myHome ui-btn-icon-notext ui-btn-right" data-icon="custom"></a>
</div>
<div id="contentIngredienti" data-role="content">
    <h1>Ingredienti</h1>    
    <% _.each(ingredienti, function(ingrediente) {
    if(ingrediente.id_tipo_ingredienti == 152)/*Intestazione*/{%>
        <h2 class="intestazione"><%= unescape(ingrediente.note) %></h2>
    <%}else if(ingrediente.id_tipo_ingredienti == 22)/*Nota-Paragrafo*/{%>
        <p class="nota"><%= unescape(ingrediente.note) %></p>
    <%}else{%><li class="ingrediente"><div class="nomeIngrediente"><%= ingrediente.nome_ingrediente %></div><%= ": " + ingrediente.quantita %> <%= ingrediente.unita %><div class="notaIngrediente"> <%= unescape(ingrediente.note) %></div></li><%}}); %>    
    <p style="font-size: xx-small;font-weight: lighter;">La proprietà del materiale pubblicato nel Lievitario , salvo diversa indicazione, è dei rispettivi autori. E’ vietata la ripubblicazione, anche parziale, di tutto il materiale pubblicato nel sito Lievitario senza preventiva autorizzazione scritta.</p>
</div>
<div id="contentProcedimento" data-role="content" style="display: none;">
    <h1>Procedimento</h1>
    <p id='procedimento'><%= ricetta.procedimento%></p>
    <p style="font-size: xx-small;font-weight: lighter;">La proprietà del materiale pubblicato nel Lievitario , salvo diversa indicazione, è dei rispettivi autori. E’ vietata la ripubblicazione, anche parziale, di tutto il materiale pubblicato nel sito Lievitario senza preventiva autorizzazione scritta.</p>
</div>
<div data-role="footer" data-position="fixed" data-tap-toggle="false">
	<div data-role="navbar">
	    <ul>
	        <li><a href="" class="ui-btn-active ui-state-persist">Ingredienti</a></li>
	        <li><a href="">Procedimento</a></li>
	        <!--<li><a href="">Foto</a></li>
	        <li><a href="">Video</a></li>-->
	    </ul>
	</div><!-- /navbar -->
    <% if(ricetta.autore.length > 0){ %>
	<h1 id="autore" style="padding: 0px;">Autore: <%= unescape(ricetta.autore)%></h1>
    <% }if(ricetta.link_fonte.length > 0){ %>
    <h1 id="linkFonte" style="padding: 0px;"><a target="_blank" href="<%= ricetta.link_fonte%>">Link Fonte</a></h1>
    <% }%>
</div>
<div data-role="popup" id="fullPhotoPopupDialog">
    <a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn-a ui-icon-delete ui-btn-icon-notext ui-btn-right">Close</a>
    <div role="main" class="ui-content">        
        <img id="photoFull" src='' style="width: 100%;">
    </div>
</div>
<div data-role="popup" id="popupDialog">
    <div data-role="header">
        <h1>Informazione</h1>
    </div>
    <div role="main" class="ui-content">
        <p style="text-align: center;font-style: italic;">IMPORTANTE<br><br>
            Questa funzionalità è disponibile solo se si è abilitata la Sincronizzazione tramite Facebook o Google.
        </p>
        <p style="text-align: center;">
            <a id="syncBtn" href="#syncView" class="ui-btn ui-corner-all ui-btn-inline ui-shadow ui-icon-custom ui-btn-icon-left">Sincronizza</a>
            <a href="" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-icon-check" data-rel="back">Cancel</a>
        </p>
    </div>
</div>