## -*- coding: utf-8 -*-

<%inherit file="root.html"/>

<!-- HEADER -->

<div id="header">

    <!-- user -->

    <ul id="logged-user">

         <li class="first">

			<div id="quick_login" style="display:none">

			${h.form(h.url('login_home',came_from=h.url.current()))}

			<div class="form">

			    <div class="fields">

			        <div class="field">

			            <div class="label">

			                <label for="username">${_('Username')}:</label>

			            </div>

			            <div class="input">

			                ${h.text('username',class_='focus',size=40)}

			            </div>

			        </div>                     

			        <div class="field">

			            <div class="label">

			                <label for="password">${_('Password')}:</label>

			            </div>

			            <div class="input">

			                ${h.password('password',class_='focus',size=40)}

			            </div>

			        </div>

			        <div class="buttons">

			            ${h.submit('sign_in','Sign In',class_="ui-button")}

			        </div>

			    </div>

			</div>

			${h.end_form()}

			<script type="text/javascript">

			YUE.on('quick_login_link','click',function(e){

				if(YUD.hasClass('quick_login_link','enabled')){

					YUD.setStyle('quick_login','display','none');

					YUD.removeClass('quick_login_link','enabled');

				}

				else{

	                YUD.setStyle('quick_login','display','');

	                YUD.addClass('quick_login_link','enabled');

				}

			    //make sure we don't redirect

				YUE.preventDefault(e);

			});

			</script>			

			</div>         

             <div class="gravatar">

                 <img alt="gravatar" src="${h.gravatar_url(c.rhodecode_user.email,20)}" />

             </div>

          <div class="account">

          %if c.rhodecode_user.username == 'default':

              <a href="${h.url('public_journal')}">${_('Public journal')}</a>   

          %else:                        		            

          	${h.link_to(c.rhodecode_user.username,h.url('admin_settings_my_account'),title='%s %s'%(c.rhodecode_user.name,c.rhodecode_user.lastname))}

          %endif

          </div>	

         </li>

         <li>

            <a href="${h.url('home')}">${_('Home')}</a>

         </li>

         %if c.rhodecode_user.username != 'default':

            <li>

               <a href="${h.url('journal')}">${_('Journal')}</a> 

               ##(${c.unread_journal}

            </li>

            %endif

            %if c.rhodecode_user.username == 'default':

                <li class="last highlight">${h.link_to(u'Login',h.url('login_home'),id='quick_login_link')}</li>

            %else:

                <li class="last highlight">${h.link_to(u'Log Out',h.url('logout_home'))}</li>

            %endif

    </ul>

    <!-- end user -->

    <div id="header-inner" class="title top-left-rounded-corner top-right-rounded-corner">

        <div id="logo">

            <h1><a href="${h.url('home')}">${c.rhodecode_name}</a></h1>

        </div>

        <!-- MENU -->

        ${self.page_nav()}

        <!-- END MENU -->

        ${self.body()}

    </div>

</div>     

<!-- END HEADER -->

<!-- CONTENT -->

<div id="content"> 

    <div class="flash_msg">

        <% messages = h.flash.pop_messages() %>

        % if messages:

        <ul id="flash-messages">

            % for message in messages:

            <li class="${message.category}_msg">${message}</li>

            % endfor

        </ul>

        % endif

    </div>	    

    <div id="main"> 

        ${next.main()}

    </div>

</div> 

<!-- END CONTENT -->

<!-- FOOTER -->

<div id="footer">

   <div id="footer-inner" class="title bottom-left-rounded-corner bottom-right-rounded-corner">

       <div>

           <p class="footer-link">

                <a href="${h.url('bugtracker')}">${_('Submit a bug')}</a>

           </p>

	       <p class="footer-link-right">

	           <a href="${h.url('rhodecode_official')}">RhodeCode</a> 

	           ${c.rhodecode_version} © 2010-${h.datetime.today().year} by Marcin Kuzminski

	       </p>

       </div>

   </div>

   <script type="text/javascript">

   function tooltip_activate(){

	    ${h.tooltip.activate()}

   }

   tooltip_activate();

   </script>

</div>

<!-- END FOOTER -->

### MAKO DEFS ###

<%def name="page_nav()">

    ${self.menu()}

</%def>

<%def name="breadcrumbs()">

    <div class="breadcrumbs">

    ${self.breadcrumbs_links()}

    </div>