@extends('layouts.admin')

@section('title', 'Licencias Pagadas')

<!-- Header -->
@section('nombre_header', 'Gestión de Licencias Pagadas')
@section('section_header', 'ADMINISTRACIÓN')

<!-- Content -->
@section('content')

<div class="container">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Licencias Pagadas</h3>
                </div>
                <div class="card-body">
                    <p class="text-muted">
                        Panel de control para gestionar licencias activas.
                    </p>
                    <div class="alert alert-info">
                        <i class="fas fa-info-circle"></i>
                        <strong>Nota:</strong> Muestra las licencias con suscripción vigente, es decir, aquellas que cuentan con días de suscripción disponibles y están siendo utilizadas por los usuarios.
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@include('modules.proveedores.components.paid_licenses_table',['licenses'=> $licenses])

@stop







@section('css')
{{-- Add here extra stylesheets --}}
{{-- <link rel="stylesheet" href="/css/admin_custom.css"> --}}
@stop


{{-- Push extra scripts --}}
@push('js')
<script>
    $(function() {
        // Ejemplo en plantilla hija
        if (window.datatable) {
            // Cambiar orden
            window.datatable.order([
                [4, 'asc']
            ]).draw();

            // Cambiar número de filas por página
            // window.miTabla.page.len(200).draw();
        } else {
            console.warn('datatable no está inicializada aún.');
        }
    });
</script>
@endpush