@if($cuit !== null)
    <section class="container-fluid"> <!-- Cambiado a container-fluid para ocupar todo el ancho -->
@else
    <section class="container"> <!-- Contenedor normal -->
@endif
    <form id="form_extractor">
        <input type="hidden" name="_token" id="token" value="{{ csrf_token() }}">
        <input type="hidden" id="haycuit" value="{{$cuit ?? ''}}">
        <div class="">
            <div class="">
                <div class="row g-3"> 
                    <div class="col-sm-6 col-md-4 col-lg-2"> 
                        <label for="selector_region" class="form-label">Región</label>
                        <select id="selector_region" name="region" class="form-select text-start"> 
                            <option value="">Seleccione..</option>
                            @foreach ($regiones as $r)
                                <option value="{{ $r->id_region }}">{{ $r->nombre_region }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-sm-6 col-md-4 col-lg-2"> 
                        <label for="selector_fuentes" class="form-label">Fuentes</label>
                        <select id="selector_fuentes" name="fuente" class="form-select text-start">
                            @foreach ($fuentes as $f)
                                <option value="{{ $f->nombre_region }}">{{ $f->descripcion_region }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-sm-6 col-md-4 col-lg-2">
                        <label for="fecha_desde_con" class="form-label">Fecha</label>
                        <input type="hidden" name="fecha" id="fecha_desde_con_oculta">
                        <input type="text" id="fecha_desde_con" name="fecha" class="form-control" readonly> 
                    </div>
                    <div class="col-sm-6 col-md-4 col-lg-2">
                        <label for="rs" class="form-label">Razón Social</label>
                        <input type="text" id="rs" name="rs" class="form-control" value="{{$nombre ?? ''}}"
                            @if($cuit !== null) readonly @endif>
                    </div>
                    <div class="col-sm-6 col-md-4 col-lg-2">
                        <label for="cuit" class="form-label">Cuit</label>
                        <input type="text" id="cuit" name="cuit" class="form-control" value="{{$cuit ?? ''}}"
                            @if($cuit !== null) readonly @endif>
                    </div>
                </div>
                <div class="row mt-3"> 
                    <div class="col-12">
                        <label for="informe" class="form-label">Edicto</label>
                        <textarea id="informe" name="informe" class="form-control" rows="10"></textarea>
                        <div id="notificacion" class="mt-2"></div> 
                    </div>
                </div>
                <div class="row mt-3">
                    <div class="col-12 text-end"> <!-- Cambiado a text-end para alinear a la derecha -->
                        <button id="cargar-edicto-individual" type="submit" class="btn btn-fidelitas">Cargar</button> <!-- Cambiado a btn-primary -->
                    </div>
                </div>
            </div>
        </div>
    </form>

    @if($cuit !== null)
        @if(!$edictos)
            <br>
            <h4 class="modal-title">@traducir('No hay edictos cargados', 'No hay edictos cargados')</h4>
        @else
            <br>
            <h4 class="modal-title">@traducir('Edictos ya cargados', 'Edictos ya cargados')</h4>
            <div class="modal d-block position-relative" tabindex="-1"> <!-- Ajustado a clases de Bootstrap 5.3 -->
                <div class="modal-dialog modal-fullscreen"> <!-- Cambiado a modal-fullscreen -->
                    <div class="modal-content" style="overflow: scroll; height: 30vh; box-shadow: none;">
                        <div class="modal-header">
                            <h5 class="modal-title">Edictos</h5>
                        </div>
                        <div class="modal-body">
                            @foreach($edictos as $edicto)
                                <div class="text-left">
                                    <b>Provincia: {{$edicto->provincia_boletin ?? ''}} - Fecha: {{$edicto->fechab ?? ''}}</b>
                                </div>
                                <div class="col-md-12 text-justify" style="font-size: 14px;">{!!$edicto->texto ?? ''!!}</div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
        @endif
    @endif
</section>

<!-- Scripts -->
<!--script type="text/javascript" src="{{ URL::asset('js/tablasgenerales/juiciosscw.js') }}?v={{time()}}"></script-->
<script type="text/javascript" src="{{ URL::asset('js/extractor-js/cargador.js') }}?v=1"></script>

<script>
    $('#fecha_desde_con').datepicker({
		dateFormat: 'dd/mm/yy',
        altFormat: 'mm/dd/yy',
        altField: '#fecha_desde_con_oculta',
		todayHighlight: true,
		autoclose: false,
		language: "es",
		endDate: '+0d',
		showButtonPanel: true,
		changeMonth: true,
		changeYear: true,
	}).datepicker('setDate', '0d');
</script>