{% load static %}
<!DOCTYPE html>
<html lang="en">
  <head>
        <title>
       {% block title %}
       Python Textbook Companion Project | FOSSEE, IIT Bombay
       {% endblock %}
     </title>
   {% block meta %}
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
   {% endblock %}
   
   <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}" type="text/css" /> 
   <link rel ="stylesheet" href="{% static 'css/responsive.css' %}" type="text/css"/>
    <style>
        .module-list {
            float: left;
            height: 220px;
            margin-top: 20px;
            margin-bottom: 20px;
            margin-left: 50px;
            padding: 10px;
            padding-bottom: 25px;
            position: relative;
            width: 300px;
            background: #2c3e50;
        }
        .module-list img {
            height: 220px;
        }
        .module-list img:hover{
            height: 220px;
            border-radius: 15px;
        }

        .module-list a{
            color: #ffffff;
        }
       .navbar .container {
            max-width: 1100px;
        }
        #content-wrap{
            max-width: 1100px;
            margin: 0 auto;
        }
        input[type="text"] {
            width: 100%;
        }
        input[type="password"] {
            width: 100%;
        }
    </style>

   {% block css %}
    <style type="text/css">
      body {
        padding-top: 60px;
        padding-bottom: 40px;
      }
    </style>
   {% endblock %}

   {% block script %}
   {% endblock %}
   </head>

<body>
<div class="navbar navbar navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="brand" href="/">Python Textbook Companion</a>
          <div class="nav-collapse collapse">

            <ul class="nav pull-right">
              <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">About<b class="caret"></b></a>
                <ul class="dropdown-menu">
                  <li><a href="http://fossee.in" target="_blank">FOSSEE</a></li>
                  <li><a href="http://python.fossee.in" target="_blank">Python Team</a></li>
                </ul>
              </li>
	      <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Textbooks<b class="caret"></b></a>
                <ul class="dropdown-menu">
                  <li><a href="{% url 'tbc:CompletedBooks' %}">Completed Books</a></li>
                  <li><a href="{% url 'tbc:BooksUnderProgress' %}">Books Under Progress</a></li>
                </ul>
              </li>
              <li><a href="{% url 'tbc:InternshipForms' %}">Internship Forms</a></li>

            {% if user %}
                 <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">{{ user.first_name }}<b class="caret"></b></a>
                    <ul class="dropdown-menu">
                      <li><a href="{% url 'tbc:SubmitBook' %}">Submit Book</a></li>
                      <li><a href="{% url 'tbc:UpdateBook' %}">Update Submission</a></li>
                      <li><a href="{% url 'tbc:UpdatePassword' %}">Update Password</a></li>
                      <li><a href="{% url 'tbc:UserLogout' %}">Logout</a></li>
                    </ul>
                 </li>
            {% endif %}

            {% if reviewer %}
                 <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">{{ reviewer.first_name }} {{ reviewer.last_name }} <b class="caret"></b></a>
                    <ul class="dropdown-menu">
                      <li><a href="{% url 'tbc:BookReview' %}">Review Books</a></li>
                      <li><a href="{% url 'tbc:UserLogout' %}">Logout</a></li>
                    </ul>
                 </li>
            {% endif %}

            {% if anonymous %}
                  <li><a href="{% url 'tbc:UserLogin' %}">Login</a></li>
                  <li><a href="{% url 'tbc:UserRegister' %}">Sign Up</a></li>
            {% endif %}

            </ul> <!--/.nav  -->
          </div><!--/.nav-collapse -->
        </div>
      </div>
    </div>
    <div class="container">
	{% block content %}
	{% if up %}
        <center>
            <div class="alert" style="width:500px;">
                <a class="close" data-dismiss="alert" href="#">&times;</a>
                <p>Book has been uploaded successfully !</p>
            </div>
        </center>
        <div class="clearfix"></div>
    {% endif %}
    {% if login %}
        <center>
            <div class="alert" style="width:150px;height:23px;">
                <a class="close" data-dismiss="alert" href="#">&times;</a>
                <p>Login Successful !</p>
            </div>
        </center>
        <div class="clearfix"></div>
    {% endif %}
    {% if logout %}
        <center>
            <div class="alert" style="width:300px;height:23px;">
                <a class="close" data-dismiss="alert" href="#">&times;</a>
                <p>You have logged out successfully !</p>
            </div>
        </center>
        <div class="clearfix"></div>
    {% endif %}
    {% if update_book %}
        <center>
            <div class="alert" style="width:300px;height:23px;">
                <a class="close" data-dismiss="alert" href="#">&times;</a>
                <p>Book has been updated successfully !</p>
            </div>
        </center>
        <div class="clearfix"></div>
    {% endif %}
    {% if not_found %}
        <center>
            <div class="alert" style="width:650px;height:23px;">
                <a class="close" data-dismiss="alert" href="#">&times;</a>
                <p>It seems that currently there is no book that you can update ! Please submit one.</p>
            </div>
        </center>
        <div class="clearfix"></div>
    {% endif %}
	<div class="row-fluid">
        <center><h3>Recent Submissions</h3></center>
        {% for item in items %}
            <div class ="module-list">
                <a href="{% url 'tbc:BookDetails' item.book.id %}"><img src="{% static 'uploads/' %}{{ item.image.image }}"></a>
                <center><a href="{% url 'tbc:BookDetails' item.book.id %}">{{ item.book.title }}</a></center>
            </div>
        {% endfor %}
    </div>
    <br>
    <center> 
        <a  class="btn btn-primary" href="{% url 'tbc:BrowseBooks' %}">Browse All Books</a>
    </center>
    <br>
    <!-- 
        <input type=text> <input type=submit value=Search>
    -->
	{% endblock %}
      <hr>
      
      <footer>
        <center><p>&copy; FOSSEE - IIT Bombay 2013</p></center>
        <center><img src="{% static 'images/fossee.png' %}" width=100 height=70></center>
      </footer>

    </div> <!-- /container -->
    
    <script src="{% static 'js/jquery.js' %}"></script>
    <script src="{% static 'js/bootstrap.min.js' %}"></script>
    <!-- google analytics -->
    <script>
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

      ga('create', 'UA-44697375-2', 'fossee.in');
      ga('send', 'pageview');
    </script>
    <!-- / google analytics -->
  </body>
</html>