WordPress

{% extends 'contributor/layout.html.twig' %}


{% block title %}Member Details{% endblock %}

{% block contributor_body %}
    <div class="app_main_inner">

        <div class="page_excerpt">
            <h2 class="sr_heading_title">Member Details</h2>
        </div>
        {% for message in app.flashes("message") %}
            <div class="alert alert-success" style="text-align: center">{{ message }}</div>
        {% endfor %}
        <div class="row member_details">
            <div class="col-lg-6">
                <div class="profile_avatar_wrap">
                    <a href="{{ avatar_is_url ? member.avatar : asset(member.avatarUrl) }}" class="releasepreview">
                        <img src="{{  avatar_is_url ? member.avatar : asset(member.avatarUrl) }}" alt="Profile picture">
                    </a>
                </div>
                <div class="profile_user_name">{{ member.fullName }}</div>
                <div class="profile_detail">Username: {{ member.username }}</div>
                <div class="profile_detail">Joined: {{ member.joinedOn is not null ? member.joinedOn.format("Y-m-d, h:i:s") : "20-5-2015" }}</div>
                {% if member.suspendedMember == true %}
                    <div style="margin-bottom: 15px">
                        <a href="{{ path('suspend_member',{id: member.id }) }}" class="btn">
                            <span class="status pending">Activate</span>
                        </a>
                    </div>
                {% else %}
                    <div style="margin-bottom: 15px">
                        <span class="status approved" id="suspend_span" style="cursor: pointer">Suspend</span>
                    </div>
                {% endif %}

            </div>



            <div class="col-lg-6" style="">

                <div class="suspend_member approve_contributor" style="display: none">
                    <h4>Suspend member</h4>
                    <form action="{{ path('suspend_member', {id: member.id}) }}" method="post">
                        <div class="reject_message" style="">
                            <input type="hidden" name="member_id" value="{{ member.id }}">
                            <textarea name="suspension_reason" placeholder="Please state your reason for suspending the member" required></textarea>
                            <input type="submit" value="Submit">
                        </div>
                    </form>
                </div>
                <div class="card mb-3">
                    <div class="card-header">
                        <div class="card-header-title">Member Summary</div>

                    </div>
                    <div class="datagrid no_btn_p common_align_left">
                        <table>
                            <tbody>

                            <tr>
                                <td>ID</td>
                                <td>{{ member.id }}</td>
                            </tr>

                            <tr>
                                <td>Email</td>
                                <td>{{ member.email }}</td>
                            </tr>

                            <tr>
                                <td>Phone Number</td>
                                <td>{{ member.phoneNumber is not null?member.phoneNumber:"Not set" }}</td>
                            </tr>


                            </tbody>
                        </table>

                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-lg-12">
                <div class="mb-3 card">
                    <div class="card-header">
                        <div class="card-header-title">Purchase History({{ member.createdInvoices|length }})</div>
                    </div>
                    <div class="datagrid no_btn_p" >
                        <table>
                            <thead>
                            <tr>
                                <th>Invoice Id</th>
                                <th>Total amount</th>
                                <th>Status</th>
                                <th>Created On</th>
                                <th>Details</th>
                            </tr>
                            </thead>
                            <tbody>
                            {% for invoice in member.createdInvoices %}
                                {% if loop.index is divisible by(2) %}
                                    {% set tr_class = 'alt' %}
                                {% else %}
                                    {% set tr_class = 'odd' %}
                                {% endif %}
                                <tr class="{{ tr_class }}">
                                    <td data-label="Invoice Id">{{ invoice.id }}</td>
                                    <td data-label="Total amount">$ {{ invoice.total }}</td>
                                    <td data-label="Status">{{ invoice.status }}</td>
                                    <td data-label="Created On">{{ invoice.createTime is not null? invoice.createTime.format('d F y, h:i:s') }}</td>
                                    <td data-label="Details"> <a class="btn creat_new" href="{{ path('invoice_details', {id: invoice.id}) }}">
                                            <span class="button_primary_label">View Details</span>
                                        </a>
                                    </td>
                                </tr>
                            {% endfor %}


                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>

    </div>
    <script>
        $(document).ready(function(){
            $("#suspend_span").click(function (e) {
                $(".suspend_member").show(1000)
            });
        });
    </script>
{% endblock %}