{% extends 'base_admin.html.twig' %}
{% block title %}Investors-{{ pagename }}{% endblock %}
{% block body %}
    <h1><span class="text-danger">{{ pagename }}</span></h1>
    {% if is_granted('ROLE_ADMIN') %}
    <p><a class="btn btn-outline-primary" href="{{ path('dashboard_user_new') }}">Create New Investor</a></p>
    {%  endif %}

    <div class="table-responsive">
        <table class="table">
            <thead>
            <tr>
                {% if is_granted('ROLE_ADMIN')  %}
                    <th> # </th>
                {% endif %}
                <th>Name</th>
                <th>Mobile</th>
                <th>Email</th>
                <th>Comments</th>
                <th>Disclaimer</th>
            </tr>
            </thead>
            <tbody>
            {% for user in users %}
                <tr>
                        {% if is_granted('ROLE_ADMIN')  %}
                    <td>
                    <a class="btn btn-outline-primary btn-sm"  href="{{ path('dashboard_user_edit', { 'id': user.id }) }}">Edit</a>
                    </td>
                        {% endif %}
                    <td>{{ user.fullName }}</td>
                    <td>{{  user.mobile }}</td>
                    <td>{{ user.email}}</td>
                    <td>{{ user.comments}}</td>
                    <td>
                        {% if user.disclaimerDate is not null %}
                            {{ user.disclaimerDate.format('d-M-Y') }}
                        {%  endif %}
                </tr>
            {% else %}
                <tr>
                    <td colspan="11">no records found</td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    </div>

{% endblock %}
{% block datatable %}
    <script>
        $(document).ready( function () {
            $('.table').DataTable({
                'pageLength': 50,
                "order": [[ 1, 'asc' ]]
            });
        } );
    </script>
{% endblock datatable %}