{% extends 'base_admin.html.twig' %}
{% block title %}Share Register index{% endblock %}

{% block body %}
    <h1 style="color: red">Share Register index</h1>

    <table class="table">
        <thead>
            <tr>
                <th>Id</th>
                <th>Shareholder</th>
                <th>Email</th>
                <th>Pub/Titan</th>
                <th style="text-align: right">Investment</th>
                <th width="500px">~</th>
            </tr>
        </thead>
        <tbody>
        {% for shareregister in shareregisters %}
            <tr class="{{ (shareregister.user.isToVerifyEmail) ? 'table-danger' : '' }}">
                <td>{{ shareregister.id }}</td>
                <td>{{ shareregister.user.fullName }}</td>
                <td>{{ shareregister.user.email }}</td>
                <td>{{ shareregister.pub.name }}</td>
                <td style="text-align: right">{{ shareregister.investmentAmount |number_format (0, '.') }}</td>
                <td width="500px">
                    <a class="btn btn-outline-success btn-sm" href="{{ path('shareregister_show', {'id': shareregister.id}) }}">Show</a>
                    <a class="btn btn-outline-primary btn-sm" href="{{ path('shareregister_edit', {'id': shareregister.id}) }}">Edit</a>

                    <form class="d-inline" method="post" action="{{ path('shareregister_delete', {'id': shareregister.id}) }}" onsubmit="return confirm('Are you sure you want to delete this item?');">
                        <input type="hidden" name="_method" value="DELETE">
                        <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ shareregister.id) }}">
                        <button class="btn btn-danger btn-sm">Delete</button>
                    </form>




                </td>
            </tr>
        {% else %}

        {% endfor %}
        </tbody>
    </table>

    <a href="{{ path('shareregister_new') }}">New</a>
{% endblock %}
{% block datatable %}
    <script>
        $(document).ready(function () {
            $('.table').DataTable({
                'pageLength': 100,
                "order": [[0, 'desc']],
                "paging": true,
                "searching": true,
                "bInfo": false
            });
        });
    </script>
    <script>

        $('#IndustryAll').click(function (e) {
            e.preventDefault();

            $('.industry span').trigger('click');


        })

    </script>
{% endblock datatable %}