{% extends "resumes/base.html" %}
{% load resume_tags %}
{% load perm_tags %}
{% load styled_forms %}
{% load i18n %}

{% block title %}{% firstof MODULE_RESUMES_LABEL 'Resume' %} Edit{% endblock %}

{% block extra_head %}
{{ block.super }}
<link rel="stylesheet" href="{{ STATIC_URL }}css/jquery-ui/jquery-ui-1.8.2.custom.css">
<link rel="stylesheet" href="{{ STATIC_URL }}css/timepicker.css" />
<link rel="stylesheet" href="{{ STATIC_URL }}css/resumes.css">
<script type="text/javascript" src="{{ TINYMCE_JS_URL }}"></script>
{% endblock %}

{% block body %}
<div class="t">

    {% resume_nav request.user resume %}

    <h1>{% firstof MODULE_RESUMES_LABEL 'Resume' %} {% trans "Edit" %}</h1>

    <div class="resume-wrap">
		<div class="options">
             <div class="quick-options">
				{% resume_options request.user resume %} 	       
             </div>
		</div>


        <div class="forms">
        <form enctype="multipart/form-data" action="{% url resume.edit resume.id %}" method="post">{% csrf_token %}
            {{ form|styled_form }}
            <input type="submit" value="Save changes" />
        </form>
        </div>

    </div>

</div>
{% endblock %}

{% block extra_body %}
    {{ block.super }}
	<script type="text/javascript" src="{{ STATIC_URL }}js/global/tinymce.event_handlers.js"></script>
	<script type="text/javascript" src="{{ STATIC_URL }}js/jquery-ui-1.8.2.custom.min.js"></script>
	<script src="{{ STATIC_URL }}js/jquery.time.picker.js" type="text/javascript"></script>
    <script type="text/javascript" src="{{ STATIC_URL }}js/global/dropdown.js"></script>
	<script type="text/javascript" src="{{ STATIC_URL }}js/email-verification.js"></script>
	<script type="text/javascript">
	var iconrow = new dropdown({
		container:	'more-options-wrap',
		trigger:	'more-options-trigger',
		target:		'more-options-target'
	});
	</script>
	<script type="text/javascript">
		$(".datepicker").datepicker({ dateFormat: 'yy-mm-dd' });
		$('.timepicker').timePicker({
		  show24Hours: false,
		  step: 15
		});
	</script>
{% endblock %}
