{% extends "::base.html.twig" %}        

{% block body %}

<div id="navbar" style="font-size:18px;">   
    <ul>    
        <li><a href="javascript: submitform(9)">Home</a></li>
        <li><a href="javascript: submitform(1)">Client Information</a></li> 
        <li><a href="javascript: submitform(2)">Finance</a></li>
        <li><a href="javascript: submitform(3)" style="background-color:#00b5cb; font-size:30px;">Notes</a></li>
        <li><a href="javascript: submitform(4)">Assistance</a></li>
        <li><a href="javascript: submitform(5)">Referrals</a></li> 
    </ul> 
</div>

    <section class="notes" id="notes">
                {# .. #}
<br />
        <input type=button onClick="location.href='javascript: submitform(6)'" value='Save/Next' style="color:#00b5cb; background-color:white; margin-right: 30px;">
        <h3>Add a New Note</h3>
            {% render 'DorcasTabithaBundle:Notes:new' with { 'client_id': client.clientid } %}
    </section>

    <section class="notes" id="notes">
        <section class="previous-notes">
            <h3>Previous Notes</h3>
            {% include 'DorcasTabithaBundle:Notes:noteloop.html.twig' with { 'notes': notes } %}
        </section>
    </section>
<br />
<br />

{% endblock %}

{% block javascripts %}

    {{ parent() }} 

<script src="{{ asset('bundles/DorcasTabitha/js/js/tiny_mce/jquery.tinymce.js') }}" type="text/javascript"></script>

<script type="text/javascript">
$(document).ready(function(){

	$('textarea').tinymce({
            // Location of TinyMCE script  - changed for tabitha
            script_url : '{{ asset('bundles/DorcasTabitha/js/js/tiny_mce/tiny_mce.js') }}',

            // General options
            theme : "advanced",
            readonly : false,
            plugins : "autolink,lists,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,advlist",

            // Added for Tabitha to force absolute paths for emoticons
            relative_urls : false, 


            // Theme options
            theme_advanced_buttons1 : "bold,italic,underline,|,formatselect,fontselect,fontsizeselect,|,forecolor,backcolor,|,cut,copy,paste,|,emotions,iespell,|,print,",
            theme_advanced_toolbar_location : "top",
            theme_advanced_toolbar_align : "left",
            // commented for tabitha
            theme_advanced_statusbar_location : "none",
            theme_advanced_resizing : true,

            // Example content CSS (should be your site CSS) - changed for tabitha
            content_css : '{{ asset('bundles/DorcasTabitha/css/base.css') }}',

            // Drop lists for link/image/media/template dialogs
            template_external_list_url : "lists/template_list.js",
            external_link_list_url : "lists/link_list.js",
            external_image_list_url : "lists/image_list.js",
            media_external_list_url : "lists/media_list.js",

            // Replace values for the template plugin
            template_replace_values : {
                username : "Some User",
                staffid : "991234"
            }
        });
		
});          

</script>

    
{% endblock %}