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

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

{% block title %}{{ company.companyname }} claims{% endblock %}

{% block body %}
    <div class="container my-5">
        <div class="d-flex justify-content-between mb-5 align-items-start">
            <div class="d-flex align-items-center" style="gap: 1rem;">
                <a href="{{ path('app_admin_company_index') }}">
                    <i class="fa fa-arrow-left fa-lg"></i>
                </a>
                <h1 class="mb-0">
                    {{ company.companyname }} claims
                </h1>
            </div>
        </div>

        <div class="table-responsive">
            <table class="table table-striped table-hover">
                <thead>
                <tr>
                    <th>Name</th>
                    <th>Surname</th>
                    <th>Company name</th>
                    <th>Email</th>
                    <th>Action</th>
                    <th>Created at</th>
                    <th>Match %</th>
                    <th>View</th>
                </tr>
                </thead>
                <tbody>
                {% for c in claims %}
                    <tr>
                        <td>{{ c.name }}</td>
                        <td>{{ c.surname }}</td>
                        <td>{{ c.companyName }}</td>
                        <td>{{ c.email }}</td>
                        <td>{{ c.companyAction }}</td>
                        <td>{{ c.createdAt|date() }}</td>
                        <td>{{ c.match }}%</td>
                        <td>
                            <a href="{{ path('app_admin_company_claim', {companynameSlug: company.companynameSlug, id: c.id}) }}" class="btn btn-success">View</a>
                        </td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>

    </div>

{% endblock %}