@extends('header_nuevo_generico')

@section('main')
<div class="container">
    <div class="row">
        <h2 class="text-center text-fidelitas mt-5 pt-5">Nivel Socio-Ecónomico</h2>
    </div>
    <!-- Cifras --> 
    <div class="container">
        <div class="row my-2">
            <form method="post">
                <input type="hidden" name="_token" id="token" value="{{ csrf_token() }}">
                <div class="row">
                    <h5 class="text-start text-fidelitas">Cifras</h5>
                    <div class="col-2">
                        <label for="socio_cifras">Socio</label>
                        <input type="text" class="form-control solo-numeros" name="socio_cifras" id="socio_cifras" value="{{$cifras->socio}}">
                    </div>
                    <div class="col-2">
                    <label for="directivo_cifras">Directivo</label>
                        <input type="text" class="form-control solo-numeros" name="directivo_cifras" id="directivo_cifras" value="{{$cifras->directivo}}">
                    </div>
                    <div class="col-1 mt-4">
                        <button type="button" class="btn btn-fidelitas d-flex align-items-center gap-2" id="GuardarSocioEconomico" >
                            <i class="bi bi-save"></i>
                            Guardar
                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <!-- Cliente Generico -->
    <div class="container">
        <div class="row mb-3">
            <h5 class="text-start text-fidelitas">Categorias</h5>
            @if(empty($clientes))
                No hay clientes disponibles.
            @else
                <form method="post" id="elegirClientes">
                    <input type="hidden" name="_token" value="{{ csrf_token() }}">
                    <select class="form-select" name="clientes_se" id="clientes_se">
                        <option value="0">Cliente genérico</option>
                        @foreach($clientes as $cliente)
                            <option value="{{$cliente->cliente}}">{{$cliente->nombre_cliente}}</option>
                        @endforeach
                    </select>
                </form>
            @endif
        </div>
    </div>
    <div id="obtenerRangos" class="container"></div>
</div>

@include('abm-nse/nse_modales')

@endsection

@section('funcionesJS')
    <script src="/js/socioeconomicoABM/socioeconomicoABM.js?v={{rand()}}"></script>
@endsection