{% load static %} 
{{ redirect_to_login_immediately }}
{% include 'web/auth/header.html' %}
    <div class="container">

        <!-- Outer Row -->
        <div class="row justify-content-center">

            <div class="col-xl-10 col-lg-12 col-md-9">

                <div class="card o-hidden border-0 shadow-lg my-5">
                    <div class="card-body p-0">
                        <!-- Nested Row within Card Body -->
                        <div class="row">
                            
                            <div class="col-md-4">

                                
                            </div>
                            <div class="col-md-4">
                                <div class="py-5 text-center">
                                    <div class="text-center">
                                        <img src="{% static 'Images/assets/logo.png' %}" style="text-align:center; width:50px; height:50px;" class='my-2'/>
                                        <h1 class="h4 text-gray-900 mb-4">Welcome To MFAH!</h1>
                                    </div>
                                    {% include 'web/message.html' %}
                                    <form method="POST" class="user">
                                        {% csrf_token %}

                                        {% comment %} +++++++++++++++++++++++++++++ {% endcomment %}
                                       
                                        <div class="form-group">
                                            {{ forms.username }}
                                        </div>

                                        <div class="form-group">
                                            {{ forms.password }}
                                        </div>
                                        {% if request.get_host == 'adminstag.mfahmagazine.net:8000' %}
                                            <input type="hidden" name="roles" value="admin"> 
                                        {% elif request.get_host == 'publisherstag.mfahmagazine.net:8000' %} 
                                            <input type="hidden" name="roles" value="publisher">
                                        {% elif request.get_host == '127.0.0.1:8000' %} 
                                            <input type="hidden" name="roles" value="admin">                                  
                                        {% endif %}
                                        {% comment %} ++++++++++++++++++++++++++++++++++ {% endcomment %}

                            

                                        
                                       
                                        

                                        <div class="form-group">
                                            <input type="submit" name="submit" id="submit" class="fbtn btn-primary btn-user btn-block" value="Sign In"/>
                                        </div>

                                        
                                        <hr>
                                        <!-- <a href="index.html" class="btn btn-google btn-user btn-block">
                                            <i class="fab fa-google fa-fw"></i> Login with Google
                                        </a>
                                        <a href="index.html" class="btn btn-facebook btn-user btn-block">
                                            <i class="fab fa-facebook-f fa-fw"></i> Login with Facebook
                                        </a> -->
                                    </form>
                                    <hr>
                                    <div class="text-center">
                                        <a class="small" href="{% url 'web:forgot_password' %}">Forgot Password?</a>
                                    </div>
                                    
                                    <!--Check Admin or Publisher-->
                                    {% if request.get_host == 'publisherstag.mfahmagazine.net:8000' %}
                                    <div class="text-center">
                                        <a class="small" href="{% url 'web:user_register' %}">Create an Account!</a>
                                    </div>
                                    {% endif %}
                                    <!--close admin or Publisher-->
                                </div>
                            </div>
                            <div class="col-md-4"></div>
                        </div>
                    </div>
                </div>

            </div>

        </div>

    </div>

    {% include 'web/auth/footer.html' %}