<template>
	<div class="">
	    <h2 class="intro-y text-lg font-medium mt-10">Lista de Transacciones Prepagos</h2>
	    <div class="grid grid-cols-12 gap-6 mt-5">
	        <div class="intro-y col-span-12 flex flex-wrap xl:flex-nowrap items-center mt-2">
	            <div class="flex w-full sm:w-auto">
	                <div class="w-48 relative text-slate-500">
	                    <input type="text" class="form-control w-48 box pr-10" placeholder="Buscar....">
	                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide w-4 h-4 absolute my-auto inset-y-0 mr-3 right-0">
	                        <circle cx="11" cy="11" r="8"></circle>
	                        <line x1="21" y1="21" x2="16.65" y2="16.65"></line>
	                    </svg>
	                </div>
	                <select class="form-select box ml-2">
	                    <option>Status</option>
	                    <option>Aprobado</option>
	                    <option>Rechazado</option>
	                </select>
	            </div>
	            <div class="hidden xl:block mx-auto text-slate-500"> Mostrando 11 a 20 de 123 registros </div>
	            <div class="w-full xl:w-auto flex items-center mt-3 xl:mt-0">
	                <button class="btn btn-primary shadow-md mr-2">
	                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide w-4 h-4 mr-2">
	                        <path d="M14.5 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V7.5L14.5 2z"></path>
	                        <polyline points="14 2 14 8 20 8"></polyline>
	                        <line x1="16" y1="13" x2="8" y2="13"></line>
	                        <line x1="16" y1="17" x2="8" y2="17"></line>
	                        <line x1="10" y1="9" x2="8" y2="9"></line>
	                    </svg> Exportar a Excel
	                </button>
	                <button class="btn btn-primary shadow-md mr-2">
	                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide w-4 h-4 mr-2">
	                        <path d="M14.5 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V7.5L14.5 2z"></path>
	                        <polyline points="14 2 14 8 20 8"></polyline>
	                        <line x1="16" y1="13" x2="8" y2="13"></line>
	                        <line x1="16" y1="17" x2="8" y2="17"></line>
	                        <line x1="10" y1="9" x2="8" y2="9"></line>
	                    </svg> Exportar a PDF
	                </button>
	            </div>
	        </div>
	        <div class="intro-y col-span-12 overflow-auto 2xl:overflow-visible">
	            <table class="table table-report -mt-2">
	                <thead>
	                    <tr>
	                        <th class="whitespace-nowrap">
	                            <input class="form-check-input" type="checkbox">
	                        </th>
	                        <th class="whitespace-nowrap">FACTURA</th>
	                        <th class="whitespace-nowrap">NOMBRE DE USUARIO</th>
	                        <th class="text-center whitespace-nowrap">STATUS</th>
	                        <th class="whitespace-nowrap">METODO DE PAGO</th>
	                        <th class="text-right whitespace-nowrap">
	                            <div class="pr-16">MONTO DE OPERACÓN</div>
	                        </th>
	                        <th class="text-center whitespace-nowrap">ACCIONES</th>
	                    </tr>
	                </thead>
	                <tbody>
	                    <tr class="intro-x">
	                        <td class="w-10">
	                            <input class="form-check-input" type="checkbox">
	                        </td>
	                        <td class="w-40 !py-4">
	                            <a href="" class="underline decoration-dotted whitespace-nowrap">26807556</a>
	                        </td>
	                        <td class="w-40">
	                            <a href="" class="font-medium whitespace-nowrap">Nicolas Cage</a>
	                            <div class="text-slate-500 text-xs whitespace-nowrap mt-0.5"> 01 Agosto 2022, 12:55 </div>
	                            <!-- <div class="text-slate-500 text-xs whitespace-nowrap mt-0.5"> Ohio, Ohio </div> -->
	                        </td>
	                        <td class="text-center">
	                            <div class="flex items-center justify-center whitespace-nowrap text-success">
	                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide w-4 h-4 mr-2">
	                                    <polyline points="9 11 12 14 22 4"></polyline>
	                                    <path d="M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11"></path>
	                                </svg> Aprobado
	                            </div>
	                        </td>
	                        <td>
	                            <div class="whitespace-nowrap">AnsaPass</div>
	                            <div class="text-slate-500 text-xs whitespace-nowrap mt-0.5"> #Y455SD77D</div>

	                        </td>
	                        <td class="w-40 text-right">
	                            <div class="pr-16">26,00 Bs.</div>
	                        </td>
	                        <td class="table-report__action">
	                            <div class="flex justify-center items-center">
	                                <a class="flex items-center text-primary whitespace-nowrap mr-5" href="javascript:;">
	                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide w-4 h-4 mr-1">
	                                        <polyline points="9 11 12 14 22 4"></polyline>
	                                        <path d="M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11"></path>
	                                    </svg> Ver Detalles </a>
	                            </div>
	                        </td>
	                    </tr>
	                    <tr class="intro-x">
	                        <td class="w-10">
	                            <input class="form-check-input" type="checkbox">
	                        </td>
	                        <td class="w-40 !py-4">
	                            <a href="" class="underline decoration-dotted whitespace-nowrap">27807556</a>
	                        </td>
	                        <td class="w-40">
	                            <a href="" class="font-medium whitespace-nowrap">Russell Crowe</a>
	                            <div class="text-slate-500 text-xs whitespace-nowrap mt-0.5"> 01 Agosto 2022, 12:55 </div>
	                            <!-- <div class="text-slate-500 text-xs whitespace-nowrap mt-0.5"> California, LA </div> -->
	                        </td>
	                        <td class="text-center">
	                            <div class="flex items-center justify-center whitespace-nowrap text-danger">
	                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide w-4 h-4 mr-2">
	                                    <polyline points="9 11 12 14 22 4"></polyline>
	                                    <path d="M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11"></path>
	                                </svg> Rechazado
	                            </div>
	                        </td>
	                        <td>
	                            <div class="whitespace-nowrap">Carnet Prepagado</div>
	                            <div class="text-slate-500 text-xs whitespace-nowrap mt-0.5"> #FGH45D77D </div>
	                        </td>
	                        <td class="w-40 text-right">
	                            <div class="pr-16">27,00 Bs.</div>
	                        </td>
	                        <td class="table-report__action">
	                            <div class="flex justify-center items-center">
	                                <a class="flex items-center text-primary whitespace-nowrap mr-5" href="javascript:;">
	                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide w-4 h-4 mr-1">
	                                        <polyline points="9 11 12 14 22 4"></polyline>
	                                        <path d="M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11"></path>
	                                    </svg> Ver Detalles </a>
	                            </div>
	                        </td>
	                    </tr>
	                    <tr class="intro-x">
	                        <td class="w-10">
	                            <input class="form-check-input" type="checkbox">
	                        </td>
	                        <td class="w-40 !py-4">
	                            <a href="" class="underline decoration-dotted whitespace-nowrap">49807556</a>
	                        </td>
	                        <td class="w-40">
	                            <a href="" class="font-medium whitespace-nowrap">Russell Crowe</a>
	                            <div class="text-slate-500 text-xs whitespace-nowrap mt-0.5"> 01 Agosto 2022, 12:55 </div>
	                            <!-- <div class="text-slate-500 text-xs whitespace-nowrap mt-0.5"> California, LA </div> -->
	                        </td>
	                        <td class="text-center">
	                            <div class="flex items-center justify-center whitespace-nowrap text-danger">
	                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide w-4 h-4 mr-2">
	                                    <polyline points="9 11 12 14 22 4"></polyline>
	                                    <path d="M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11"></path>
	                                </svg> Rechazado
	                            </div>
	                        </td>
	                        <td>
	                            <div class="whitespace-nowrap">Carnet Prepagado</div>
	                            <div class="text-slate-500 text-xs whitespace-nowrap mt-0.5"> #Y655SDDF </div>
	                        </td>
	                        <td class="w-40 text-right">
	                            <div class="pr-16">49,00 Bs.</div>
	                        </td>
	                        <td class="table-report__action">
	                            <div class="flex justify-center items-center">
	                                <a class="flex items-center text-primary whitespace-nowrap mr-5" href="javascript:;">
	                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide w-4 h-4 mr-1">
	                                        <polyline points="9 11 12 14 22 4"></polyline>
	                                        <path d="M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11"></path>
	                                    </svg> Ver Detalles </a>
	                            </div>
	                        </td>
	                    </tr>
	                    <tr class="intro-x">
	                        <td class="w-10">
	                            <input class="form-check-input" type="checkbox">
	                        </td>
	                        <td class="w-40 !py-4">
	                            <a href="" class="underline decoration-dotted whitespace-nowrap">38807556</a>
	                        </td>
	                        <td class="w-40">
	                            <a href="" class="font-medium whitespace-nowrap">Charlize Theron</a>
	                            <div class="text-slate-500 text-xs whitespace-nowrap mt-0.5"> 01 Agosto 2022, 12:55 </div>
	                            <!-- <div class="text-slate-500 text-xs whitespace-nowrap mt-0.5"> Ohio, Ohio </div> -->
	                        </td>
	                        <td class="text-center">
	                            <div class="flex items-center justify-center whitespace-nowrap text-success">
	                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide w-4 h-4 mr-2">
	                                    <polyline points="9 11 12 14 22 4"></polyline>
	                                    <path d="M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11"></path>
	                                </svg> Aprobado
	                            </div>
	                        </td>
	                        <td>
	                            <div class="whitespace-nowrap">AnsaPass</div>
	                            <div class="text-slate-500 text-xs whitespace-nowrap mt-0.5"> #2000D77D</div>

	                        </td>
	                        <td class="w-40 text-right">
	                            <div class="pr-16">38,00 Bs.</div>
	                        </td>
	                        <td class="table-report__action">
	                            <div class="flex justify-center items-center">
	                                <a class="flex items-center text-primary whitespace-nowrap mr-5" href="javascript:;">
	                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide w-4 h-4 mr-1">
	                                        <polyline points="9 11 12 14 22 4"></polyline>
	                                        <path d="M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11"></path>
	                                    </svg> Ver Detalles </a>
	                            </div>
	                        </td>
	                    </tr>
	                    <tr class="intro-x">
	                        <td class="w-10">
	                            <input class="form-check-input" type="checkbox">
	                        </td>
	                        <td class="w-40 !py-4">
	                            <a href="" class="underline decoration-dotted whitespace-nowrap">50807556</a>
	                        </td>
	                        <td class="w-40">
	                            <a href="" class="font-medium whitespace-nowrap">Russell Crowe</a>
	                            <div class="text-slate-500 text-xs whitespace-nowrap mt-0.5"> 01 Agosto 2022, 12:55 </div>
	                            <!-- <div class="text-slate-500 text-xs whitespace-nowrap mt-0.5"> Ohio, Ohio </div> -->
	                        </td>
	                        <td class="text-center">
	                            <div class="flex items-center justify-center whitespace-nowrap text-success">
	                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide w-4 h-4 mr-2">
	                                    <polyline points="9 11 12 14 22 4"></polyline>
	                                    <path d="M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11"></path>
	                                </svg> Aprobado
	                            </div>
	                        </td>
	                        <td>
	                            <div class="whitespace-nowrap">AnsaPass</div>
	                            <div class="text-slate-500 text-xs whitespace-nowrap mt-0.5"> #2SDYSD77D</div>

	                        </td>
	                        <td class="w-40 text-right">
	                            <div class="pr-16">50,00 Bs.</div>
	                        </td>
	                        <td class="table-report__action">
	                            <div class="flex justify-center items-center">
	                                <a class="flex items-center text-primary whitespace-nowrap mr-5" href="javascript:;">
	                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide w-4 h-4 mr-1">
	                                        <polyline points="9 11 12 14 22 4"></polyline>
	                                        <path d="M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11"></path>
	                                    </svg> Ver Detalles </a>
	                            </div>
	                        </td>
	                    </tr>
	                    <tr class="intro-x">
	                        <td class="w-10">
	                            <input class="form-check-input" type="checkbox">
	                        </td>
	                        <td class="w-40 !py-4">
	                            <a href="" class="underline decoration-dotted whitespace-nowrap">44807556</a>
	                        </td>
	                        <td class="w-40">
	                            <a href="" class="font-medium whitespace-nowrap">Morgan Freeman</a>
	                            <div class="text-slate-500 text-xs whitespace-nowrap mt-0.5"> 01 Agosto 2022, 12:55 </div>
	                            <!-- <div class="text-slate-500 text-xs whitespace-nowrap mt-0.5"> Ohio, Ohio </div> -->
	                        </td>
	                        <td class="text-center">
	                            <div class="flex items-center justify-center whitespace-nowrap text-success">
	                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide w-4 h-4 mr-2">
	                                    <polyline points="9 11 12 14 22 4"></polyline>
	                                    <path d="M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11"></path>
	                                </svg> Aprobado
	                            </div>
	                        </td>
	                        <td>
	                            <div class="whitespace-nowrap">AnsaPass</div>
	                            <div class="text-slate-500 text-xs whitespace-nowrap mt-0.5"> #2SDYSD77D</div>

	                        </td>
	                        <td class="w-40 text-right">
	                            <div class="pr-16">44,00 Bs.</div>
	                        </td>
	                        <td class="table-report__action">
	                            <div class="flex justify-center items-center">
	                                <a class="flex items-center text-primary whitespace-nowrap mr-5" href="javascript:;">
	                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide w-4 h-4 mr-1">
	                                        <polyline points="9 11 12 14 22 4"></polyline>
	                                        <path d="M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11"></path>
	                                    </svg> Ver Detalles </a>
	                            </div>
	                        </td>
	                    </tr>
	                    <tr class="intro-x">
	                        <td class="w-10">
	                            <input class="form-check-input" type="checkbox">
	                        </td>
	                        <td class="w-40 !py-4">
	                            <a href="" class="underline decoration-dotted whitespace-nowrap">100807556</a>
	                        </td>
	                        <td class="w-40">
	                            <a href="" class="font-medium whitespace-nowrap">Matt Damon</a>
	                            <div class="text-slate-500 text-xs whitespace-nowrap mt-0.5"> 01 Agosto 2022, 12:55 </div>
	                            <!-- <div class="text-slate-500 text-xs whitespace-nowrap mt-0.5"> Ohio, Ohio </div> -->
	                        </td>
	                        <td class="text-center">
	                            <div class="flex items-center justify-center whitespace-nowrap text-success">
	                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide w-4 h-4 mr-2">
	                                    <polyline points="9 11 12 14 22 4"></polyline>
	                                    <path d="M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11"></path>
	                                </svg> Aprobado
	                            </div>
	                        </td>
	                        <td>
	                            <div class="whitespace-nowrap">AnsaPass</div>
	                            <div class="text-slate-500 text-xs whitespace-nowrap mt-0.5"> #2SDYSD77D</div>

	                        </td>
	                        <td class="w-40 text-right">
	                            <div class="pr-16">100,00 Bs.</div>
	                        </td>
	                        <td class="table-report__action">
	                            <div class="flex justify-center items-center">
	                                <a class="flex items-center text-primary whitespace-nowrap mr-5" href="javascript:;">
	                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide w-4 h-4 mr-1">
	                                        <polyline points="9 11 12 14 22 4"></polyline>
	                                        <path d="M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11"></path>
	                                    </svg> Ver Detalles </a>
	                            </div>
	                        </td>
	                    </tr>
	                    <tr class="intro-x">
	                        <td class="w-10">
	                            <input class="form-check-input" type="checkbox">
	                        </td>
	                        <td class="w-40 !py-4">
	                            <a href="" class="underline decoration-dotted whitespace-nowrap">59807556</a>
	                        </td>
	                        <td class="w-40">
	                            <a href="" class="font-medium whitespace-nowrap">Charlize Theron</a>
	                            <div class="text-slate-500 text-xs whitespace-nowrap mt-0.5"> 01 Agosto 2022, 12:55 </div>
	                            <!-- <div class="text-slate-500 text-xs whitespace-nowrap mt-0.5"> Ohio, Ohio </div> -->
	                        </td>
	                        <td class="text-center">
	                            <div class="flex items-center justify-center whitespace-nowrap text-success">
	                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide w-4 h-4 mr-2">
	                                    <polyline points="9 11 12 14 22 4"></polyline>
	                                    <path d="M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11"></path>
	                                </svg> Aprobado
	                            </div>
	                        </td>
	                        <td>
	                            <div class="whitespace-nowrap">AnsaPass</div>
	                            <div class="text-slate-500 text-xs whitespace-nowrap mt-0.5"> #2SDYSD77D</div>

	                        </td>
	                        <td class="w-40 text-right">
	                            <div class="pr-16">59,00 Bs.</div>
	                        </td>
	                        <td class="table-report__action">
	                            <div class="flex justify-center items-center">
	                                <a class="flex items-center text-primary whitespace-nowrap mr-5" href="javascript:;">
	                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide w-4 h-4 mr-1">
	                                        <polyline points="9 11 12 14 22 4"></polyline>
	                                        <path d="M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11"></path>
	                                    </svg> Ver Detalles </a>
	                            </div>
	                        </td>
	                    </tr>
	                    <tr class="intro-x">
	                        <td class="w-10">
	                            <input class="form-check-input" type="checkbox">
	                        </td>
	                        <td class="w-40 !py-4">
	                            <a href="" class="underline decoration-dotted whitespace-nowrap">35807556</a>
	                        </td>
	                        <td class="w-40">
	                            <a href="" class="font-medium whitespace-nowrap">Robert De Niro</a>
	                            <div class="text-slate-500 text-xs whitespace-nowrap mt-0.5"> 01 Agosto 2022, 12:55 </div>
	                            <!-- <div class="text-slate-500 text-xs whitespace-nowrap mt-0.5"> Ohio, Ohio </div> -->
	                        </td>
	                        <td class="text-center">
	                            <div class="flex items-center justify-center whitespace-nowrap text-success">
	                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide w-4 h-4 mr-2">
	                                    <polyline points="9 11 12 14 22 4"></polyline>
	                                    <path d="M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11"></path>
	                                </svg> Aprobado
	                            </div>
	                        </td>
	                        <td>
	                            <div class="whitespace-nowrap">AnsaPass</div>
	                            <div class="text-slate-500 text-xs whitespace-nowrap mt-0.5"> #2SDYSD77D</div>

	                        </td>
	                        <td class="w-40 text-right">
	                            <div class="pr-16">35,00 Bs.</div>
	                        </td>
	                        <td class="table-report__action">
	                            <div class="flex justify-center items-center">
	                                <a class="flex items-center text-primary whitespace-nowrap mr-5" href="javascript:;">
	                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide w-4 h-4 mr-1">
	                                        <polyline points="9 11 12 14 22 4"></polyline>
	                                        <path d="M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11"></path>
	                                    </svg> Ver Detalles </a>
	                            </div>
	                        </td>
	                    </tr>
	                </tbody>
	            </table>
	        </div>
	        <div class="intro-y col-span-12 flex flex-wrap sm:flex-row sm:flex-nowrap items-center">
	            <nav class="w-full sm:w-auto sm:mr-auto">
	                <ul class="pagination">
	                    <li class="page-item">
	                        <a class="page-link" href="#">
	                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="<!-- currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide w-4 h-4"> -->
	                                <polyline points="11 17 6 12 11 7"></polyline>
	                                <polyline points="18 17 13 12 18 7"></polyline>
	                            </svg>
	                        </a>
	                    </li>
	                    <li class="page-item">
	                        <a class="page-link" href="#">
	                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="<!-- currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide w-4 h-4"> -->
	                                <polyline points="15 18 9 12 15 6"></polyline>
	                            </svg>
	                        </a>
	                    </li>
	                    <li class="page-item">
	                        <a class="page-link" href="#">...</a>
	                    </li>
	                    <li class="page-item">
	                        <a class="page-link" href="#">1</a>
	                    </li>
	                    <li class="page-item active">
	                        <a class="page-link" href="#">2</a>
	                    </li>
	                    <li class="page-item">
	                        <a class="page-link" href="#">3</a>
	                    </li>
	                    <li class="page-item">
	                        <a class="page-link" href="#">...</a>
	                    </li>
	                    <li class="page-item">
	                        <a class="page-link" href="#">
	                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="<!-- currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide w-4 h-4"> -->
	                                <polyline points="9 18 15 12 9 6"></polyline>
	                            </svg>
	                        </a>
	                    </li>
	                    <li class="page-item">
	                        <a class="page-link" href="#">
	                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="<!-- currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide w-4 h-4"> -->
	                                <polyline points="13 17 18 12 13 7"></polyline>
	                                <polyline points="6 17 11 12 6 7"></polyline>
	                            </svg>
	                        </a>
	                    </li>
	                </ul>
	            </nav>
	            <select class="w-20 form-select box mt-3 sm:mt-0">
	                <option>10</option>
	                <option>25</option>
	                <option>35</option>
	                <option>50</option>
	            </select>
	        </div>
	    </div>
	    <div class="modal" tabindex="-1" aria-hidden="true" data-tw-backdrop="" id="_1n1j0c5ul">
	        <div class="modal-dialog">
	            <div class="modal-content">
	                <div class="modal-body p-0">
	                    <div class="p-5 text-center">
	                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide w-16 h-16 text-danger mx-auto mt-3">
	                            <circle cx="12" cy="12" r="10"></circle>
	                            <line x1="15" y1="9" x2="9" y2="15"></line>
	                            <line x1="9" y1="9" x2="15" y2="15"></line>
	                        </svg>
	                        <div class="text-3xl mt-5">Are you sure?</div>
	                        <div class="text-slate-500 mt-2"> Do you really want to delete these records? <br>This process cannot be undone. </div>
	                    </div>
	                    <div class="px-5 pb-8 text-center">
	                        <button type="button" class="btn btn-outline-secondary w-24 mr-1"> Cancel </button>
	                        <button type="button" class="btn btn-danger w-24">Delete</button>
	                    </div>
	                </div>
	            </div>
	        </div>
	    </div>
	</div>
</template>