{% extends "base.html" %}

{% load static %}

{% block subnav %}
  <div class="py-8 px-4 space-y-4 text-sm uppercase border-b md:py-2 md:px-0 md:space-x-10 border-slate">
    <a href="{% url 'review-process' %}" class="block md:inline">Review Process</a>
    <a href="{% url 'review-request' %}" class="block md:inline">Submit Review</a>
    <a href="{% url 'review-upcoming' %}" class="block md:inline">Upcoming Reviews</a>
    <a href="{% url 'review-past' %}" class="block md:inline md:py-1 md:border-b text-orange md:border-orange">Past Reviews</a>
  </div>
{% endblock %}

{% block content %}
  <div class="py-0 px-3 mb-3 md:py-6 md:px-0">
    <div class="py-16 md:w-full">
      <h1 class="text-4xl text-center">Upcoming Reviews</h1>
      <p class="mt-0 text-center">
        We are proud of the past reviews and community members who worked on them.
      </p>
      <div class="p-6 mt-11 w-full rounded bg-charcoal">

        <div class="hidden w-full md:flex">
          <div class="p-3 w-1/5">Submnission</div>
          <div class="p-3 w-1/5">Submitter</div>
          <div class="p-3 w-1/5">Review Manager</div>
          <div class="p-3 w-1/5">Review Dates</div>
          <div class="p-3 w-1/5">Result</div>
        </div>

        <div class="py-6 border-b md:flex md:py-0 md:border-b-0 border-slate">
          <div class="p-3 text-left md:w-1/5 md:border md:border-slate"><span class="font-bold md:hidden">Submission:</span> Lambda 2</div>
          <div class="p-3 text-left md:w-1/5 md:border md:border-slate"><span class="font-bold md:hidden">Submitter:</span> Peter Dimov</div>
          <div class="p-3 text-left md:w-1/5 md:border md:border-slate"><span class="font-bold md:hidden">Review Manager:</span> Joel de Guzman</div>
          <div class="p-3 text-left md:w-1/5 md:border md:border-slate"><span class="font-bold md:hidden">Review Dates:</span> March 22, 2021 - March 31, 2021</div>
          <div class="p-3 text-left md:w-1/5 md:border md:border-slate"><span class="font-bold md:hidden">Result:</span> <a href="#" class="text-orange">Pending</a></div>
        </div>

        <div class="py-6 border-b md:flex md:py-0 md:border-b-0 border-slate">
          <div class="p-3 text-left md:w-1/5 md:border md:border-slate"><span class="font-bold md:hidden">Submission:</span> Lambda 2</div>
          <div class="p-3 text-left md:w-1/5 md:border md:border-slate"><span class="font-bold md:hidden">Submitter:</span> Peter Dimov</div>
          <div class="p-3 text-left md:w-1/5 md:border md:border-slate"><span class="font-bold md:hidden">Review Manager:</span> Joel de Guzman</div>
          <div class="p-3 text-left md:w-1/5 md:border md:border-slate"><span class="font-bold md:hidden">Review Dates:</span> March 22, 2021 - March 31, 2021</div>
          <div class="p-3 text-left md:w-1/5 md:border md:border-slate"><span class="font-bold md:hidden">Result:</span> <a href="#" class="text-orange">Pending</a></div>
        </div>

        <div class="py-6 border-b md:flex md:py-0 md:border-b-0 border-slate">
          <div class="p-3 text-left md:w-1/5 md:border md:border-slate"><span class="font-bold md:hidden">Submission:</span> Lambda 2</div>
          <div class="p-3 text-left md:w-1/5 md:border md:border-slate"><span class="font-bold md:hidden">Submitter:</span> Peter Dimov</div>
          <div class="p-3 text-left md:w-1/5 md:border md:border-slate"><span class="font-bold md:hidden">Review Manager:</span> Joel de Guzman</div>
          <div class="p-3 text-left md:w-1/5 md:border md:border-slate"><span class="font-bold md:hidden">Review Dates:</span> March 22, 2021 - March 31, 2021</div>
          <div class="p-3 text-left md:w-1/5 md:border md:border-slate"><span class="font-bold md:hidden">Result:</span> <a href="#" class="text-orange">Pending</a></div>
        </div>

        <div class="py-6 border-b md:flex md:py-0 md:border-b-0 border-slate">
          <div class="p-3 text-left md:w-1/5 md:border md:border-slate"><span class="font-bold md:hidden">Submission:</span> Lambda 2</div>
          <div class="p-3 text-left md:w-1/5 md:border md:border-slate"><span class="font-bold md:hidden">Submitter:</span> Peter Dimov</div>
          <div class="p-3 text-left md:w-1/5 md:border md:border-slate"><span class="font-bold md:hidden">Review Manager:</span> Joel de Guzman</div>
          <div class="p-3 text-left md:w-1/5 md:border md:border-slate"><span class="font-bold md:hidden">Review Dates:</span> March 22, 2021 - March 31, 2021</div>
          <div class="p-3 text-left md:w-1/5 md:border md:border-slate"><span class="font-bold md:hidden">Result:</span> <a href="#" class="text-orange">Pending</a></div>
        </div>

        <div class="py-6 border-b md:flex md:py-0 md:border-b-0 border-slate">
          <div class="p-3 text-left md:w-1/5 md:border md:border-slate"><span class="font-bold md:hidden">Submission:</span> Lambda 2</div>
          <div class="p-3 text-left md:w-1/5 md:border md:border-slate"><span class="font-bold md:hidden">Submitter:</span> Peter Dimov</div>
          <div class="p-3 text-left md:w-1/5 md:border md:border-slate"><span class="font-bold md:hidden">Review Manager:</span> Joel de Guzman</div>
          <div class="p-3 text-left md:w-1/5 md:border md:border-slate"><span class="font-bold md:hidden">Review Dates:</span> March 22, 2021 - March 31, 2021</div>
          <div class="p-3 text-left md:w-1/5 md:border md:border-slate"><span class="font-bold md:hidden">Result:</span> <a href="#" class="text-orange">Pending</a></div>
        </div>

        <div class="py-6 border-b md:flex md:py-0 md:border-b-0 border-slate">
          <div class="p-3 text-left md:w-1/5 md:border md:border-slate"><span class="font-bold md:hidden">Submission:</span> Lambda 2</div>
          <div class="p-3 text-left md:w-1/5 md:border md:border-slate"><span class="font-bold md:hidden">Submitter:</span> Peter Dimov</div>
          <div class="p-3 text-left md:w-1/5 md:border md:border-slate"><span class="font-bold md:hidden">Review Manager:</span> Joel de Guzman</div>
          <div class="p-3 text-left md:w-1/5 md:border md:border-slate"><span class="font-bold md:hidden">Review Dates:</span> March 22, 2021 - March 31, 2021</div>
          <div class="p-3 text-left md:w-1/5 md:border md:border-slate"><span class="font-bold md:hidden">Result:</span> <a href="#" class="text-orange">Pending</a></div>
        </div>

        <div class="py-6 border-b md:flex md:py-0 md:border-b-0 border-slate">
          <div class="p-3 text-left md:w-1/5 md:border md:border-slate"><span class="font-bold md:hidden">Submission:</span> Lambda 2</div>
          <div class="p-3 text-left md:w-1/5 md:border md:border-slate"><span class="font-bold md:hidden">Submitter:</span> Peter Dimov</div>
          <div class="p-3 text-left md:w-1/5 md:border md:border-slate"><span class="font-bold md:hidden">Review Manager:</span> Joel de Guzman</div>
          <div class="p-3 text-left md:w-1/5 md:border md:border-slate"><span class="font-bold md:hidden">Review Dates:</span> March 22, 2021 - March 31, 2021</div>
          <div class="p-3 text-left md:w-1/5 md:border md:border-slate"><span class="font-bold md:hidden">Result:</span> <a href="#" class="text-orange">Pending</a></div>
        </div>

        <div class="py-6 border-b md:flex md:py-0 md:border-b-0 border-slate">
          <div class="p-3 text-left md:w-1/5 md:border md:border-slate"><span class="font-bold md:hidden">Submission:</span> Lambda 2</div>
          <div class="p-3 text-left md:w-1/5 md:border md:border-slate"><span class="font-bold md:hidden">Submitter:</span> Peter Dimov</div>
          <div class="p-3 text-left md:w-1/5 md:border md:border-slate"><span class="font-bold md:hidden">Review Manager:</span> Joel de Guzman</div>
          <div class="p-3 text-left md:w-1/5 md:border md:border-slate"><span class="font-bold md:hidden">Review Dates:</span> March 22, 2021 - March 31, 2021</div>
          <div class="p-3 text-left md:w-1/5 md:border md:border-slate"><span class="font-bold md:hidden">Result:</span> <a href="#" class="text-orange">Pending</a></div>
        </div>

      </div>
    </div>
  </div>
{% endblock %}
