{% extends "jobs/base.html" %}
{% load job_tags %}
{% load styled_forms %}
{% load i18n %}

{% block title %}{{ block.super }}Edit Meta Information{% endblock %}

{% block extra_head %}
{{ block.super }}
<link rel="stylesheet" href="{{ STATIC_URL }}css/forms.css">
<link rel="stylesheet" href="{{ STATIC_URL }}css/jobs.css">
{% endblock %}

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

    {% job_nav user %}
    <h1>{% firstof MODULE_JOBS_LABEL 'Job' %} {% blocktrans with job.title as job_title %} Meta Information for<br />
    {{ job_title }}{% endblocktrans %}</h1>

    <div class="job-wrap">
		<div class="options">
             <div class="quick-options">
				{% job_options request.user job %} 	       
             </div>
		</div>
    	<form action="{% url job.edit.meta job.pk %}" method="post">{% csrf_token %}
    	<div class="forms">
            {{ form|styled_form }}
        	<input type="submit" value="Save Changes" />
			 or <a href="javascript:history.go(-1);">{% trans "Cancel" %}</a>
		</div>
        </form>
    </div>
</div>
{% endblock %}

{% block extra_body %}
    {{ block.super }}
    <script type="text/javascript">
		$(document).ready(function(){
			// delete confirmation
			$('.delete').click(function(){
				var delete_job = confirm('Permenantly delete this {% firstof MODULE_JOBS_LABEL 'Job' %}?');	// confirm
				if(delete_job) $('.t').find('form[name="job-delete"]').submit() // delete: if OK
				return false;	// cancel
			});
		});
    </script>
    <script type="text/javascript" src="{{ STATIC_URL }}js/global/dropdown.js"></script>
	<script type="text/javascript">
	var iconrow = new dropdown({
		container:	'more-options-wrap',
		trigger:	'more-options-trigger',
		target:		'more-options-target'
	});
	</script>
{% endblock %}
