{% extends 'admin.html' %}

{% load url from future %}



{% block resources_active %}
	class="active"
{% endblock %}

{% block content %}

	<div class="row">
		<div class="col-lg-12">
			<ul class="breadcrumb">
				<li><a href="{% url 'admin' %}">Admin</a></li>
				<li><a href="{% url 'admin_resources' %}">Resource Categories</a></li>
				<li><a href="{% url 'admin_category_resources' category.id %}">Resources</a></li>
				<li class="active">Add Resource</li>
			</ul>
		</div>
	</div>

	<div class="row">
		<div class="col-lg-12">
            <div class=" page-header">
				<h1>Add a Resource to <small>{{ category }}</small></h1>
			</div>
		</div>
	</div>

	<div class="row">
		<div class="col-lg-12">	
			<form action="" method="post" enctype="multipart/form-data" class="form-horizontal">{% csrf_token %}
				{% include "admin/partials/form.html" with form=form %}
				{% for field in additional_fields %}
		            <div class="fieldWrapper">        
		                <label class="fieldLabel" for="id_{{ field.slug }}">{{ field }}:</label>
		                <div class="field">
		                    {% if field.type = 'text' %}
		                        <input type="text" value="" name="{{ field.slug }}" id="id_{{ field.slug }}"/>
		                    {% endif %}
		                    {% if field.type = 'image' or field.type = 'file' %}
		                        <input type="file" value="" name="{{ field.slug }}" id="id_{{ field.slug }}"/>
		                    {% endif %}
		                    {% if field.type = 'checkbox' %}
		                        <input type="checkbox" name="{{ field.slug }}" id="id_{{ field.slug }}"/>
		                    {% endif %}
		                </div>
		                <div class="clear"></div>
		            </div>
				{% endfor %}
		
				<div class="form-group form-actions">
					<div class="col-lg-offset-3 col-lg-4">
                        <a href="{% url 'admin_category_resources' category.id %}" title="Cancel" class="btn btn-default">Cancel</a>
						<input type="submit" class="btn btn-primary" value="Save" />
					</div>
				</div>
			</form>
		</div>
	</div>

{% endblock %}