{% extends 'base.html.twig' %}

{% block javascripts %}
    {{ parent() }}
    {{ encore_entry_script_tags('admin') }}
{% endblock %}

{% block title %}Companies{% endblock %}

{% block body %}
    <div class="container my-5">
        <div class="d-flex justify-content-between mb-5 align-items-start">
            <h1 class="mb-0">
                {% trans %}Companies{% endtrans %}
            </h1>

            <a href="{{ path('app_admin_company_new') }}" class="btn btn-primary">Create company</a>
        </div>

        <div class="table-responsive">
            <table class="table table-striped table-hover">
                <thead>
                <tr>
                    <th>Name</th>
                    <th>Email</th>
                    <th>Adverts</th>
                    <th>Login</th>
                    <th>Claims</th>
                </tr>
                </thead>
                <tbody>
                {% for c in companies %}
                    <tr>
                        <td>
                            <a href="{{ path('company_company', {company: c.companynameSlug, city: c.city, province: c.province}) }}" target="_blank">
                                {{ c.companyname }}
                            </a>
                        </td>
                        <td>{{ c.emailaddress }}</td>
                        <td>
                            <a href="{{ path('app_admin_company_advert_list', {companynameSlug: c.companynameSlug}) }}">
                                View Adverts
                            </a>
                        </td>
                        <td>
                            <a href="{{ path('dashboard_index') }}?_switch_user={{ c.user.email }}" class="btn btn-warning">Login to company</a>
                        </td>
                        <td>
                            <a href="{{ path('app_admin_company_claims', { companynameSlug: c.companynameSlug}) }}" class="btn btn-success">Claims ({{ c.claims|length }})</a>
                        </td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>

    </div>

{% endblock %}