{% load static %}
{% load crispy_forms_tags %}

<!-- This is the base template, it is used by every page on the site. It has all the site's tags
and links. It also holds up navigation links so if you have to add anything new, you only have to do it once. -->

<!DOCTYPE html>
<html>
<head>
  <title>IITB Resume Builder</title>
  <link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
  <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
  <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <!------ Include the above in your HEAD tag ---------->

  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/all.css">

    <!-- Theme CSS -->  
    <link href="{% static 'builder/css/styles.css' %}" rel="stylesheet" id="theme-style">
    <style>
        table, th, td {
          border: 1px solid black;
		  text-align:center;
        }
		th{
			text-align:center;
			width: 100px;
		}
    </style>

   <!-- Google Font -->
    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900" rel="stylesheet">
    
    <!-- FontAwesome JS-->
    <script defer src="https://use.fontawesome.com/releases/v5.1.1/js/all.js" integrity="sha384-BtvRZcyfv4r0x/phJt9Y9HhnN5ur1Z+kZbKVgzVBAlQZX4jvAuImlIz+bG7TS00a" crossorigin="anonymous"></script>
       
    <!-- Theme CSS -->  
    <link id="theme-style" rel="stylesheet" href="{% static 'builder/assets/css/pillar-4.css' %}">
 </head>

<body>
	<nav class="navbar navbar-expand-sm bg-dark navbar-dark">
	  <ul class="navbar-nav">
	    <li class="nav-item active">
	      <a class="nav-link" href="../../index/">Resume Builder</a>
	    </li>
	    <li class="nav-item">
	      <a class="nav-link" href="../../index/">Home</a>
	    </li>
	    {% if user.is_authenticated %}
	    	<li class="nav-item">
		      <a class="nav-link" href="../builder">Builder</a>
		    </li>
		    <li class="nav-item">
		      <a class="nav-link" href="../resume">Resume</a>
		    </li>
	    	<li class="nav-item">
		      <a class="nav-link" href="../profile">Profile</a>
		    </li>
	    	<li class="nav-item">
		      <a class="nav-link" href="../logout">Logout</a>
		    </li>
	    {% else %}
		    <li class="nav-item">
		      <a class="nav-link" href="../register">Register</a>
		    </li>
		    <li class="nav-item">
		      <a class="nav-link" href="../login">Login</a>
		    </li>
		{% endif %}
	  </ul>
	</nav>

	<div class="">
		{% block content %}{% endblock %}
	</div>

</body>
</html>