@extends('layouts.panel')
@section('content')
<link rel="stylesheet" href="{{ url('css/parametros.css') }}">

<div class="parametros-container">
    <!-- Header -->
    <div class="parametros-header">
        <h2 class="parametros-titulo">
            Configuración Números Ganadores
        </h2>
    </div>

    <!-- Contenido -->
    <div class="parametros-content">
        <div class="table-responsive">
            <table class="tabla-parametros">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>Cantidad Boletos</th>
                        <th>Número Ganador</th>
                        <th>Acción</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($parametros as $parametro)
                        <tr>
                            <td>{{ $loop->iteration }}</td>
                            <td>
                                <span class="numero-cantidad">{{ $parametro->cantidadRegistros }}</span>
                            </td>
                            <td>
                                <span class="numero-ganador">{{ $parametro->numeroPremiados }}</span>
                            </td>
                            <td>
                                <a href="{{ url('parametros/' . $parametro->id . '/edit') }}" class="btn-editar">
                                    <i class="material-icons">edit</i>
                                    Editar
                                </a>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="4" class="sin-resultados">Sin resultados</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection