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

        @slot('title')
            Editar Inciso
        @endslot

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

        @slot('form')
            {{ csrf_field() }}
            
            <div id="modal-form-modify">

                <input type="text" class="form-control" id="id_inciso" name="id_inciso" hidden>
                
                <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 edit" >
                            <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">
                                <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="">
                    
                    <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>
            </div>
        @endslot

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