<div class="container-fluid h-100" id="cont_principal">
    
    <form id="edictos_cola" class="h-100 d-flex flex-column">
        <input type="hidden" name="_token" id="token" value="{{ csrf_token() }}">
        <input type="hidden" name="archivo_csv" id="arch_csv" value="1">
        <div class="row justify-content-center flex-grow-1">
            <div class="col-sm-12">
                <div class="card flex-grow-1">
                    <div class="card-body" style="padding:18px 20px 14px 18px;">
                        <div class="card-text  h-100 d-flex flex-column" id="contenido">
                        @if (!empty($data))
                            @php 
                                $numero_edicto=1; 
                            @endphp
                            
                            @foreach($data as $edicto) 
                                <div id="id_edicto_{{$numero_edicto}}">                                    
                                    <div class="row" >
                                        <div class="col-sm-1" style="width:3%;color:#057151;">
                                                {{$numero_edicto}}
                                        </div>
                                        <div class="col-sm-11">
                                            <input type="hidden" name="id_fide[]" value="{{$edicto->id_fide}}">
                                            <div class="row" style="padding-button:10px; padding-left: 20px;">
                                                <div class="col-sm-4 d-flex align-items-center" style="gap: 6px">
                                                    <b class="fs-7 text-nowrap">Razón Social:</b>
                                                    <input name="razonsocial[]" type="text" value="{{$edicto->razon_social}}" maxlength="100" id="razonsocial" class="form-control form-select-sm" size="100"  />
                                                </div>
                                                <div class="col-sm-2 d-flex align-items-center" style="gap: 6px">
                                                <!-- NUEVO -->
                                                <b class="fs-7" id="label_cuit_" >CUIT:</b>
                                                    <input name="cuit[]" type="text" value="{{$edicto->documento_soc}}" maxlength="30" id="cuit" class="form-control form-select-sm" size="30"  oninput="" />
                                                </div>
                                                <div class="col-sm-2 d-flex align-items-center text-nowrap" style="gap: 6px">
                                                    <b class="fs-7">Fecha:</b> 
                                                    <input name="fecha[]" type="text" value="{{$edicto->fecha_publicacion}}" maxlength="30" id="fecha" class="form-control form-select-sm" size="30" readonly/>
                                                </div>
                                                <div class="col-sm-2 d-flex align-items-center text-nowrap ms-5" style="gap: 6px">
                                                    <b class="fs-7">Region:</b> 
                                                    <input name="region[]" type="text" value="{{$edicto->fuente}}" maxlength="100" id="region" class="form-control form-select-sm" size="100" readonly/>
                                                </div>
                                                <div class="col-sm-1 d-flex align-items-center justify-content-end ms-auto mb-3"style="gap: 6px;">                                                    
                                                    <button type="button" id="" class="btn btn-danger boton-eliminar" data-id="{{$edicto->id_fide}}" data-div_id="{{$numero_edicto}}" data-razon-social="{{$edicto->razon_social}}" data-cuit="{{$edicto->documento_soc}}" data-bs-toggle="modal" data-bs-target="#deleteModal">
                                                        <i class="fa fa-trash" aria-hidden="true" style="color: white;"></i>
                                                    </button>
                                                    <button type="button" id="" class="btn btn-fidelitas boton-guardar-individual d-none" data-div_id="{{$numero_edicto}}" data-edicto="{{$edicto->contenido_archivo}}" data-id="{{$edicto->id_fide}}" data-fuente="{{$edicto->fuente}}" data-fecha_publicacion="{{$edicto->fecha_publicacion}}" data-documento_soc="{{$edicto->documento_soc}}" data-razon-social="{{$edicto->razon_social}}" data-cuit="{{$edicto->documento_soc}}" data-bs-toggle="modal" data-bs-target="#guardarIndividual">
                                                        <i class="bi bi-floppy" aria-hidden="true" style="color: white;"></i>
                                                    </button>
                                                </div>
                                            </div>
                                            <div class="row justify-content-center" style="padding-left: 20px;">
                                                <p><!-- <b>Edicto:</b> -->
                                                    <textarea name="edictos[]" rows="2" id="edictos" class="form-control form-control-sm">{{$edicto->contenido_archivo}}</textarea>
                                                </p>
                                            </div>
                                            <!-- <hr style="border: 1px solid #000000;">-->                                            
                                            <hr class="text-fidelitas" style="border: 2px solid;">
                                        </div>                        
                                    </div>
                                </div>
                                @php $numero_edicto++; @endphp
                            @endforeach    
                        @else
                            <h5>No hay edictos disponibles.</h3>
                        @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>

