{% extends "landing_base.html" %}
{% load static %}
{% load crispy_forms_tags %}


{% block Style %}
 <style>
 .icons{
    font-size: 50px;
 }
 .dashboard-grid:hover .icons{
     font-size: 70px;
 }
 .dashboard-grid {
    padding: 40px;
}
 </style>
{% endblock Style %}

{% block MainContent %}
<!-- dashboard-grids -->

<marquee width="100%" direction="left" height="40px" style="color: red; font-size:20px;">
    For any assistance, kindly submit a request through the support section.Support will not be available over the phone.For any grievances related to OdellTech, please address them by emailing mashuq.odelltech@odell.com.bd.
</marquee>
<div class="row">
    <div class="col-md-12">
        <div class="dashboard-grids bg-white">
            <div class="row">                
                <div class="col-md-3">
                {% if  request.user.user_type == 'Sister_Organization_admin' or request.user.user_type == 'Mother_Organization_admin' or request.user.is_superuser == True %}
                    <a href="{% url 'demo-deshboard'%}">
                    {% else %}
                    <a href="{% url 'dashboard_index'%}">
                     {% endif %}
                        <div class="dashboard-grid bg-green">
                            <div class="icons">
                                <i class="fa fa-users" aria-hidden="true"></i>
                            </div>
                            <div class="grid-text">
                                <h4>HRM</h4>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-md-3">
                    <a href="{% url 'marchant-dashboard'%}">
                        <div class="dashboard-grid bg-pase">
                            <div class="icons">
                                <i class="fa fa-user-plus" aria-hidden="true"></i>
                            </div>
                            <div class="grid-text">            
                                <h4>Merchant</h4>
                            </div>                            
                        </div>
                    </a>
                </div>
                <div class="col-md-3">
                    <a href="{% url 'sample-dashboard'%}">
                        <div class="dashboard-grid bg-pase">
                            <div class="icons">
                                <i class="fa fa-user-times" aria-hidden="true"></i>
                            </div>
                            <div class="grid-text">            
                                <h4>Sample</h4>
                            </div>                            
                        </div>
                    </a>
                </div>
                <div class="col-md-3">
                    <a href="{% url 'finance_and_banking-dashboard'%}">
                        <div class="dashboard-grid bg-pase">
                            <div class="icons">
                                <i class="fa fa-user-times" aria-hidden="true"></i>
                            </div>
                            <div class="grid-text">            
                                <h4>Finance & Banking</h4>
                            </div>                            
                        </div>
                    </a>
                </div>
               
            </div>
             <div class="row">
                    <div class="col-md-3">
                        <a href="{% url 'account-dashboard'%}">
                            <div class="dashboard-grid bg-pase">
                                <div class="icons">
                                    <i class="fa fa-user-times" aria-hidden="true"></i>
                                </div>
                                <div class="grid-text">            
                                    <h4>Account</h4>
                                </div>                            
                            </div>
                        </a>
                    </div>
                    <div class="col-md-3">
                            <a href="{% url 'support-index'%}">
                                <div class="dashboard-grid bg-warning">
                                    <div class="icons">
                                        <i class="fa fa-support" aria-hidden="true"></i>
                                    </div>
                                    <div class="grid-text">
                                        <h4>Support</h4>
                                    </div>
                                </div>
                            </a>
                        </div>
                </div>
        </div>
    </div>
</div>

<!-- current-status -->

<!-- dashboard-grids -->

{% endblock MainContent %}
{% block meassage %}

{% include 'notifications/notifications.html' %}

{% endblock meassage %}


{% block JS %}

{% endblock JS %}