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

{% block title %}License Management{% endblock %}

{% block styles %}
    <style>

        td,
        th,
        tr {
            color: white !IMPORTANT;
        }

    </style>
{% endblock %}

{% block body %}

    <div class="container-fluid h-100" style="background-color: #202020">
        <div class="row p-4">
            <h1 class="text-white">License Management</h1>
            <div class="modal fade" id="deleteConfirmModal" tabindex="-1" aria-labelledby="deleteConfirmModalLabel"
                 aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="deleteConfirmModalLabel">Delete confirm</h5>
                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                        </div>
                        <div class="modal-body">
                            <p>You will delete:</p>
                            <p>1. This license</p>
                            <p>2. All users who were created by this user ( if this Business )</p>
                            <p>3. Delete userSettings information ( if user don't have newest license )</p>
                            <p>Do you want to delete?</p>

                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                            <button type="button" class="btn btn-danger" id="confirmDeleteBtn">Delete</button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-12">
                <div class="tab-pane h-100 text-white" id="profile-tab-pane" role="tabpanel"
                     aria-labelledby="profile-tab"
                     tabindex="0">
                    <div class="row h-100">
                        <div class="col h-100">
                            <div class="table-responsive h-100">
                                <table class="table table-striped table-bordered h-100" id="licenseTable">
                                    <thead class="table-mobile-class">
                                    <tr>
                                        <th>User id</th>
                                        <th>Global id</th>
                                        <th>Company Name</th>
                                        <th>License Number</th>
                                        {#                                                                                <th>Reg_datetime</th> #}
                                        <th>Valid_from</th>
                                        <th>Valid_until</th>
                                        <th>Is_trial</th>
                                        <th>License_period</th>
                                        <th>License_type</th>
                                        <th>Cancel_date</th>
                                        <th>Edit</th>
                                        <th>Delete</th>
                                    </tr>
                                    </thead>

                                    <tbody>

                                    {% for licenseWithCompany in licensesWithCompany %}
                                        <tr>
                                            <td>{{ licenseWithCompany.license.regBy }}</td>
                                            <td>{{ licenseWithCompany.license.globalId }}</td>
                                            <td>{{ licenseWithCompany.companyName }}</td>

                                            <td>{{ licenseWithCompany.license.licenseNumber }}</td>
                                            {#                                            <td>{{ license.regDatetime|date('Y-m-d') }}</td> #}
                                            <td>{{ licenseWithCompany.license.validFrom|date('Y-m-d') }}</td>
                                            <td>{{ licenseWithCompany.license.validUntil|date('Y-m-d') }}</td>
                                            <td>{{ licenseWithCompany.license.isTrial }}</td>
                                            <td>{{ licenseWithCompany.license.licensePeriod }}</td>
                                            <td>{{ licenseWithCompany.license.licenseType }}</td>
                                            <td>{{ licenseWithCompany.license.cancelDate ? licenseWithCompany.license.cancelDate|date('Y-m-d') : 'null' }}</td>
                                            <td>
                                                <a
                                                        class="display-flex-center button-edit-ts f-14"
                                                        href="{{ path('app_adm_license_edit', {'id': licenseWithCompany.license.globalId}) }}"
                                                        title="Edit License">
                                                    <i class="icofont-edit f-10"></i>
                                                </a>
                                            </td>
                                            <td>
                                                <a
                                                        class="display-flex-center button-delete-ts f-14"
                                                        href="#"
                                                        data-bs-toggle="modal"
                                                        data-bs-target="#deleteConfirmModal"
                                                        data-id="{{ licenseWithCompany.license.globalId }}">
                                                    <i class="icofont-trash f-10"></i>
                                                </a>
                                            </td>
                                        </tr>
                                    {% endfor %}
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}

{% block javascripts %}
    {{ encore_entry_script_tags('adm_license') }}
{% endblock %}