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

<div class="parametros-edit-container">
    <!-- Header -->
    <div class="parametros-edit-header">
        <h2 class="parametros-edit-titulo">
            Modificar Parámetros
        </h2>
    </div>

    <!-- Formulario -->
    <div class="parametros-edit-form">
        <form action="{{ route('parametros.update', $parametros->id) }}" method="POST">
            @csrf
            @method('PUT')

            <!-- Grid de 2 columnas -->
            <div class="form-grid">
                <!-- Cantidad Registros -->
                <div class="form-group-edit">
                    <label for="cantidadRegistros" class="form-label-edit">Cantidad Boletos</label>
                    <input type="number" name="cantidadRegistros" value="{{ $parametros->cantidadRegistros }}"
                           class="form-input-edit" id="cantidadRegistros"
                           placeholder="Ej: 600" required>
                    <div class="invalid-feedback">Por favor proporcione una cantidad de boletos.</div>
                    <div class="valid-feedback">¡Se ve bien!</div>
                </div>

                <!-- Número Premiados -->
                <div class="form-group-edit">
                    <label for="numeroPremiados" class="form-label-edit">Número Ganador</label>
                    <input type="number" name="numeroPremiados" value="{{ $parametros->numeroPremiados }}"
                           class="form-input-edit" id="numeroPremiados"
                           placeholder="Ej: 8892" required>
                    <div class="invalid-feedback">Por favor proporcione un número ganador.</div>
                    <div class="valid-feedback">¡Se ve bien!</div>
                </div>
            </div>

            <hr class="edit-separator">

            <!-- Botones de Acción -->
            <div class="edit-actions">
                <button type="submit" class="btn-modificar">
                    <i class="material-icons">save</i>
                    Modificar Parámetros
                </button>

                <a href="{{ url('parametros') }}" class="btn-volver-edit">
                    <i class="material-icons">arrow_back</i>
                    Volver al Listado
                </a>
            </div>
        </form>
    </div>
</div>
@endsection