{% extends 'base.html' %}
{% load static %}
{% block title %} My Images {% endblock %}
{% block optionalParams %}
<style>

html{
		background: linear-gradient(180deg, rgba(70,147,48,1) 33%, rgba(109,126,107,1) 100%) no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		font-family: Arial, Helvetica, sans-serif;
	}

	#page-wrap{
		padding: 10vh;
    display: flex;    
    
	}

  #approved{
    flex: 1;
  }
  #declined{
    flex: 1;
  }
  #processing{
    flex: 1;
  }
  @media only screen and (max-width: 600px) {
    #page-wrap{
      display: block;
    }
  }

  </style>
{% endblock %}
{% block content %}
{% if user.is_authenticated %}

<div id="page-wrap">

  {% if approved %}
  <div id="approved">
    <img src="{% static 'home/img/approved.png' %}" width="128px">
<br><br><br>
  <h2>Имаш <span style="color:green">{{ approved }}</span> одобрена медия!</h2>
</div><br><br>
  {% endif %}

  {% if processing %}
  <div id="processing">
  <img src="{% static 'home/img/loading.png' %}" width="128px"><br><br><br>
  <h2>Имаш <span style="color:yellow">{{ processing }}</span> медия, очакваща одобрение!</h2><br><br>
  </div>
  {% endif %}

  {% if declined %}
  <div id="declined">
  <img src="{% static 'home/img/cross.png' %}" width="128px"><br><br><br>
  <h2 >Имаш <span style="color:red">{{ declined }}</span> отказана медия, ако мислиш, че това е грешка, <a href="/#contact"> свържи се с нас</a>!</h2>
  {% endif %}
</div>
</div>
  {% else %}
  <p>You are not logged in</p>
  <a href="{% url 'login' %}">Log In</a>
{% endif %}
{% endblock %}
