{% extends "@front/base/front.twig" %}

{% block content %}

    <div class="container">
        <div class="row">
            <div class="col-md-6 col-10 mx-auto">

                <br/>
                <br/>

                <p>
                    <em>
                        “Where lies the final harbor, whence we unmoor no more? In what rapt ether sails the world, of which
                        the weariest will never weary? Where is the foundling’s father hidden? Our souls are like those
                        orphans whose unwedded mothers die in bearing them: the secret of our paternity lies in their grave,
                        and we must there to learn it.”<br/>
                        <sub>Herman Melville, Moby Dick</sub>
                    </em>
                </p>

                <br/>

            </div>
        </div>

        <div class="row">
            <div class="col-md-4 mx-auto">

                <div class="widgets card  ">
                    <div class="card-header">
                        <i class="fas fa-chart-line"></i>
                        Shortlink by Site
                    </div>

                    <div class="widget-body card-block">

                        <table class="table table-sm">
                            <tbody>
                            {% for key,site in sites %}
                            <tr>
                                <td><i class="fas fa-sitemap"></i></td>
                                <td>
                                    <a href="{{ path('front:shortlink:list', {sitesFilter: key}) }}">{{ site.title }}</a></td>
                                <td class="text-right">{{ statistics[key]|default(0) }}</td>
                                <td><a href="{{ path('front:shortlink:create', {site: key}) }}" class="btn btn-primary btn-sm">Create Link</a></td>
                            </tr>
                            {% endfor %}
                            </tbody>
                        </table>

                    </div>
                </div>

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

{% endblock %}