{% extends 'memberapp_users/layout.html' %}
{% block head %}
{{ super() }}  
{% endblock %}
{% block title %}Reference Page{% endblock %} 
{% block content %} 

        <form method="post"  id="reference_form" action="{{url_for('member.ProsecAccrejMail',user_id=encrypt_user_id,reference_by=reference_by,society_id=society_id,society_key=society_key)}}" >
            {% for mesg in get_flashed_messages(category_filter=["successMsg"]) %}
            <div class="alert alert-success text-center" id="successMessage" >
                <h4><img src="/static/images/right.png" alt="right"height="21" width="21">{{ mesg }}</h4>
            </div>          
            {% endfor %}
            {% for mesg in get_flashed_messages(category_filter=["errorMsg"]) %}
            <div class="alert alert-danger text-center" id="successMessage" >
                <h4><img src="/static/images/wrong_img.png" alt="wrong"height="21" width="21">{{ mesg }}</h4>
            </div>
            {% endfor %}
            <div class="alert alert-success border border-success">
                <div class="row">
                    <div class="col-md-12  form-group">
                        <label><h5>Applicant Name:</h5></label>
                        <label id="label_id" value="{{pro.user_name}}">{{pro.user_prefix or ''}}{{pro.user_name or ''}}</label>
                    </div>
                </div>
            
                <div class="row">
                    <div class="col-md-12 form-group">
                        <label value="{{pro.type}}"><h5 style="text-transform: capitalize;">{{pro.type or ''}}:</h5></label>
                        <label id="label_id" value="{{pro.reference_name}}">{{pro.reference_prefix or ''}}{{pro.reference_name or ''}}</label>
                    </div>
                </div>
                <div class="row mb-3">
                    <div class="col-md-10 text-right">
                        <a href="{{ url_for('member.ViewMember_v1',user_uuid=pro.user_uuid,society_id=society_id,society_key=society_key) }}" title="Member information" target="_blank" class="btn btn-primary text-white">View Membership Details</a>
                    </div>
                </div>
            </div>
            {% if pro.status != "Pending" %}
                {% set button_display = "none" %}
                <label><h3 class="font-weight-bold">You {{pro.status or ''}} the Member</h3></label>
            {% else %}
                {% set button_display = "block" %}
            {% endif %}
            <div class="row">
                <div class="col-md-6 col-sm-12 mt-2">
                    <input type="submit" value="Accept" name="reference" class="btn btn-primary btn-lg  float-md-right" style="display:{{ button_display }}" >
                </div>
                <div class="col-md-6  col-sm-12 mt-2">
                    <input type="submit" value="Reject" name="reference" class="btn btn-danger btn-lg" style="display:{{ button_display }}">
                </div>
            </div>
        </form>
   
{% endblock %}