{% extends "base.html.twig" %}
{% block title %}Reports
{% endblock %}
{% block stylesheets %}
	<style>
		.option-report-container {
			height: 150px;
			padding: 20px 10px;
			vertical-align: middle;
			margin-bottom: 15px;
		}
		.option-report-container span {
			font-weight: bold;
			font-size: 20px;
		}
		div.line {
			height: 2px;
			width: 100%;
			margin: 15px 0;
		}
		.img-icon {
			width: 60px;
			margin-top: 10px;
		}
	</style>
{% endblock %}
{% block body %}
	{{ include("mx/nav_menu.twig", {option:'reports'}) }}
	{% set email = userData.email %}
	{% set allowedsInCommissions = ['programmer2@novamar.net', 'programmer@novamar.net', 'programmer3@novamar.net', 'yei@novamar.net', 'sabrina@novamar.net', 'ed@novamar.net'] %}
	<main>
		<div class="row mt-md-4">
			<div class="container-form">
				<div class="col-12 row justify-content-center">
					<h5 class="text-center">SELECT YOUR TYPE REPORT</h5>
					<div class="line orange"></div>
					<div class="clearfix"></div><br>

					<div class="col-12 col-md-4">
						<a class="text-decoration-none" href="{{ path('mx_settlement_policies') }}">
							<div class="option-report-container white text-center z-depth-1">
								<span class="orange-text">Settlement Policies</span><br>
								<img src="{{ asset('images/icons/policy.svg') }}" class="img-icon">
							</div>
						</a>
					</div>

					{% if email in allowedsInCommissions %}
						<div class="col-12 col-md-4">
							<a class="text-decoration-none" href="{{ path('mx_distributors_commission_report') }}">
								<div class="option-report-container white text-center z-depth-1">
									<span class="orange-text">Distributors Commision</span><br>
									<img src="{{  asset('images/icons/informe-seo.png')}}" class="img-icon">
								</div>
							</a>
						</div>
					{% endif %}
				</div>
			</div>
		</div>
	</main>
{% endblock %}
{% block javascripts %}
	<script src="{{ asset('js/main.js') }}" defer></script>
{% endblock %}