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

<div class="generar-numeros-container">
    <!-- Header -->
    <div class="generar-numeros-header">
        <h2 class="generar-numeros-titulo">
            Generar Números Manualmente
        </h2>
    </div>

    <!-- Formulario -->
    <div class="generar-numeros-form">
        @if (@$_GET['estadoManual'] != 1)
            <!-- Formulario de Datos del Cliente -->
            <form action="{{ route('num.store') }}" method="POST">
                @csrf

                <!-- Grid de 2 columnas -->
                <div class="form-grid-generar">
                    <!-- Nombre -->
                    <div class="form-group-generar">
                        <label for="nombre" class="form-label-generar">Nombre</label>
                        <input type="text" name="nombre" class="form-input-generar" id="nombre"
                               placeholder="Ej: Juan" required>
                        <div class="invalid-feedback">Por favor proporcione un nombre.</div>
                        <div class="valid-feedback">¡Se ve bien!</div>
                    </div>

                    <!-- Apellido -->
                    <div class="form-group-generar">
                        <label for="apellido" class="form-label-generar">Apellido</label>
                        <input type="text" name="apellido" class="form-input-generar" id="apellido"
                               placeholder="Ej: Pérez" required>
                        <div class="invalid-feedback">Por favor proporcione un apellido.</div>
                        <div class="valid-feedback">¡Se ve bien!</div>
                    </div>

                    <!-- Celular -->
                    <div class="form-group-generar">
                        <label for="celular" class="form-label-generar">Celular</label>
                        <input type="number" name="celular" class="form-input-generar" id="celular"
                               placeholder="Ej: 3001234567" required>
                        <div class="invalid-feedback">Por favor proporcione un celular.</div>
                        <div class="valid-feedback">¡Se ve bien!</div>
                    </div>

                    <!-- Correo -->
                    <div class="form-group-generar">
                        <label for="correo" class="form-label-generar">Correo Electrónico</label>
                        <input type="email" name="correo" class="form-input-generar" id="correo"
                               placeholder="Ej: ejemplo@correo.com" required>
                        <div class="invalid-feedback">Por favor proporcione un correo válido.</div>
                        <div class="valid-feedback">¡Se ve bien!</div>
                    </div>

                    <!-- Cantidad -->
                    <div class="form-group-generar">
                        <label for="cantidad" class="form-label-generar">Cantidad de Números</label>
                        <input type="number" name="cantidad" class="form-input-generar" id="cantidad"
                               placeholder="Ej: 5" required>
                        <div class="invalid-feedback">Por favor proporcione una cantidad.</div>
                        <div class="valid-feedback">¡Se ve bien!</div>
                    </div>
                </div>

                <hr class="generar-separator">

                <!-- Botón de Acción -->
                <div class="generar-actions">
                    <button type="submit" class="btn-generar-numeros">
                        <i class="material-icons">casino</i>
                        Generar Números
                    </button>
                </div>
            </form>
        @endif

        @if (@$_GET['estadoManual'] == 1)
            <!-- Formulario Simple para Generar Números -->
            <form action="{{ route('num.generarNumeros') }}" method="POST">
                @csrf
                <input type="hidden" name="clienteId" value="{{ @$_GET['cliente'] }}">
                <input type="hidden" name="ventaId" value="{{ @$_GET['venta'] }}">
                <input type="hidden" name="estadoManual" value="{{ @$_GET['estadoManual'] }}">

                <div class="generar-actions">
                    <button type="submit" class="btn-generar-grande">
                        <i class="material-icons">casino</i>
                        Generar Números Manualmente
                    </button>
                </div>
            </form>
        @endif
    </div>
</div>

<script src="{{ url('js/generarNumeros.js') }}"></script>
@endsection