{% if degree_list or user.is_authenticated %} 
<div id="degree" class="row">
	<h2 class="col-12">Education</h2>
</div>

<ul class="mt-0 cv-entry">
{% for degree in degree_list %}
{% spaceless %}
<li id="degree-{{degree.pk}}" class="row">
	<div class="noneditable">
		<span class="cv-entry-date col-2 col-sm-1">{{degree.date_earned|date:"Y"}} </span>
		<span class="cv-entry-text col-9 col-sm-10">
			{{degree.degree}}, <em class="cv-entry-degree-major">{{degree.major}}</em>, {{degree.institution}}, {{degree.city}}, {{degree.state}}, {{degree.country}}
		</span>
		{% if user.is_authenticated %}
				<a class="ml-4 degree-edit cv-edit" href="#degree"><i class="far fa-edit"></i></a>
		{% endif %}
	</div>
	<div class="editable"></div>
</li>
{% endspaceless %}
{% endfor %}
{% if user.is_authenticated %}
<li class="row">
	<div class="noneditable">
		<a class="col-12 col-sm-12 degree-add cv-add" alt="Add new degree" href="#degree"><i class="far fa-plus-square"></i> Add new degree</a>
	</div>
</li>
{% endif %}
</ul>
{% endif %}
