@component('fragments.modal')
        @slot('idmodal')
        modalEditSubInciso
        @endslot

        @slot('title')
            Agregar Subinciso
        @endslot

        @slot('action')
            <form id="nuevo_subinciso" class="ui form" method="POST" action="{{url('incisos/new_subinciso')}}" role="form" enctype="multipart/form-data">
        @endslot

        @slot('form')
            {{ csrf_field() }}
            <div id="modal-form-subinciso">
                <input type="text" class="form-control" id="id_inciso" name="id_inciso" hidden>
                <input type="text" class="form-control" id="nivel" name="nivel" hidden>

                <div class="row mb-3">
                    
                    <div class="col-md-7">
                        <div class="field disabled">
                            <label for="id_capitulo" >Capítulo</label>
                            <select class="form-control" id="id_capitulo" name="id_capitulo">
                                @foreach ($norma_incisos->capitulos as $capitulo)
                                    <option value="{{$capitulo->id_capitulo}}">{{$capitulo->numero}}. {{$capitulo->capitulo}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    
                    <div class="col-md-5">
                        <div class="field">
                            <label class="col-form-label">Mostrar no. de capítulo en los incisos</label>
                            <div class="ui toggle checkbox">
                                <input type="checkbox" name="mostrar_numero_capitulo" id="mostrar_numero_capitulo" value="1" checked>
                                <label for="mostrar_numero_capitulo">Si</label>
                            </div>
                        </div>
                    </div>

                </div>
                
            
                <div class=" field">
                    <label for="inciso" >Nombre del inciso principal</label>
                    <input type="text" class="form-control" id="inciso" name="inciso" placeholder="Nombre del inciso" disabled>
                </div>

                <div class="required field">
                    <label for="subnumero" >Número del subinciso</label>
                    <input type="text" class="form-control" id="subnumero" name="subnumero" placeholder="Número del subinciso">
                </div>

                <div class="">
                    <label for="subinciso" >Nombre del subinciso</label>
                    <input type="text" class="form-control" id="subinciso" name="subinciso" placeholder="Nombre del subinciso">
                </div>
                <div class="form-group">
                
                    <label for="descripcion" >Descripción del subinciso</label>
                    <textarea type="text" class="form-control" rows="4" id="descripcion" name="descripcion" placeholder="Descripción"></textarea>
                </div>
            </div>
        @endslot

        @slot('button')
            <button type="submit" class="btn btn-primary">
                <i class="save icon"></i>Guardar
            </button>
        @endslot
    @endcomponent