@include('header')
@include('navigator_menu_principal')

<div class="container">
    <!-- <button id="btn_abre_modal" data-toggle="modal" type="button" class="btn btn-link" >Exportar</button> -->
    <div class="col-md-12">
        <!-- seleccion de producto -->
        <!-- formulario secciones -->
        <form id="form_secciones">

            <div class="row">
                <p class="text-center" style="font-size: 24px;">Crear un nuevo producto Dossier (Agregar nombre cliente)
                </p>
                <hr style="padding-button:20px;">
                <div class="col-md-2">

                    <div class="row">
                        <label for="comentario_observacion">Seleccionar Producto</label>
                        <select id="select_productos_dossier" name="id_producto_dossier">
                            <option value="" class="producto_seleccionado">...</option>
                            @foreach($productos_dossier as $k => $v)
                                <option value="{{ $k + 1 }}" class="producto_seleccionado">{{ $v->nombre_producto }}</option>
                            @endforeach
                        </select>
                    </div>

                    <hr>

                    <div class="row">
                        <label for="comentario_observacion">Nombre Sub Producto</label>
                        <input name="nombre_producto" type="text" class="form-control" pattern=".{3,}" value="pepe"
                            required>
                    </div>
                </div>

                <div class="col-md-8">
                    @foreach($secciones as $seccion => $subsecciones)

                        <ul>
                            <li>
                                <!-- seccion   -->
                                <input class="parent_seccion_{{ $loop->iteration }}" name="seccion_{{ $loop->iteration }}"
                                    type="checkbox">
                                {{ $seccion }}
                                <select id="select_orden" name="numero_orden-{{ $loop->iteration }}">
                                    <option value="" class="producto_seleccionado">s/n</option>
                                    @for ($i = 1; $i <= 14; $i++)
                                        <option value="{{ $i }}">{{ $i }}</option>
                                    @endfor
                                </select>
                                <ul class="seccion_{{ $loop->iteration }}" style="display:none;">
                                    @foreach($subsecciones as $subseccion => $ssubseccion)
                                        @if($subseccion != '')
                                            <li>
                                                <!-- sub seccion -->
                                                <input class="parent_subseccion_{{$loop->iteration}}"
                                                    name="subseccion_{{$loop->iteration }}-{{ $subseccion}} " type="checkbox">
                                                {{$subseccion}}
                                                <ul style="display:none;" class="subseccion_{{ $loop->iteration }}">
                                                    @foreach($ssubseccion as $key => $value)
                                                        @if($value != '')
                                                            <li>
                                                                <!-- sub S seccion -->
                                                                <input class="sub_s_seccion_{{$loop->iteration }}"
                                                                    name="sub_s_seccion_{{$loop->iteration }}-{{ $value }}" type="checkbox">
                                                                {{$value}}
                                                            </li>
                                                        @endif
                                                    @endforeach
                                                </ul>
                                            </li>
                                        @endif
                                    @endforeach
                                </ul>
                            </li>

                        </ul>
                    @endforeach
                    <button type="submit" class="btn btn-primary">Submit</button>
                </div><!-- fin col-md-8-->

                <div class="col-md-2"></div>
            </div>

            <!--
          <div class="col-md-4 text-center" >
            <form  id="formIcDossier" name="formIcDossier" >
              <input type="hidden" name="apikey" value="1F44A3FAA0C15C42">
              <label>Cuit</label>
              <input type="text" name="cuit" value="20321555897">
              <input type="submit"  id="btn_formIcDossier" name="enviar" value="Enviar">
            </form>
          </div>-->
        </form>
    </div> <!-- fin col-md-12 -->
</div> <!-- fin container -->
@include('footer');