<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html"; charset=utf-8" />
        <title>
            {% block title %}
                Dorcas Ministries Christian Community in Action 
            {% endblock %} - Tabitha
        </title>
        <!--[if lt IE 9]>
            <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        {% block stylesheets %}
            <link href="{{ asset('bundles/DorcasTabitha/js/css/ui-lightness/jquery-ui-1.8.21.custom.css') }}" type="text/css" rel="stylesheet" />
            <link href="{{ asset('bundles/DorcasTabitha/css/clientinformationform.css') }}" type="text/css" rel="stylesheet" />
            <link href="{{ asset('bundles/DorcasTabitha/css/financeform.css') }}" type="text/css" rel="stylesheet" />
            <link href="{{ asset('bundles/DorcasTabitha/css/referralsform.css') }}" type="text/css" rel="stylesheet" />
            <link href="{{ asset('bundles/DorcasTabitha/css/assistanceform.css') }}" type="text/css" rel="stylesheet" />
            <link href="{{ asset('bundles/DorcasTabitha/css/navigation.css') }}" type="text/css" rel="stylesheet" />
            <link href="{{ asset('bundles/DorcasTabitha/css/base.css') }}" type="text/css" rel="stylesheet" />
			
            <link rel="shortcut icon" href="{{ asset('bundles/dorcastabitha/images/favicon.ico') }}"/>
	

        {% endblock %}        
    </head>
    <body>               
        <header id="header">
            <div class="top">
                {% block image %}
                    <img src="{{ asset('bundles/dorcastabitha/images/dorcas.png') }}" alt="Dorcas" style="padding-right: 30%;">
                {% endblock %}          

                {% block clientname %}
                    {% if client is defined %}
                        Client Name: &nbsp; {{ client.firstname|upper }} {{ client.lastname|upper }}
                    {% endif %}
                {% endblock %}
               
                {% block logout %}
                    {% if app.user.username is defined %}
                        <input type=button onClick="location.href='{{ path('DorcasTabithaBundle_logout') }}'" value='logout {{ app.user.username }}' style="color:#00b5cb; background-color:white; float:right; margin:20px;">
                    {% endif %}
                {% endblock %}

            </div>
            {% block navigation %}
                <nav>
                    <ul class="navigation">
                        {% block links %}{% endblock %}
                    </ul>
                </nav>
            {% endblock %}
			</div>                
            </header>
			
            <section style="border:1px solid gray; border-radius: 9px;">
                {% block body %}{% endblock %}
            </section>

            <div id="footer">
                {% block footer %}
            &copy; 2012, Copyright JLS Consulting
					<br>&nbsp;<br> 
                     <center><h8>Developed By:</h8></center>
					 <center><img src="{{ asset('bundles/dorcastabitha/images/jlsLogo_aqua.png') }}" alt="JLSConsulting" /></center>                
{% endblock %}
            </div>

            
        {% block javascripts %}
                <script src="{{ asset('bundles/DorcasTabitha/js/js/jquery-1.7.2.min.js') }}" type="text/javascript"></script>
                <script src="{{ asset('bundles/DorcasTabitha/js/js/jquery-ui-1.8.21.custom.min.js') }}" type="text/javascript"></script>
                <script src="{{ asset('bundles/DorcasTabitha/js/js/jquery.maskedinput-1.3.js') }}" type="text/javascript"></script>     
<script src="{{ asset('bundles/DorcasTabitha/js/js/odometer.js') }}" type="text/javascript"></script>           

                <script type="text/javascript">

                $(document).ready(function () {
                    $('input').live('keydown', function(e) { 
                    if (e.keyCode==13) { 
                        var focusable = $('input,a,select,button,textarea').filter(':visible'); 
                        focusable.eq(focusable.index(this)+1).focus(); 
                        return false; 
                    } 
                    });
                });            

                $(function() { 
                    $(".phone").mask("?(999) 999-9999"); 
                    $(".phonex").mask("?(999) 999-9999");  
                    $(".tin").mask("99-9999999");   
                    $(".ssn").mask("?999-99-9999");
                    $(".ssnx").mask("?999-99-9999");
                    $(".zip").mask("99999");
                });

                function submitform(navnumber) {
                    var form = document.forms["clientform"];
                    var hiddenField = document.createElement("input"); 
                    hiddenField.setAttribute("type", "hidden"); 
                    hiddenField.setAttribute("name", "passnav"); 
                    hiddenField.setAttribute("value", navnumber); 
                    form.appendChild(hiddenField);
                    form.submit();
                }
           
            </script>

    
        {% endblock %}
    </body>
</html>