{% extends 'base_admin.html.twig' %}
{% block title %} Share register {% endblock %}
{% block body %}
    <h1 style="color: red">Share purchase history </h1>

    {% if is_granted('ROLE_ADMIN') %}
        <div>
            <a class="btn btn-info" href="{{ path('dashboard_pub_import', {slug:'hyperglance'}) }}">Import data from csv</a>
            <a class="btn btn-outline-success" href="{{ path('shareregister_new')}}">New share sale</a>
            <hr>
        </div>
    {% endif %}

    <div class="table-responsive">
        <table class="table table-striped share-table">
            <thead>
            <tr>
                <th>Share Cert #</th>
                <th>Shareholder</th>
                <th>Date</th>
                <th>Shares</th>
                <th>Price</th>
                <th>Consideration</th>
                <th>#</th>
            </tr>
            </thead>
            <tbody>
            {% for share in shares %}
                <tr>
                    <td>{{share.shareCertificateNumber}} </td>
                    <td>{{share.user.fullName}} </td>
                    <td data-sort="{{ share.investmentDate ?share.investmentDate|date('Y-m-d') : '' }}" style="text-align: right">{{share.investmentDate | date('d-M-Y') }}</td>
                    <td style="text-align: right">{{share.shareCount|number_format}} </td>
                    <td style="text-align: right">{{(share.investmentAmount/(0.0000000001+share.shareCount))|number_format (2, '.', ',') }}</td>
                    <td style="text-align: right"> <a target="_blank" href="{{path('shareregister_edit', {'id': share.id})}}"> {{share.investmentAmount|number_format}}</a> </td>
                    <td> <a target="_blank" class="btn btn-danger btn-sm" href="{{path('shareregister_delete', {'id': share.id})}}"> Delete</a> </td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    </div>
    <hr>
{% endblock %}



{% block datatable %}
    <script>
        $(document).ready(function () {
            $('.share-table').DataTable({
                'pageLength': 100,
                "order": [[0, 'asc'], [1, 'asc'] ],
                "paging": false,
                "searching": false,
                "bInfo": false
            });
        });
    </script>
{% endblock datatable %}