@if (showKeyGen)
{
    <div class="modal fade show" tabindex="-1" style="display:block; background-color: rgba(10,10,10,.6);" aria-modal="true" role="dialog" data-keyboard="true">
        <div class="modal-dialog modal-xl">
            <div class="modal-content">
                <div class="modal-header d-flex justify-content-between">
                    <div class="px-2">
                        <h4 class="modal-title">Machine Key Generator</h4>
                    </div>
                    <div class="px-2">
                        <button type="button" class="btn btn-close" data-dismiss="modal" @onclick="@ToggleKeyGen"></button>
                    </div>
                </div>
                <div class="modal-body">
                    <MachineKeyGen></MachineKeyGen>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger" data-dismiss="modal" @onclick="@ToggleKeyGen">Close</button>
                </div>
            </div>
        </div>
    </div>
}
<div class="card">
    <div class="card-header bg-info py-1 text-light">
        <div class="d-flex justify-content-between">
            <div class="px-2">
                <h3>Istanze/Attivazioni</h3>
            </div>
            <div class="px-2">
                @if (CanEdit)
                {
                    <button type="button" class="btn btn-primary" @onclick="@ToggleKeyGen">Show Machine KeyGen <i class="fas fa-key"></i></button>
                }
                else
                {
                    <button type="button" class="btn btn-secondary" disabled>Show Machine KeyGen <i class="fas fa-key"></i></button>
                }
            </div>
        </div>

    </div>
    <div class="card-body bg-light p-1">
        <table class="table table-sm table-striped table-responsive-lg">
            <thead>
                <tr>
                    <th>
                        <button type="button" class="btn btn-sm btn-warning w-100" value="Cancel" @onclick="close"><i class="fas fa-times"></i></button>
                    </th>
                    <th>#</th>
                    <th>Impiego</th>
                    <th>
                        Chiave &nbsp;
                        @if (showKey)
                        {
                            <button type="button" class="btn btn-sm btn-warning" @onclick="() => showDecrypt()"><i class="fas fa-eye-slash"></i></button>
                        }
                        else
                        {
                            <button type="button" class="btn btn-sm btn-success" @onclick="() => showDecrypt()"><i class="fas fa-eye"></i></button>
                        }
                    </th>
                    <th>Scadenza Veto</th>
                    <th class="text-end"><i class="fas fa-user-lock"></i></th>
                    <th class="text-end"><i class="fas fa-exclamation-triangle"></i></th>
                </tr>
            </thead>
            <tbody>
                @foreach (var record in ListRecords)
                {
                    <tr class="@checkSelect(record.IdxLic)">
                        <td class="text-nowrap">
                            <button class="btn btn-sm btn-info" @onclick="() => UnLock(record)" title="Edit record">
                                <i class="oi oi-lock-unlocked"></i>
                            </button>
                        </td>
                        <td>
                            <b>@record.IdxSubLic</b>
                        </td>
                        <td>
                            @record.CodImpiego
                        </td>
                        <td>
                            @if (showKey)
                            {
                                <span class="text-success">@decryptAuthKey(record.Chiave)</span>
                            }
                            else
                            {
                                @record.Chiave
                            }
                        </td>
                        <td>
                            <span class="@cssScadenza(record.VetoUnlock)">@($"{record.VetoUnlock:yyyy.MM.dd}")</span>
                        </td>
                        <td class="text-end">
                            @if (record.Locked)
                            {
                                <span aria-hidden="true" title="Licenza Bloccata"><i class="fas fa-lock text-danger"></i></span>
                            }
                            else
                            {
                                <span aria-hidden="true" title="Licenza Libera"><i class="fas fa-unlock-alt text-success"></i></span>
                            }
                        </td>
                        <td class="text-end">
                            @if (!record.Locked && CanEdit)
                            {
                                <button title="Elimina Licenza" class="btn btn-sm btn-danger" @onclick="() => Remove(record)"><i class="fas fa-trash"></i></button>
                            }
                        </td>
                    </tr>
                }
            </tbody>
        </table>
    </div>
</div>