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

        @slot('title')
            Agregar Inciso
        @endslot

        @slot('action')
            <form id="nuevo_inciso" class="ui form" method="POST" action="{{url('normas/'.$norma_incisos->id_norma.'/new_inciso')}}" role="form" enctype="multipart/form-data">
        @endslot

        @slot('form')
            {{ csrf_field() }}

            <div class="row">
                <div class="col-md-7">
                    <div class="required field">
                        <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="required field">
                <label for="Numero" >Número del inciso</label>
                <input type="text" class="form-control" id="numero" name="numero" placeholder="Número del inciso">
            </div>
        
            <div class="form-group">
                
                <label for="inciso" >Nombre del inciso</label> 
                <input type="text" class="form-control" id="inciso" name="inciso" placeholder="Nombre del inciso">
            </div>

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

        @endslot

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